$(document).ready(function(){
	$("#tabfirst li").each(function(index){
		var liNode = $(this)
		$(this).mouseover(function(){
			timeoutid=setTimeout(function(){
				$("div.content").removeClass("content");
				$("#tabfirst li.tabin").removeClass("tabin");
				$("#tabfirst span").removeClass("span");
				$("div").eq(index).addClass("content");
				liNode.addClass("tabin")
			},300);
		}).mouseout(function(){
			clearTimeout(timeoutid)
		})
	})

});