activeScreen = [];

$(document).ready(function(){	
	$(".btn0").click(function(){
	      $("#ParentContainer").animate(
			{ top: 0, left: 15 }, {
				duration: 'slow',
				easing: 'easeInOutCirc'
			})			
			$('#Navigation li a').removeClass("SelectedItem");
			$(this).children(":first-child").addClass("SelectedItem");
	    });
	$(".btn1").click(function(){
	      $("#ParentContainer")
			.animate(
			{ top: -700, left: -945 }, {
				duration: 'slow',
				easing: 'easeInOutCirc'
			})
			$('#Navigation li a').removeClass("SelectedItem");
			$(this).children(":first-child").addClass("SelectedItem");
		 });
	$(".btn2").click(function(){
	      $("#ParentContainer").animate(
			{ top: -700, left: -2865 }, {
				duration: 'slow',
				easing: 'easeInOutCirc'
			})
			activeScreen = 0;
			$('#Navigation li a').removeClass("SelectedItem");
			$(this).children(":first-child").addClass("SelectedItem");
		 });
	$(".btn3").click(function(){
	      $("#ParentContainer").animate(
			{ top: 0, left: -945 }, {
				duration: 'slow',
				easing: 'easeInOutCirc'
			})
			activeScreen = 1;
			$('#Navigation li a').removeClass("SelectedItem");
			$(this).children(":first-child").addClass("SelectedItem");
		 });
	$(".btn4").click(function(){
	      $("#ParentContainer").animate(
			{ top: -700, left: 15 }, {
				duration: 'slow',
				easing: 'easeInOutCirc'
			})
			activeScreen = 2;
			$('#Navigation li a').removeClass("SelectedItem");
			$(this).children(":first-child").addClass("SelectedItem");
		 });
	$(".btn5").click(function(){
	      $("#ParentContainer").animate(
			{ top: 0, left: -2865 }, {
				duration: 'slow',
				easing: 'easeInOutCirc'
			})
			activeScreen = 3;
			$('#Navigation li a').removeClass("SelectedItem");
			$(this).children(":first-child").addClass("SelectedItem");
		 });
	$(".btn6").click(function(){
	      $("#ParentContainer").animate(
			{ top: -700, left: -1905 }, {
				duration: 'slow',
				easing: 'easeInOutCirc'
			})
			activeScreen = 4;
			$('#Navigation li a').removeClass("SelectedItem");
			$(this).children(":first-child").addClass("SelectedItem");
		 });
	$(".btn7").click(function(){
	      $("#ParentContainer").animate(
			{ top: 0, left: -1905 }, {
				duration: 'slow',
				easing: 'easeInOutCirc'
			})
			$('#Navigation li a').removeClass("SelectedItem");
			$(this).children(":first-child").addClass("SelectedItem");
		 });
		
		
		$(".more1").mouseup(function(){
		      $("#ParentContainer").animate(
				{ top: -700, left: -945 }, {
					duration: 'slow',
					easing: 'easeInOutCirc'
				})
				activeScreen = 0;
				$('#Navigation li a').removeClass("SelectedItem");
				$('li.btn1').children(":first-child").addClass("SelectedItem");
			 });
	
		$(".more2").mouseup(function(){
		      $("#ParentContainer").animate(
				{ top: -700, left: -2865 }, {
					duration: 'slow',
					easing: 'easeInOutCirc'
				})
				activeScreen = 0;
				$('#Navigation li a').removeClass("SelectedItem");
				$('li.btn2').children(":first-child").addClass("SelectedItem");
			 });
		$(".more3").mouseup(function(){
		      $("#ParentContainer").animate(
				{ top: 0, left: -945 }, {
					duration: 'slow',
					easing: 'easeInOutCirc'
				})
				activeScreen = 1;
				$('#Navigation li a').removeClass("SelectedItem");
				$('li.btn3').children(":first-child").addClass("SelectedItem");
			 });
		$(".more4").mouseup(function(){
		      $("#ParentContainer").animate(
				{ top: -700, left: 15 }, {
					duration: 'slow',
					easing: 'easeInOutCirc'
				})
				activeScreen = 2;
				$('#Navigation li a').removeClass("SelectedItem");
				$('li.btn4').children(":first-child").addClass("SelectedItem");
			 });
		$(".more5").mouseup(function(){
		      $("#ParentContainer").animate(
				{ top: 0, left: -2865 }, {
					duration: 'slow',
					easing: 'easeInOutCirc'
				})
				activeScreen = 3;
				$('#Navigation li a').removeClass("SelectedItem");
				$('li.btn5').children(":first-child").addClass("SelectedItem");
			 });
		$(".more6").mouseup(function(){
		      $("#ParentContainer").animate(
				{ top: -700, left: -1905 }, {
					duration: 'slow',
					easing: 'easeInOutCirc'
				})
				activeScreen = 4;
				$('#Navigation li a').removeClass("SelectedItem");
				$('li.btn6').children(":first-child").addClass("SelectedItem");
			 });
			
			
			$(".scrn0").mousedown(function(){
			      $("#ParentContainer").animate(
					{ top: 0, left: 15 }, {
						duration: 'slow',
						easing: 'easeInOutCirc'
					})			
					$('#Navigation li a').removeClass("SelectedItem");
					$('li.btn0').children(":first-child").addClass("SelectedItem");
			    });
			$(".scrn1").mousedown(function(){
			      $("#ParentContainer")
					.animate(
					{ top: -700, left: -945 }, {
						duration: 'slow',
						easing: 'easeInOutCirc'
					})
					$('#Navigation li a').removeClass("SelectedItem");
					$('li.btn1').children(":first-child").addClass("SelectedItem");
				 });
			$(".scrn2").mousedown(function(){
			      $("#ParentContainer").animate(
					{ top: -700, left: -2865 }, {
						duration: 'slow',
						easing: 'easeInOutCirc'
					})
					activeScreen = 0;
					$('#Navigation li a').removeClass("SelectedItem");
					$('li.btn2').children(":first-child").addClass("SelectedItem");
				 });
			$(".scrn3").mousedown(function(){
			      $("#ParentContainer").animate(
					{ top: 0, left: -945 }, {
						duration: 'slow',
						easing: 'easeInOutCirc'
					})
					activeScreen = 1;
					$('#Navigation li a').removeClass("SelectedItem");
					$('li.btn3').children(":first-child").addClass("SelectedItem");
				 });
			$(".scrn4").mousedown(function(){
			      $("#ParentContainer").animate(
					{ top: -700, left: 15 }, {
						duration: 'slow',
						easing: 'easeInOutCirc'
					})
					activeScreen = 2;
					$('#Navigation li a').removeClass("SelectedItem");
					$('li.btn4').children(":first-child").addClass("SelectedItem");
				 });
			$(".scrn5").mousedown(function(){
			      $("#ParentContainer").animate(
					{ top: 0, left: -2865 }, {
						duration: 'slow',
						easing: 'easeInOutCirc'
					})
					activeScreen = 3;
					$('#Navigation li a').removeClass("SelectedItem");
					$('li.btn5').children(":first-child").addClass("SelectedItem");
				 });
			$(".scrn6").mousedown(function(){
			      $("#ParentContainer").animate(
					{ top: -700, left: -1905 }, {
						duration: 'slow',
						easing: 'easeInOutCirc'
					})
					activeScreen = 4;
					$('#Navigation li a').removeClass("SelectedItem");
					$('li.btn6').children(":first-child").addClass("SelectedItem");
				 });
			$(".scrn7").mousedown(function(){
			      $("#ParentContainer").animate(
					{ top: 0, left: -1905 }, {
						duration: 'slow',
						easing: 'easeInOutCirc'
					})
					$('#Navigation li a').removeClass("SelectedItem");
					$('li.btn7').children(":first-child").addClass("SelectedItem");
				 });
				
			
	$('#Navigation ul').click(function(){
		cleanSetup();
	});
	
	$('ul.NavList li').click(function(){
		var clickedli = this;
		$('ul.NavList li').removeClass("SelectedItem")
		$(this).addClass("SelectedItem")
		var siblings = $('li', $(clickedli).parent());
		for(i = 0; i < siblings.length; i++) {
			if (siblings[i] == clickedli) {
			var liindex = i;
			$("#FolioFrame"+activeScreen+"").animate(
				{ left: -740*liindex }, {
					duration: 'slow',
					easing: 'easeInOutCirc'
				})
				
			break;			
			}
		}
	});
	
	
	$('ul.ProcessNav li').click(function(){
		var clickedli = this;
		$('ul.ProcessNav li').removeClass("SelectedItem")
		$(this).addClass("SelectedItem")
		var siblings = $('li', $(clickedli).parent());
		for(i = 0; i < siblings.length; i++) {
			if (siblings[i] == clickedli) {
			var liindex = i;
			$("#ProcessContent").animate(
				{ left: -835*liindex }, {
					duration: 'slow',
					easing: 'easeInOutCirc'
				})
				
			break;			
			}
		}
	});
		
	$("div.NavContainer").mouseenter(function(){
		$(this).children("ul").show()
		}).mouseleave(function(){
			$(this).children("ul")
			.animate({opacity:.85},500)
			.hide()
	})
		
	loadContent();
 });

function cleanSetup(){
	$('ul.NavList li').removeClass("SelectedItem");
	$("ul.NavList").fadeIn(100)
	for(i=0;i < $('ul.NavList').length;i++){
		$('#FolioMenu'+i).children(":first-child").addClass("SelectedItem")
	}	
	$('.FolioFrame').animate({ left: 0 },500);
}

var i = 0;
function loadContent(){
	$.ajax({
	  url: "loader"+i+".html",
	  cache: false,
	  success: function(html){
	    $("#FolioFrame"+(i-1)+"").append(html);
	  },
	  complete: function(){
		if(i < 5){
			loadContent(i)	
		}
	  }
	});
	i++
}