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

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

	$("#scroller-nav1-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav1-wrap',
		loop: 'true',
		next: '#button-next-project-nav1' ,
		navi: '#project-dots-nav1',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});				
	$("#scroller-nav2-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav2-wrap',
		loop: 'true',
		next: '#button-next-project-nav2' ,
		navi: '#project-dots-nav2',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});				
	$("#scroller-nav3-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav3-wrap',
		loop: 'true',
		next: '#button-next-project-nav3' ,
		navi: '#project-dots-nav3',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});	
				
	$("#scroller-nav4-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav4-wrap',
		loop: 'true',
		next: '#button-next-project-nav4' ,
		navi: '#project-dots-nav4',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});	
				
	$("#scroller-nav5-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav5-wrap',
		loop: 'true',
		next: '#button-next-project-nav5' ,
		navi: '#project-dots-nav5',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});	
				
	$("#scroller-nav6-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav6-wrap',
		loop: 'true',
		next: '#button-next-project-nav6' ,
		navi: '#project-dots-nav6',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});	
				
	$("#scroller-nav7-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav7-wrap',
		loop: 'true',
		next: '#button-next-project-nav7' ,
		navi: '#project-dots-nav7',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});	
				
	$("#scroller-nav8-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav8-wrap',
		loop: 'true',
		next: '#button-next-project-nav8' ,
		navi: '#project-dots-nav8',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});	
				
	$("#scroller-nav9-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav9-wrap',
		loop: 'true',
		next: '#button-next-project-nav9' ,
		navi: '#project-dots-nav9',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});	
				
	$("#scroller-nav10-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav10-wrap',
		loop: 'true',
		next: '#button-next-project-nav10' ,
		navi: '#project-dots-nav10',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});		
	
	$("#scroller-nav11-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav11-wrap',
		loop: 'true',
		next: '#button-next-project-nav11' ,
		navi: '#project-dots-nav11',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});	
							
	$("#scroller-nav12-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav12-wrap',
		loop: 'true',
		next: '#button-next-project-nav12' ,
		navi: '#project-dots-nav12',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});
							
	$("#scroller-nav13-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav13-wrap',
		loop: 'true',
		next: '#button-next-project-nav13' ,
		navi: '#project-dots-nav13',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});
							
	$("#scroller-nav14-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav14-wrap',
		loop: 'true',
		next: '#button-next-project-nav14' ,
		navi: '#project-dots-nav14',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});
							
	$("#scroller-nav15-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav15-wrap',
		loop: 'true',
		next: '#button-next-project-nav15' ,
		navi: '#project-dots-nav15',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});
							
	$("#scroller-nav16-window").scrollable({
		easing: 'swing',
		size: '1',
		items: '#scroller-nav16-wrap',
		loop: 'true',
		next: '#button-next-project-nav16' ,
		navi: '#project-dots-nav16',
		naviItem: 'a',
		keyboard: true,			
		speed: '800'
	});
	
	
 	//set up events to handle browsing project categories
    $("#projects .nav0 a ").bind("click", function(){ switchTo("nav0");});
    $("#projects .fete a ").bind("click", function(){ switchTo("fete");});
    $("#projects .nav1 a ").bind("click", function(){ switchTo("nav1");});
    $("#projects .nav2 a ").bind("click", function(){ switchTo("nav2");}); 
    $("#projects .nav3 a ").bind("click", function(){ switchTo("nav3");}); 
    $("#projects .nav4 a ").bind("click", function(){ switchTo("nav4");}); 
    $("#projects .nav5 a ").bind("click", function(){ switchTo("nav5");}); 
    $("#projects .nav6 a ").bind("click", function(){ switchTo("nav6");}); 
    $("#projects .nav7 a ").bind("click", function(){ switchTo("nav7");}); 
    $("#projects .nav8 a ").bind("click", function(){ switchTo("nav8");}); 
    $("#projects .nav9 a ").bind("click", function(){ switchTo("nav9");}); 
    $("#projects .nav10 a ").bind("click", function(){ switchTo("nav10");}); 
    $("#projects .nav11 a ").bind("click", function(){ switchTo("nav11");}); 
    $("#projects .nav12 a ").bind("click", function(){ switchTo("nav12");}); 
    $("#projects .nav13 a ").bind("click", function(){ switchTo("nav13");}); 
    $("#projects .nav14 a ").bind("click", function(){ switchTo("nav14");}); 
    $("#projects .nav15 a ").bind("click", function(){ switchTo("nav15");}); 
    $("#projects .nav16 a ").bind("click", function(){ switchTo("nav16");}); 
    		
  });
 		
var curSect = "";

