$(document).ready(function(){
   $(".sub_nav_btn").addClass('sub_nav_btn_active');
   Cufon.refresh();
   /* Left to right transitions */					   
   $("#btn1_l2r").click(function(){
		$(".slider_holder").stop().animate({left:'0px'},{queue:false, duration:100, easing: 'easeOutSine'})
		$(".sub_nav_btn").addClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn2_l2r").click(function(){
		$(".slider_holder").stop().animate({left:'-580px'},{queue:false, duration:100, easing: 'easeOutSine'})
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").addClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn3_l2r").click(function(){
		$(".slider_holder").stop().animate({left:'-1160px'},{queue:false, duration:100, easing: 'easeOutSine'})
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").addClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   /* Top to bottom transitions */
   $("#btn1_t2b").click(function(){
		$(".slider_holder").stop().animate({top:'0px'},{queue:false, duration:100, easing: 'easeOutSine'})
		$(".sub_nav_btn").addClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn2_t2b").click(function(){
		$(".slider_holder").stop().animate({top:'-350px'},{queue:false, duration:100, easing: 'easeOutSine'})
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").addClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn3_t2b").click(function(){
		$(".slider_holder").stop().animate({top:'-710px'},{queue:false, duration:100, easing: 'easeOutSine'})
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").addClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   /* Fade transitions */
   $("#btn1_fade").click(function(){
		$("#fade1").fadeIn("slow");
		$("#fade2").fadeOut("fast");
		$("#fade3").fadeOut("fast");
		$(".sub_nav_btn").addClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn2_fade").click(function(){
		$("#fade1").fadeOut("fast");
		$("#fade2").fadeIn("slow");
		$("#fade3").fadeOut("fast");
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").addClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn3_fade").click(function(){
		$("#fade1").fadeOut("fast");
		$("#fade2").fadeOut("fast");
		$("#fade3").fadeIn("slow");
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").addClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   /* Fade 2 Transitions (Show-Hide) */
   $("#btn1_fade2").click(function(){
		$("#fade1").show("slow");
		$("#fade2").hide("fast");
		$("#fade3").hide("fast");
		$(".sub_nav_btn").addClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn2_fade2").click(function(){
		$("#fade1").hide("fast");
		$("#fade2").show("slow");
		$("#fade3").hide("fast");
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").addClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn3_fade2").click(function(){
		$("#fade1").hide("fast");
		$("#fade2").hide("fast");
		$("#fade3").show("slow");
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").addClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   /* Fade 3 Transitions (Slide) */
   $("#btn1_fade3").click(function(){
		$("#fade1").slideDown("slow");
		$("#fade2").slideUp("fast");
		$("#fade3").slideUp("fast");
		$(".sub_nav_btn").addClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn2_fade3").click(function(){
		$("#fade1").slideUp("fast");
		$("#fade2").slideDown("slow");
		$("#fade3").slideUp("fast");
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").addClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").removeClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
   $("#btn3_fade3").click(function(){
		$("#fade1").slideUp("fast");
		$("#fade2").slideUp("fast");
		$("#fade3").slideDown("slow");
		$(".sub_nav_btn").removeClass('sub_nav_btn_active');
		$(".sub_nav_btn2").removeClass('sub_nav_btn2_active');
		$(".sub_nav_btn3").addClass('sub_nav_btn3_active');
		Cufon.refresh();
	});
});

