$(document).ready(function(){
			
	
	$("#flipbookcontent").fadeIn("slow");

	$("#ajazloader").animate({
	   "opacity": "0"
	}, "slow");
	
	var shakeleft = $("div[id^=page]:first").css("left");
		 if(shakeleft == "0px") {
		  	$("#moveleftnav").css("display","none");
		 }
		 
	$("#close").click(function() {
									 
		$("#sysMsgPopup").css("display","none");
	});
	
	$("#logo").click(function() {
		fadeouts();	  
		var findleft = $("#page_15").css("left");
		$("div[class^=page]").animate({"left": "-="+findleft}, "slow");
		
	});
	
	
/*-----------
NAVIGATION
----------------*/

	//Hover event for main navigation
	$('div[class^=navbar]').hover(
		function() {
			var $this = $(this);
			var x = $this.attr("id");
			var tempid = x.split("_");
			
			$("#nav_"+tempid[1]).css("text-align","left");
			$("#nav_"+tempid[1]).animate({"width": "195px"}, "slow");
			$("#txt_"+tempid[1]).animate({"opacity": "1"}, "slow");
			
		}, 
		function() {
			var $this = $(this);
			var x = $this.attr("id");
			var tempid = x.split("_");
			
			$("#nav_"+tempid[1]).animate({"width": "85px"}, "slow");
			$("#txt_"+tempid[1]).animate({"opacity": "0"}, "slow");
			$("#nav_"+tempid[1]).css("text-align","right");

		});
	
	$("#tallnavarrow").click(function() {
									 
		fadeouts();
		 
		 //Animate the slide.
	  	$("div[class^=page]").animate({
			"left": "-=730px"
		}, "slow", function() {
			//Check to see if the 1st and 9th boxes are not at thier bounding points. 
		var shakeleft = $("div[id^=page]:first").css("left");
		var shakeright = $("div[id^=page]:last").css("left");
		
		 if(shakeleft === '0px') {
		  	$("#moveleftnav").css("display","none");
		 }else{
			$("#moveleftnav").css("display","block");
		 }
		 
		 if(shakeright === '0px') {
		  	$("#moverightnav").css("display","none");
		 }else{
			$("#moverightnav").css("display","block");
		 }
		 
		});
	});
	
	//Click event for main navigation
	$("div[class^=navbar]").click(function(){
							   
		fadeouts();
							   
		var $this = $(this);
		var id = $this.attr("id");
		var findnum = id.split("_");
		var findleft = $("#page_"+findnum[1]).css("left");
		
		//alert(findleft);
		$("div[class^=page]").animate({
			"left": "-="+findleft
			}, "slow", function() {
				var shakeleft = $("div[id^=page]:first").css("left");
				var shakeright = $("div[id^=page]:last").css("left");
				
				if(shakeleft === '0px') {
					$("#moveleftnav").css("display","none");
				 }else{
					$("#moveleftnav").css("display","block");
				 }
				 
				 if(shakeright === '0px') {
					$("#moverightnav").css("display","none");
				 }else{
					$("#moverightnav").css("display","block");
				 }
			});

			$("#bluescreen_"+findnum[1]).fadeIn("slow");
			
			if(findnum[1] == 8 || findnum[1] == 10) {
				$("#instructions"+findnum[1]).fadeIn("slow");
				$("#tallnavarrow").fadeIn("slow");
			}
		
		});
	
	//MoveRight Button
	$("#moverightnav").click(function(){
						    
		fadeouts();
		 
		 //Animate the slide.
	  	$("div[class^=page]").animate({
			"left": "-=730px"
		}, "slow", function() {
			
		//Check to see if the 1st and 9th boxes are not at thier bounding points. 
		var shakeleft = $("div[id^=page]:first").css("left");
		var shakeright = $("div[id^=page]:last").css("left");
		
		 if(shakeleft === '0px') {
		  	$("#moveleftnav").css("display","none");
		 }else{
			$("#moveleftnav").css("display","block");
		 }
		 
		 if(shakeright === '0px') {
		  	$("#moverightnav").css("display","none");
		 }else{
			$("#moverightnav").css("display","block");
		 }
		 
		});
		
		$("div[class^=page]").each(
			function() {
				var $this = $(this);
				var id = $this.attr("id");
				var theleft = $('#'+id).css("left");
				var findnum = id.split("_");
				
				if(theleft === "730px") {
					//$("#tester").html(theleft);
					$("#bluescreen_"+findnum[1]).fadeIn("slow");
					if(findnum[1] == 8 || findnum[1] == 10) {
						$("#instructions"+findnum[1]).fadeIn("slow");
						$("#tallnavarrow").fadeIn("slow");
					}
				}
				findnum = '';
			});			
	});
	
	//MoveLeft Button
	$("#moveleftnav").click(function(){
						   
		fadeouts();

	  $("div[class^=page]").animate({
		"left": "+=730px"
		}, "slow", function() {
		  
		  //Check to see if the 1st and 9th boxes are not at thier bounding points. 
		var shakeleft = $("div[id^=page]:first").css("left");
		var shakeright = $("div[id^=page]:last").css("left");
		
		if(shakeleft === '0px') {
		  	$("#moveleftnav").css("display","none");
		 }else{
			$("#moveleftnav").css("display","block");
		 }
		 
		  if(shakeright === '0px') {
		  	$("#moverightnav").css("display","none");
		 }else{
			$("#moverightnav").css("display","block");
		 }
		 
	  });
	  
	  $("div[class^=page]").each(
			function() {
				var $this = $(this);
				var id = $this.attr("id");
				var theleft = $('#'+id).css("left");
				var findnum = id.split("_");
				
				if(theleft === "-730px") {
					//$("#tester").html(theleft);
					$("#bluescreen_"+findnum[1]).fadeIn("slow");
					if(findnum[1] == 8 || findnum[1] == 10) {
						$("#instructions"+findnum[1]).fadeIn("slow");
						$("#tallnavarrow").fadeIn("slow");
					}
				}
				findnum = '';
			});	  	
	});
	
	//Bottom Buttons
	$("div[class^=flipnavbox]").click(function(){
								 
		fadeouts();
		
		var $this = $(this);
		var id = $this.attr("id");
		var findnum = id.split("_");
		var findleft = $("#page_"+findnum[1]).css("left");

		//alert(findleft);
		$("div[class^=page]").animate({
			"left": "-="+findleft
			}, "slow", function() {
				var shakeleft = $("div[id^=page]:first").css("left");
				var shakeright = $("div[id^=page]:last").css("left");
				
				if(shakeleft === '0px') {
					$("#moveleftnav").css("display","none");
				 }else{
					$("#moveleftnav").css("display","block");
				 }
				 
				 if(shakeright === '0px') {
					$("#moverightnav").css("display","none");
				 }else{
					$("#moverightnav").css("display","block");
				 }
			});
		
		$("#bluescreen_"+findnum[1]).fadeIn("slow");
		
		var findleftsmall = $("#flipnavbox_"+findnum[1]).css("left");
		
		if(findnum[1] == 8 || findnum[1] == 10) {
			$("#instructions"+findnum[1]).fadeIn("slow");
			$("#tallnavarrow").fadeIn("slow");
		}
		
	});

 });

function fadeouts(){
	
	$("#instructions").fadeOut("slow");
	$("#instructions8").fadeOut("slow");
	$("#instructions10").fadeOut("slow");
	$("#tallnavarrow").fadeOut("slow");
	$("div[class^=bluescreen]").fadeOut("slow");
}