$(document).ready(function() {

	//Default Action
	$(".panel-highlight").hide(); //Hide all content
	//$("ul.tabs-highlight li:first").addClass("active").show(); //Activate first tab
	$("#tab1").show(); //Activate second tab
	//$("#tab2").show();
	//$(".panel-highlight:first").show(); //Show first tab content
	$("#tab1").css({visibility: "visible"});	
	
	//On Click Event
	$("ul.tabs-highlight li").click(function(event) {
		//$("#tab1").css({visibility: "visible"});
		$("ul.tabs-highlight li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".panel-highlight").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active content
		return false;
	});

	$(function(){   
		$("ul#navi_containTab > li").click(function(event){   
				var menuIndex=$(this).index();   
				$("ul#detail_containTab > li:visible").hide();              
				$("ul#detail_containTab > li").eq(menuIndex).show();   
		});   
	});   

	//$("#tab_2").click();
});