Cufon.replace('#navbar, #talktous a', { fontFamily: 'Myriad Pro' });
Cufon.replace('#lime h1, #main h1, #seo h1, #mid-section h1, #bottomPanel h1', { fontFamily: 'Hermes' });

$(document).ready(function(){ 

	var copyYear = (new Date).getFullYear();
	$("#copyYear").text(copyYear);

	var bgheightLayer1 = 2000;
	var bgheightLayer2 = 500;
	
	var layer1Offset = bgheightLayer1;
	var layer2Offset = bgheightLayer2;	

	var moveMe;
	
	
	$(window).focus(function() {
    	goNext();
	});

	$(window).blur(function() {
		clearTimeout(moveMe);
	});
	
	
	
	
	
	// Calculate the margins for the sections
	function calculateMargin() {
		screen_width = $(window).width();
		margin_width = Math.round((((screen_width - 1002) / 2) - 120));
		//alert(margin_width);
		//alert(getDivWidth('#lime') + ' - ' + margin_width + ' = ' + (getDivWidth('#lime') - margin_width));
		$('#web-design').css("width", + (2000 - margin_width) + "px");
		$('#web-design').css("margin-left", + margin_width + "px");
		$('#lime').css("width", + (2000 - margin_width) + "px");
		$('#lime').css("margin-left", + margin_width + "px");
		$('#mobile').css("width", + (2000 - margin_width) + "px");
		$('#mobile').css("margin-left", + margin_width + "px");		
		$('#level1').css("width", + (screen_width - margin_width) + "px");										
		$('#level1').css("margin-left", + margin_width-(margin_width/2)  + "px");	
		$('#level2').css("width", + (screen_width - margin_width) + "px");										
		$('#level2').css("margin-left", + margin_width-(margin_width/2) + "px");		
		
	}
	
	calculateMargin();
 
	function scrollLayer1() {
		layer1Offset = (layer1Offset < 1) ? layer1Offset + (bgheightLayer1 - 1) : layer1Offset - 1;
		$('#bubbles1').css("background-position", "50% " + layer1Offset + "px");

		setTimeout(function() {
			scrollLayer1();
			}, 150
		);
   	}
	
	function scrollLayer2() {
		layer2Offset = (layer2Offset < 1) ? layer2Offset + (bgheightLayer2 - 1) : layer2Offset - 1;
		$('#bubbles2').css("background-position", "50% " + layer2Offset + "px");
		
		setTimeout(function() {
			scrollLayer2();
			}, 50
		);
   	}
	
	scrollLayer1();
	scrollLayer2();
	
	var $curpage = 0;
	
	function doMove(layer1, layer2, layer3){			

			clearTimeout(moveMe);
			
			//alert(layer1 + " " + layer2 + " " + layer3)
						
			$('#level1').scrollTo(layer1, 2000);
			$('#level2').scrollTo(layer2, 2000);		
			$('#level3').scrollTo(layer3, 2000);	
			
			moveMe = setTimeout(function() {
				goNext();
			}, 12000);	
			
	}
	
	//scrollTo parallax
	$('#first').click(function() {		
		clearTimeout(moveMe);	
		
		if ($curpage == 1) {
			$curpage = 1;	
		} else  {			
			doMove(0,0,0);	
			$curpage = 1;	
			$('#button1').addClass('buttonsOn');	
			$('#button2').removeClass('buttonsOn');					
			$('#button3').removeClass('buttonsOn');			
		}
	});


	$('#second').click(function() {
		clearTimeout(moveMe);			
		
		if ($curpage == 2) {
			$curpage = 2;		
		} else {
			doMove(200,300,2000);
			$curpage = 2;
			$('#button2').addClass('buttonsOn');	
			$('#button1').removeClass('buttonsOn');					
			$('#button3').removeClass('buttonsOn');		
		}
	});
	
	$('#third').click(function() {
		clearTimeout(moveMe);			
		if ($curpage == 3) {
			$curpage = 3;		
		} else  {			
			doMove(400,600,4000);
			$curpage = 3;		
			$('#button3').addClass('buttonsOn');	
			$('#button2').removeClass('buttonsOn');					
			$('#button1').removeClass('buttonsOn');	
		}
	});
	
	function goNext(){
		clearTimeout(moveMe);	
		var $numofPages = 3;
		var $nextPage = $curpage + 1;
		
		if (($nextPage) > $numofPages){
			$nextPage = 1;
		}
		
		switch($nextPage) {
			
            case 1: 
				doMove(0,0,0);	
				$curpage = 1;
				$('#button1').addClass('buttonsOn');
				$('#button3').removeClass('buttonsOn');
			;
            break;
			
            case 2: 
				doMove(200,300,2000);	
				$curpage = 2;
				$('#button2').addClass('buttonsOn');	
				$('#button1').removeClass('buttonsOn');							
            break;
			
            case 3: 
				doMove(400,600,4000);	
				$curpage = 3;
				$('#button3').addClass('buttonsOn');	
				$('#button2').removeClass('buttonsOn');		
            break;
        }	

	}
	
	goNext();

	//Re-calculate margin on resize
	$(window).resize(function() { calculateMargin(); });



});