var show_tab;
$(document).ready(function() {
chtd_tab();
});

function chtd_tab(i){
    
	$("li[id^='tab']").each(function(i,el) {
							
		if(i==1){
			$($(el).children("a").attr("tab")).show();
			show_tab=$(el).children("a").attr("tab");
			$(el).children("a").addClass("active");
			$(el).children("a").children().addClass("active2");
		}
		else
			$($(el).children("a").attr("tab")).hide();
	});
	$("li[id^='tab']").hover(
		function (){
		$(this).children("a").addClass("hover");
		$(this).children("a").children().addClass("hover2");
		},
		function (){
		$(this).children("a").removeClass("hover");
		$(this).children("a").children().removeClass("hover2");
		}
	);
	$("li[id^='tab']").click(function (){
		$(".active").removeClass("active");
		$(".active2").removeClass("active2");
		$(this).children("a").addClass("active");
		$(this).children("a").children().addClass("active2");
		$(""+show_tab).hide();
		show_tab=$(this).children("a").attr("tab");
		$($(this).children("a").attr("tab")).show();
	});
}

function overcss(obj){
obj.style.backgroundColor="#FFE9C2";
obj.style.fontWeight=""; 
obj.style.color="#FF0000";
}
function outcss(obj,bgcolorstr){
obj.style.backgroundColor=bgcolorstr;
obj.style.fontWeight="";
obj.style.color="#000000";
}