$(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();
    });
    
    $(".fit1").click(function() {
			$("#uvod").hide(1000).css("display","none");
			$("#rozadol").hide(1000).css("display","none");
			$("#forma").hide(1000).css("display","none");
			$("#gs").hide(1000).css("display","none");
			$("#crunch").hide(1000).css("display","none");
			$("#mesto").hide(1000).css("display","none");
			setTimeout(function(){ $('#horvis').show(1000); }, 900);
	});
	
	$(".fit2").click(function() {
			$("#uvod").hide(1000).css("display","none");
			$("#rozadol").hide(1000).css("display","none");
			$("#forma").hide(1000).css("display","none");
			$("#horvis").hide(1000).css("display","none");
			$("#crunch").hide(1000).css("display","none");
			$("#mesto").hide(1000).css("display","none");
			setTimeout(function(){ $('#gs').show(1000); }, 900);
	});
	
	$(".fit3").click(function() {
			$("#uvod").hide(1000).css("display","none");
			$("#rozadol").hide(1000).css("display","none");
			$("#gs").hide(1000).css("display","none");
			$("#horvis").hide(1000).css("display","none");
			$("#crunch").hide(1000).css("display","none");
			$("#mesto").hide(1000).css("display","none");
			setTimeout(function(){ $('#forma').show(1000); }, 900);
	});
	
	$(".fit4").click(function() {
			$("#uvod").hide(1000).css("display","none");
			$("#forma").hide(1000).css("display","none");
			$("#gs").hide(1000).css("display","none");
			$("#horvis").hide(1000).css("display","none");
			$("#crunch").hide(1000).css("display","none");
			$("#mesto").hide(1000).css("display","none");
			setTimeout(function(){ $('#rozadol').show(1000); }, 900);
	});
	
	$(".fit5").click(function() {
			$("#uvod").hide(1000).css("display","none");
			$("#forma").hide(1000).css("display","none");
			$("#gs").hide(1000).css("display","none");
			$("#horvis").hide(1000).css("display","none");
			$("#rozadol").hide(1000).css("display","none");
			$("#mesto").hide(1000).css("display","none");
			setTimeout(function(){ $('#crunch').show(1000); }, 900);
	});
	
	$(".fit6").click(function() {
			$("#uvod").hide(1000).css("display","none");
			$("#forma").hide(1000).css("display","none");
			$("#gs").hide(1000).css("display","none");
			$("#horvis").hide(1000).css("display","none");
			$("#rozadol").hide(1000).css("display","none");
			$("#crunch").hide(1000).css("display","none");
			setTimeout(function(){ $('#mesto').show(1000); }, 900);
	});


});