var timeoutid;
$(document).ready(function(){
	//$("li").mouseover(function(){
		//$("div.contentin").hide();
	//});
	$("#tabfirst li").each(function(index){
		$(this).mouseover(function(){
			var liNode = $(this);
			timeoutid = setTimeout(function(){
				$("div.contentin").removeClass("contentin");
				$("#tabfirst li.tabin").removeClass("tabin");
				$("div.contentfirst:eq(" + index + ")").addClass("contentin");
				liNode.addClass("tabin");
			},300);
		}).mouseout(function(){
			clearTimeout(timeoutid);
		});
	}); 
	
	$("#realcontent").load("tabLoad.html");
	$("#tabsecond li").each(function(index){
		$(this).click(function(){
			$("#tabsecond li.tabin").removeClass("tabin");
			$(this).addClass("tabin");
			if (index == 0){
				$("#realcontent").load("tabLoad.html");
			} else if (index == 1){
				$("#realcontent").load("tabLoad.jsp h2");
			} else if (index == 2){
				$("#realcontent").load("tabData.jsp");
			}
		});
	});
	$("#contentsecond img").bind("ajaxStart",function(){
		$("#realcontent").html("");
		$(this).show();
	}).bind("ajaxStop",function(){
		$(this).hide();
	});
});