$(document).ready(function(){
 	
	
 	
 	$(".button").click(function() {
			$("#holder").scrollTo($('#slide2'), 2000, {easing:'easeOutBack'});
	});
	
	$(".menu0").click(function() {
			$("#holder").scrollTo($('#slide1'), 2000);
	});
	
	$(".menu1").click(function() {
			$("#holder").scrollTo($('#slide2'), 2000, {easing:'easeOutBack'});
	});
	$(".menu2").click(function() {
			$("#holder").scrollTo($('#slide3'), 2000, {easing:'easeOutBack'});
	});
	$(".menu3").click(function() {
			$("#holder").scrollTo($('#slide4'), 2000, {easing:'easeOutBack'});
	});
	$(".menu4").click(function() {
			$("#holder").scrollTo($('#slide5'), 2000, {easing:'easeOutBack'});
	});
	$(".menu5").click(function() {
			$("#holder").scrollTo($('#slide6'), 2000, {easing:'easeOutBack'});
	});
	
	
	$('.pane').jScrollPane({showArrows:true});
	$('#text1').css("display","none");
	$('#text2').css("display","none");
	$('#text4').css("display","none");
	$('#text3').css("top","145px");
	

	$("#bio1").click(function() {
			$("#bio1").addClass("active");
			$("#bio2").removeClass("active");
			$("#bio3").removeClass("active");
			$("#bio4").removeClass("active");
			$("#text3").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
														
														});
			$("#text2").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
			
														});
			$("#text4").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
			
														});											
											
			setTimeout(function(){ $('#text1').css("display","block").animate({top: "145px", opacity: "1"}, 1000); }, 900);


	});
	
	$("#bio2").click(function() {
			$("#bio2").addClass("active");
			$("#bio1").removeClass("active");
			$("#bio3").removeClass("active");
			$("#bio4").removeClass("active");
			
			$("#text4").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
			
														});	
			
			$("#text3").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
														});
			$("#text1").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
														});
			setTimeout(function(){ $('#text2').css("display","block").animate({top: "145px", opacity: "1"}, 1000); }, 900);

	});
	
	$("#bio3").click(function() {
			$("#bio3").addClass("active");
			$("#bio2").removeClass("active");
			$("#bio1").removeClass("active");
			$("#bio4").removeClass("active");
			
			$("#text4").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
			
														});	
			
			$("#text1").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
														});
			$("#text2").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
														});
			setTimeout(function(){ $('#text3').css("display","block").animate({top: "145px", opacity: "1"}, 1000); }, 900);

	});
	
	$("#bio4").click(function() {
			$("#bio4").addClass("active");
			$("#bio1").removeClass("active");
			$("#bio2").removeClass("active");
			$("#bio3").removeClass("active");
			$("#text1").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
														});
			$("#text2").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
														});
			$("#text3").animate({top: "175px", opacity: "0"}, 1000, function(){
														$(this).css("display","none");
														$(this).animate({top: "120px", opacity: "0"}, 1);
														});
			setTimeout(function(){ $('#text4').css("display","block").animate({top: "145px", opacity: "1"}, 1000); }, 900);

	});
	
	$(function() {
        $('#text3  .pane  a').lightBox();
    });
    
    $(function() {
        $('#text2  .pane  a').lightBox();
    });
    $(function() {
        $('#text1  .pane  a').lightBox();
    });
    
   
   $("#slide4").find(".text").find("div").css("opacity","0.5");
   
   $("#slide4").find(".text").find("div").hover(function(){
   		$(this).css("opacity","1");
	}, function () {
		$(this).css("opacity","0.5");
	});


});