$(document).ready(function(){
	$('.fzoom').colorbox({
		'zoomOpacity' : true,
		 'overlayShow' : true,
		 'zoomSpeedIn' : 300,
		 'zoomSpeedOut' : 300,
		 'overlayOpacity': .3
		 		 });

	switchTo('pan1');
	$("#scroller-pan1-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-pan1-wrap',
		loop: 'true',
		next: '#button-next-project-pan1' ,
		navi: '#project-dots-pan1',
		naviItem: 'a',
		keyboard: true,
		speed: '800'
	});	

	$("#scroller-pan2-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-pan2-wrap',
		loop: 'true',
		next: '#button-next-project-pan2' ,
		navi: '#project-dots-pan2',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});				
	$("#scroller-pan3-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-pan3-wrap',
		loop: 'true',
		next: '#button-next-project-pan3' ,
		navi: '#project-dots-pan3',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});
        $("#scroller-pan4-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-pan4-wrap',
		loop: 'true',
		next: '#button-next-project-pan4' ,
		navi: '#project-dots-pan4',
		naviItem: 'a',
		keyboard: true,
		speed: '800'
	});
        $("#scroller-pan5-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-pan5-wrap',
		loop: 'true',
		next: '#button-next-project-pan5' ,
		navi: '#project-dots-pan5',
		naviItem: 'a',
		keyboard: true,
		speed: '800'
	});
        /*
        $("#scroller-pan6-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-pan6-wrap',
		loop: 'true',
		next: '#button-next-project-pan6' ,
		navi: '#project-dots-pan6',
		naviItem: 'a',
		keyboard: true,
		speed: '800'
	});
        */
			
 	//set up events to handle browsing project categories
    $("#projects .pan1 a ").bind("click", function(){ switchTo("pan1"); });
    $("#projects .pan2 a ").bind("click", function(){ switchTo("pan2");});
    $("#projects .pan3 a ").bind("click", function(){ switchTo("pan3");});
    $("#projects .pan4 a ").bind("click", function(){ switchTo("pan4");});
    $("#projects .pan5 a ").bind("click", function(){ switchTo("pan5");});
    $("#projects .pan5top a ").bind("click", function(){ switchTo("pan5top");});
    
    /*
    $("#projects .pan6 a ").bind("click", function(){ switchTo("pan6");});
    $("#projects .pan6top a ").bind("click", function(){ switchTo("pan6top");});
    */
    		
  });
 		
var curSect = "";

function switchTo(which){
	jQuery.easing.def = "easeInOutSine";
	
	h = $(".project").height();  
	if (which == curSect) { return; }  
	
	if (which == "pan1"){
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .pan1 a").css("cursor", "default");
		$("#project-type-nav .current").animate({top: "0px"  }, { "duration": 300 } );
		$("#project-type-nav .pan1 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: '0'}, { "duration": 300 } );
	}
		
	if (which == "pan2"){
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .pan2 a").css("cursor", "default");
		$("#project-type-nav .current").animate({ 	top: "50px"   }, { "duration": 300 } );
		$("#project-type-nav .pan2 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h)+"px"}, { "duration": 300 } );
		$("#project-dots-pan2").show(300);
	}
	
	if (which == "pan3"){
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );
		$("#project-type-nav a").css("cursor", "pointer");
		$("#project-type-nav .pan3 a").css("cursor", "default");
		$("#project-type-nav .current").animate({ 	top: "101px"   }, { "duration": 300 } );
		$("#project-type-nav .pan3 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*2)+"px"}, { "duration": 300 } );
		$("#project-dots-pan3").show(300);
	}		

        if (which == "pan4"){
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );
		$("#project-type-nav a").css("cursor", "pointer");
		$("#project-type-nav .pan4 a").css("cursor", "default");
		$("#project-type-nav .current").animate({ 		top: "152px"	    }, { "duration": 300} );
		$("#project-type-nav .pan4 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*3)+"px"}, { "duration": 300 } );
		$("#project-dots-pan4").show(300);
	}

        if (which == "pan5"){
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );
		$("#project-type-nav a").css("cursor", "pointer");
		$("#project-type-nav .pan5 a").css("cursor", "default");
		$("#project-type-nav .current").animate({ 		top: "203px"	    }, { "duration": 300} );
		$("#project-type-nav .pan5 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*4)+"px"}, { "duration": 300 } );
		$("#project-dots-pan5").show(300);
	}
        /*
        if (which == "pan6"){
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );
		$("#project-type-nav a").css("cursor", "pointer");
		$("#project-type-nav .pan3top a").css("cursor", "default");
		$("#project-type-nav .current").animate({ 		top: "254px"	    }, { "duration": 300} );
		$("#project-type-nav .pan3top span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*5)+"px"}, { "duration": 300 } );
		$("#project-dots-pan3").show(300);
	}
        */
	curSect = which;

}