$(document).ready(function(){

/*	if(typeof document.onselectstart!="undefined") {
		document.onselectstart=new Function ("return false");
	} else {
		document.onmousedown=new Function ("return false");
		document.onmouseup=new Function ("return true");
	}
*/	
	$("#navigation a").css("display", "none").css("display", "block");	
	
	$("#navigation a").click(function(){		
		if($(this).attr("rel")!="link"){
			$("#content_display").fadeOut(0, "linear");
			
			$("#sub_navigation div").animate({opacity: '+=0'}, 200).fadeOut(50, "linear");
			$("#sub_navigation").animate({ 
	        	left: -35
	        }, 400, "linear");
			$("#sub_navigation").animate({ 
	        	left: 201
	        }, 400, "linear");

			$("#content_display").animate({opacity: '+=0'}, 200).css("left", 402);
			$("#content_display").animate({opacity: '+=0'}, 200).css("width", 448);

		        // AJAX Content loading
				var link = new Array();
				link = $(this).attr("href").split('#');
		       	
				$.ajax({
					url: "content/"+link[1],
					cache: false,
					success: function(html){
						$("#content_display").empty().append(html).animate({opacity: '+=0'}, 100).fadeIn(400, "linear");
					}
				});
				// --------------------

			$("#content_display").animate({opacity: '+=0'}, 350).fadeIn(200, "linear");
		     
			$("#"+$(this).attr("id")+"_").animate({opacity: '+=0'}, 600).fadeIn(700, "linear");
	    } else {
	    
			$("#content_display").css("opacity", 0);
			$("#sub_navigation").animate({ 
	        	left: -35
	        }, 400, "linear");

	       	$("#content_display").animate({ 
	        	width: 649,
	        	left: 201
	        }, 400, "linear");	    

	        // AJAX Content loading
			var link = new Array();
			link = $(this).attr("href").split('#');
	        
			$.ajax({
				url: "content/"+link[1],
				cache: false,
				success: function(html){
					$("#content_display").empty().append(html).animate({opacity: '+=0'}, 100).fadeIn(400, "linear");
					$("#content_display").animate({
				        	opacity: 1
				    }, 200, "linear");
				    $("#content_display").css("width", 649);
				    $("#scroll_content").jScrollPane({showArrows:false, scrollbarWidth: 18});
				}
			});
			// --------------------
			
	    }
    });
 
 	$("#sub_navigation a").click(function(){
 		if($(this).attr("class")!="back"){
			$("#content_display").css("opacity", 0);
			$("#navigation").animate({ 
	        	left: -236
	        }, 400, "linear");
			$("#sub_navigation").animate({ 
	        	left: 0
	        }, 400, "linear");
	       	$("#content_display").animate({ 
	        	width: 649,
	        	left: 201
	        }, 400, "linear");
	
	        // AJAX Content loading
			var link = new Array();
			link = $(this).attr("href").split('#');
	        
			$.ajax({
				url: "content/"+link[1],
				cache: false,
				success: function(html){
					$("#content_display").empty().append(html).animate({opacity: '+=0'}, 100).fadeIn(400, "linear");
					$("#content_display").animate({
				        	opacity: 1
				    }, 200, "linear");
				    $("#content_display").css("width", 649);
				    $("#scroll_content").jScrollPane({showArrows:false, scrollbarWidth: 18});
				}
			});
			// --------------------
			$(".back").css("display", "block");
		}
    }); 

	$(".back").click(function(){
		$("#content_display").css("opacity", 0);
		
		$("#navigation").animate({
        	left: 0
        }, 400, "linear");
		$("#sub_navigation").animate({ 
        	left: 201
        }, 400, "linear");
       	$("#content_display").animate({ 
        	left: 402,
        	width: 448
        }, 400, "linear");
		$(".back").css("display", "none");

        // AJAX Content loading
		var link = new Array();
		link = $(this).attr("href").split('#');
        
		$.ajax({
			url: "content/"+link[1],
			cache: false,
			success: function(html){
				$("#content_display").empty().append(html).animate({opacity: '+=0'}, 100).fadeIn(400, "linear");
				$("#content_display").animate({
			        	opacity: 1
			    }, 200, "linear");
			}
		});
		// --------------------

	});

    $("#content_display").mouseenter(function(){
    	$("#show_gallery").fadeIn(200);
    });

    $("#content_display").mouseleave(function(){
    	$("#show_gallery").fadeOut(200);
    });
 
	$("#bottom_nav a, #news_container a, #reservation a").click(function(){
			$("#content_display").css("opacity", 0);
			$("#navigation").animate({ 
	        	left: 0
	        }, 400, "linear");
			$("#sub_navigation").animate({ 
	        	left: -236
	        }, 400, "linear");
	       	$("#content_display").animate({ 
	        	width: 649,
	        	left: 201
	        }, 400, "linear");

	        // AJAX Content loading
			var link = new Array();
			link = $(this).attr("href").split('#');
	        
			$.ajax({
				url: "content/"+link[1],
				cache: false,
				success: function(html){
					$("#content_display").empty().append(html).animate({opacity: '+=0'}, 100).fadeIn(400, "linear");
					$("#content_display").animate({
				        	opacity: 1
				    }, 200, "linear");
				    $("#content_display").css("width", 649);
				    $("#scroll_content").jScrollPane({showArrows:false, scrollbarWidth: 18});
				}
			});
			// --------------------
	});
 
  $("#navigation a, #sub_navigation a").hover(
      function () {
        $(this).css("backgroundPosition", '0px -57px');
      }, 
      function () {
       $(this).css("backgroundPosition", '0px 0px');
      }
    );

 
});