$(document).ready(function(){
	$('.fzoom').fancybox({
		'zoomOpacity' : true,
		 'overlayShow' : true,
		 'zoomSpeedIn' : 300,
		 'zoomSpeedOut' : 300,
		 'overlayOpacity': .3
		 		 });
	
		switchTo('nav-1');	
		navAnchor();

function navAnchor(){
	var url = location.href;
	nav1anchor = url.indexOf("nav-1");
	nav2anchor = url.indexOf("nav-2");
	nav3anchor = url.indexOf("nav-3");
	nav4anchor = url.indexOf("nav-4");
	nav5anchor = url.indexOf("nav-5");
	nav6anchor = url.indexOf("nav-6");

	if(nav1anchor > 0){
		switchTo('nav-1');	
		$('html, body').animate({scrollTop: 800}, 800);
	}
	else if(nav2anchor > 0){
		switchTo('nav-2');	
		$('html, body').animate({scrollTop: 800}, 800);
	}
	else if(nav3anchor > 0){
		switchTo('nav-3');	
		$('html, body').animate({scrollTop: 800}, 100);
	}
	else if(nav4anchor > 0){
		switchTo('nav-4');	
		$('html, body').animate({scrollTop: 800}, 100);
	}
	else if(nav5anchor > 0){
		switchTo('nav-5');	
		$('html, body').animate({scrollTop: 800}, 100);
	}
	else if(nav6anchor > 0){
		switchTo('nav-6');	
		$('html, body').animate({scrollTop: 800}, 100);
	}
	else {
		switchTo('nav-1');
	}
	
}
	
	
	
 	//set up events to handle browsing project categories

    $("#projects .nav-1 a ").bind("click", function(){ switchTo("nav-1"); });
    $("#projects .nav-2 a ").bind("click", function(){ switchTo("nav-2");});
    $("#projects .nav-3 a ").bind("click", function(){ switchTo("nav-3");}); 
    $("#projects .nav-4 a ").bind("click", function(){ switchTo("nav-4");}); 
	$("#projects .nav-5 a ").bind("click", function(){ switchTo("nav-5");}); 
	$("#projects .nav-6 a ").bind("click", function(){ switchTo("nav-6");}); 

    		
  });
 		
var curSect = "";

function switchTo(which){
	jQuery.easing.def = "easeInOutSine";
	h = $("#scroller-window").height();//so we don't have to hardcode the row height;
	ha = $("#project-type-nav li.current").height(); //height of the arrow;
	if (which == curSect) { return; }  //don't switch if we are on the selected tab
	
	if (which == "nav-1"){		
		$("#project-type-nav span").animate({opacity: '.55'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav-1 a").css("cursor", "default");			
		$("#project-type-nav .current").animate({top: "-1px"  }, { "duration": 300 } );
		$("#project-type-nav .nav-1 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: '0'}, { "duration": 300 } );
	}
		
	if (which == "nav-2"){			
		$("#project-type-nav span").animate({opacity: '.55'}, { "duration": 300 } );
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav-2 a").css("cursor", "default");					
		$("#project-type-nav .current").animate({ 	top: (ha)+"px"   }, { "duration": 300 } );
		$("#project-type-nav .nav-2 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h)+"px"}, { "duration": 300 } );
	}
	
	if (which == "nav-3"){	
		$("#project-type-nav span").animate({opacity: '.55'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav-3 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: (ha*2)+"px"	    }, { "duration": 300} );
		$("#project-type-nav .nav-3 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*2)+"px"}, { "duration": 300 } );
	}	
	
	if (which == "nav-4"){
		$("#project-type-nav span").animate({opacity: '.55'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav-4 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: (ha*3)+"px"	    }, { "duration": 300} );
		$("#project-type-nav .nav-4 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*3)+"px"}, { "duration": 300 } );
	}
		
	if (which == "nav-5"){
		$("#project-type-nav span").animate({opacity: '.55'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav-5 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: (ha*4)+"px"	    }, { "duration": 300} );
		$("#project-type-nav .nav-5 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*4)+"px"}, { "duration": 300 } );
	}
	
	if (which == "nav-6"){
		$("#project-type-nav span").animate({opacity: '.55'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav-6 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: (ha*5)+"px"	    }, { "duration": 300} );
		$("#project-type-nav .nav-6 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*5)+"px"}, { "duration": 300 } );
	}
	
	curSect = which;

}