// JavaScript Document
// JavaScript Document
var tabli=function(id,id1,action){
	var obj=function(id){return "#"+id};
	var liobj=$(obj(id+" > li")),
		showid=$(obj(id1+" > div")),
		hovereffect=arguments[3] || "hover",
		type=(typeof(hovereffect)=="string")?1:0;
	liobj.each(function(i){
		switch(action){
			case "click":
			$(this).click(function(){
				showid.css("display","none");
				showid.eq(i).css("display","block");
				if(type==0){
				liobj.each(function(j){
					if($(this).hasClass(hovereffect[j])){
						$(this).removeClass(hovereffect[j]);
					}
				});
				$(this).addClass(hovereffect[i]);
				}
				else{
					liobj.removeClass(hovereffect);
					$(this).addClass(hovereffect);
				}
					
			});
			break;
			case "mouseover":
			$(this).mouseover(function(){
				showid.css("display","none");
				showid.eq(i).css("display","block");
				if(type==0){
				liobj.each(function(j){
					if($(this).hasClass(hovereffect[j])){
						$(this).removeClass(hovereffect[j]);
					}
				});
					$(this).addClass(hovereffect[i]);
				}
				else{
					liobj.removeClass(hovereffect);
					$(this).addClass(hovereffect);
				}	
			});
			break;
		}
	})
}