jQuery.noConflict();
jQuery(document).ready(function() {
	
	//tab 1 being clicked
	jQuery("#slider_tab1").click(function(){
	
		jQuery('#slider1').stop().animate({top:'0px'}, {duration: 2000, easing: 'easeOutBounce'});
		jQuery('#slider2').stop().animate({top:'540px'}, {duration: 2000, easing: 'easeOutBounce'});
		jQuery('#slider3').stop().animate({top:'540px'}, {duration: 2000, easing: 'easeOutBounce'});
		jQuery('#slider_normal_1').fadeIn(2000);
		jQuery('#slider_normal_2').fadeOut(2000);
		jQuery('#slider_normal_3').fadeOut(2000);
		jQuery('#slider_tab2_left').css("cursor","default");
		jQuery('#slider_tab3_left1').css("cursor","pointer");
		jQuery('#slider_tab3_left2').css("cursor","default");
	});
	
	//tab 2 being clicked
	jQuery("#slider_tab2").click(function(){
	
		jQuery('#slider2').stop().animate({top:'0px'}, {duration: 2000, easing: 'easeOutBounce'});
		jQuery('#slider3').stop().animate({top:'540px'}, {duration: 2000, easing: 'easeOutBounce'});
		jQuery('#slider_normal_1').fadeOut(2000);
		jQuery('#slider_normal_2').fadeIn(2000);
		jQuery('#slider_normal_3').fadeOut(2000);
		jQuery('#slider_tab2_left').css("cursor","pointer");
		jQuery('#slider_tab3_left1').css("cursor","default");
		jQuery('#slider_tab3_left2').css("cursor","default");
		
	});
	
	//tab 3 being clicked
	jQuery("#slider_tab3").click(function(){
	
		jQuery('#slider2').stop().animate({top:'0px'}, {duration: 2000, easing: 'easeOutBounce'});
		jQuery('#slider3').stop().animate({top:'0px'}, {duration: 2000, easing: 'easeOutBounce'}).addClass('slider3-top');
		jQuery('#slider_normal_1').fadeOut(2000);
		jQuery('#slider_normal_2').fadeOut(2000);
		jQuery('#slider_normal_3').fadeIn(2000);
		jQuery('#slider_tab2_left').css("cursor","default");
		jQuery('#slider_tab3_left1').css("cursor","pointer");
		jQuery('#slider_tab3_left2').css("cursor","pointer");
	});
	
	//when slider2 at the top, slider_tab2_left being clicked, as if 'tab1' being clicked(sliding tab2 down)
	jQuery("#slider_tab2_left").click(function(){
		if(jQuery("#slider2").css("top") == '0px'){
		
			jQuery('#slider2').stop().animate({top:'540px'}, {duration: 2000, easing: 'easeOutBounce'});
			jQuery('#slider3').stop().animate({top:'540px'}, {duration: 2000, easing: 'easeOutBounce'});
			jQuery('#slider_normal_1').fadeIn(2000);
			jQuery('#slider_normal_2').fadeOut(2000);
			jQuery('#slider_normal_3').fadeOut(2000);
			jQuery('#slider_tab2_left').css("cursor","default");
			jQuery('#slider_tab3_left1').css("cursor","pointer");
			jQuery('#slider_tab3_left2').css("cursor","default");
		}
	});
		 
	 
	 
	 
	//when slider3 is at top, slider_tab3_left2 being clicked, as if tab1' being clicked(sliding tab2, tab3 down)
	jQuery("#slider_tab3_left2").click(function(){
		if(jQuery("#slider3").css("top") == '0px'){
			jQuery('#slider1').stop().animate({top:'0px'}, {duration: 2000, easing: 'easeOutBounce'});
			jQuery('#slider2').stop().animate({top:'540px'}, {duration: 2000, easing: 'easeOutBounce'});
			jQuery('#slider3').stop().animate({top:'540px'}, {duration: 2000, easing: 'easeOutBounce'});
			jQuery('#slider_normal_1').fadeIn(2000);
			jQuery('#slider_normal_2').fadeOut(2000);
			jQuery('#slider_normal_3').fadeOut(2000);
			jQuery('#slider_tab2_left').css("cursor","default");
			jQuery('#slider_tab3_left1').css("cursor","pointer");
			jQuery('#slider_tab3_left2').css("cursor","default");
		}
	});
	jQuery("#slider_tab3_left1").click(function(){
		//when slider3 is at top, slider_tab3_left1 being clicked, as if tab2' being clicked(sliding tab3, down)
		if(jQuery("#slider3").css("top") == '0px'){
			jQuery('#slider2').stop().animate({top:'0px'}, {duration: 2000, easing: 'easeOutBounce'});
			jQuery('#slider3').stop().animate({top:'540px'}, {duration: 2000, easing: 'easeOutBounce'});
			jQuery('#slider_normal_1').fadeOut(2000);
			jQuery('#slider_normal_2').fadeIn(2000);
			jQuery('#slider_normal_3').fadeOut(2000);
			jQuery('#slider_tab2_left').css("cursor","pointer");
			jQuery('#slider_tab3_left1').css("cursor","default");
			jQuery('#slider_tab3_left2').css("cursor","default");
			
		//when slider3 is at bottom, slider_tab3_left1 being clicked, as if tab2' being clicked(sliding tab2, up)
		} else if(jQuery("#slider3").css("top") == '540px'){
			jQuery('#slider2').stop().animate({top:'0px'}, {duration: 2000, easing: 'easeOutBounce'});
			jQuery('#slider3').stop().animate({top:'540px'}, {duration: 2000, easing: 'easeOutBounce'});
			jQuery('#slider_normal_1').fadeOut(2000);
			jQuery('#slider_normal_2').fadeIn(2000);
			jQuery('#slider_normal_3').fadeOut(2000);
			jQuery('#slider_tab2_left').css("cursor","pointer");
			jQuery('#slider_tab3_left1').css("cursor","default");
			jQuery('#slider_tab3_left2').css("cursor","default");
		}//DO NOT CHANGE
	});
	
	 
});