$(document).ready(function(){
	
	 //Default Action
	$(".home_tab_content").hide(); //Hide all content
	$(".homeImageBlocks").hide(); //Hide all content
	$("ul.hometabs li:first").addClass("active").show(); //Activate first tab
	$(".home_tab_content:first").show(); //Show first tab content
	$(".homeImageBlocks:first").show(); //Show first tab image
	var prevTab = $("ul.hometabs li:first");
	var prevImage = $("#tab1image");
	// $(prevTab).animate({ width: "250px", height: "74px", fontSize: "1.4em", lineHeight: "1.5em"},  { queue:false, duration:200 } );
	
	
	//On Click Event
	$("ul.hometabs li").click(function() {
		$(prevImage).fadeOut(); 
		//$(prevTab).animate({ width: "216px", height: "74px", fontSize: "1em", lineHeight: "18px"},  { queue:false, duration:200 } );	
		$("ul.hometabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		//$(this).animate({ width: "250px", height: "90px", fontSize: "1.4em", lineHeight: "1.5em"},  { queue:false, duration:200 } );
		$(".home_tab_content").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		var activeImage = $(this).find("a").attr("href")+("image"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active content
		$(activeImage).fadeIn(); //Fade in the active content
		prevTab = $(this);	
		prevImage = activeImage;	
		//alert(activeImage);
		return false;
		
	});

  });