function switchTo(which){
	jQuery.easing.def = "easeInOutSine";
	
	h = $(".project").height();  //so we don't have to hardcode the row height;
	if (which == curSect) { return; }  //don't switch if we are on the selected tab
	
	if (which == "nav0"){
		$(".button-next-project").hide();
		$("#button-next-project-nav0").show();		
		$(".project-dots").hide();
		$("#project-dots-nav0").show(300);		
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav0 a").css("cursor", "default");			
		$("#project-type-nav .current").animate({top: "-1px"  }, { "duration": 300 } );
		$("#project-type-nav .nav0 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: '0'}, { "duration": 300 } );
	}
		
	if (which == "fete"){
		$(".button-next-project").hide();
		$("#button-next-project-fete").show();		
		$(".project-dots").hide();	
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .fete a").css("cursor", "default");					
		$("#project-type-nav .current").animate({ 	top: "35px"   }, { "duration": 300 } );
		$("#project-type-nav .fete span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h)+"px"}, { "duration": 300 } );
		$("#project-dots-fete").show(300);
	}
	
	if (which == "nav1"){
		$(".button-next-project").hide();
		$("#button-next-project-nav1").show();		
		$(".project-dots").hide();	
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav1 a").css("cursor", "default");					
		$("#project-type-nav .current").animate({ 	top: "71px"   }, { "duration": 300 } );
		$("#project-type-nav .nav1 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*2)+"px"}, { "duration": 300 } );
		$("#project-dots-nav1").show(300);
	}
	
	if (which == "nav2"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav2").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav2 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "107px"	    }, { "duration": 300} );
		$("#project-type-nav .nav2 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*3)+"px"}, { "duration": 300 } );
		$("#project-dots-nav2").show(300);	
	}		
	
	if (which == "nav3"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav3").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav3 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "143px"	    }, { "duration": 300} );
		$("#project-type-nav .nav3 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*4)+"px"}, { "duration": 300 } );
		$("#project-dots-nav3").show(300);	
	}		
	
	if (which == "nav4"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav4").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav4 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "179px"	    }, { "duration": 300} );
		$("#project-type-nav .nav4 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*5)+"px"}, { "duration": 300 } );
		$("#project-dots-nav4").show(300);	
	}		
	
	if (which == "nav5"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav5").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav5 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "215px"	    }, { "duration": 300} );
		$("#project-type-nav .nav5 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*6)+"px"}, { "duration": 300 } );
		$("#project-dots-nav5").show(300);	
	}		
	
	if (which == "nav6"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav6").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav6 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "251px"	    }, { "duration": 300} );
		$("#project-type-nav .nav6 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*7)+"px"}, { "duration": 300 } );
		$("#project-dots-nav6").show(300);	
	}		
	
	if (which == "nav7"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav7").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav7 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "287px"	    }, { "duration": 300} );
		$("#project-type-nav .nav7 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*8)+"px"}, { "duration": 300 } );
		$("#project-dots-nav7").show(300);	
	}		
	
	if (which == "nav8"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav8").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav8 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "323px"	    }, { "duration": 300} );
		$("#project-type-nav .nav8 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*9)+"px"}, { "duration": 300 } );
		$("#project-dots-nav8").show(300);	
	}		
	
	if (which == "nav9"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav9").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav9 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "359px"	    }, { "duration": 300} );
		$("#project-type-nav .nav9 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*10)+"px"}, { "duration": 300 } );
		$("#project-dots-nav9").show(300);	
	}		
	
	if (which == "nav10"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav10").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav10 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "395px"	    }, { "duration": 300} );
		$("#project-type-nav .nav10 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*11)+"px"}, { "duration": 300 } );
		$("#project-dots-nav10").show(300);	
	}		
	
	if (which == "nav11"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav11").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav11 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "431px"	    }, { "duration": 300} );
		$("#project-type-nav .nav11 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*12)+"px"}, { "duration": 300 } );
		$("#project-dots-nav11").show(300);	
	}		
	
	if (which == "nav12"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav12").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav12 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "467px"	    }, { "duration": 300} );
		$("#project-type-nav .nav12 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*13)+"px"}, { "duration": 300 } );
		$("#project-dots-nav12").show(300);	
	}		
	
	if (which == "nav13"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav13").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav13 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "503px"	    }, { "duration": 300} );
		$("#project-type-nav .nav13 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*14)+"px"}, { "duration": 300 } );
		$("#project-dots-nav13").show(300);	
	}		
	
	if (which == "nav14"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav14").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav14 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "539px"	    }, { "duration": 300} );
		$("#project-type-nav .nav14 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*15)+"px"}, { "duration": 300 } );
		$("#project-dots-nav14").show(300);	
	}		
	
	if (which == "nav15"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav15").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav15 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "579px"	    }, { "duration": 300} );
		$("#project-type-nav .nav15 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*16)+"px"}, { "duration": 300 } );
		$("#project-dots-nav15").show(300);	
	}		
	
	if (which == "nav16"){
	
		$(".button-next-project").hide();
		$("#button-next-project-nav16").show();		
		$(".project-dots").hide();
		$("#project-type-nav span").animate({opacity: '.65'}, { "duration": 300 } );	
		$("#project-type-nav a").css("cursor", "pointer");		
		$("#project-type-nav .nav16 a").css("cursor", "default");				
		$("#project-type-nav .current").animate({ 		top: "611px"	    }, { "duration": 300} );
		$("#project-type-nav .nav16 span").animate({opacity: '1.0'}, { "duration": 300 } );
		$("#scroller-vertical").animate({top: "-"+(h*17)+"px"}, { "duration": 300 } );
		$("#project-dots-nav16").show(300);	
	}		
	
	curSect = which;

}