//stop fader
var stopAll = function () {
	$("#phone1").stop(true);
	$("#phone2").stop(true);
	$("#phone3").stop(true);

};


$(document).ready(function(){
	
	 $("div.home_preview").hide();			
	
		// the hardcoded fade in/out
		function fader() {
			$("a#home_nav4").removeClass("active_home_nav");
			$("a#home_nav1").addClass("active_home_nav");
			$("#phone1").fadeIn("slow").delay(5000).fadeOut("slow",function() {
					$("#phone1").addClass("active_preview");
					$("a#home_nav1").removeClass("active_home_nav");
					$("a#home_nav2").addClass("active_home_nav");
					$("#phone2").addClass("active_preview");	
					$("#phone2").fadeIn("slow").delay(5000).fadeOut("slow",function() {
							$("a#home_nav2").removeClass("active_home_nav");
							$("a#home_nav3").addClass("active_home_nav");					
							$("#phone3").addClass("active_preview");							
							$("#phone3").fadeIn("slow").delay(5000).fadeOut("slow",function() {
									$("a#home_nav3").removeClass("active_home_nav");
									$("a#home_nav4").addClass("active_home_nav");
									$("#phone4").addClass("active_preview");								
									$("#phone4").fadeIn("slow").delay(5000).fadeOut("slow",fader);	
							});
					});
    	});
		}
		
		fader();
		
	 
	 //tab clicks
	 $("a#home_nav1").click(function(event){
		stopAll();
		$(".active_preview").hide();
		$("#phone1").fadeIn("slow");
		$("#phone1").addClass("active_preview");
		$(".active_home_nav").removeClass("active_home_nav");
		$("a#home_nav1").addClass("active_home_nav");
		return false;
   });  
	 
	 $("a#home_nav2").click(function(event){		
		stopAll();
		$(".active_preview").hide();
		$("#phone2").fadeIn("slow");
		$("#phone2").addClass("active_preview");
		$(".active_home_nav").removeClass("active_home_nav");
		$("a#home_nav2").addClass("active_home_nav");
		return false;
   });  
	 
	 $("a#home_nav3").click(function(event){
		stopAll();
		$(".active_preview").hide();
		$("#phone3").fadeIn("slow");
		$("#phone3").addClass("active_preview");
		$(".fade").removeClass("fade");
		$(".active_home_nav").removeClass("active_home_nav");
		$("a#home_nav3").addClass("active_home_nav");
		return false;
   });  	 
	 
	 $("a#home_nav4").click(function(event){
		stopAll();
		$(".active_preview").hide();
		$("#phone4").fadeIn("slow");
		$("#phone4").addClass("active_preview");
		$(".fade").removeClass("fade");
		$(".active_home_nav").removeClass("active_home_nav");
		$("a#home_nav4").addClass("active_home_nav");
		return false;
   });  	 	 
	 
});