var AreaUITemplate='<li style="margin:0 6px;"><table class="Ctn" border="0" bordercolor="#CCCCCC" cellpadding="0" cellspacing="0"><tr><td align="center" valign="middle" class="PicTd"><a href="javascript:void(0);" onclick="[oncli]" ><img src="[pic]" class="pic" style="margin:0px;" onload="ImageResize(this,95,95)"/></a></td></tr><tr><td class="NameTd" title="[name]"><span class="AreaName" onmouseover="ShowFloatMenu(this,[id],[flag],[cid])" onmouseout="OnMenuOut()">[name2]</span></td></tr></table></li>';

var AreaUITemplate1='<li style="margin:0 6px; float:left;"><table class="Ctn" border="0" bordercolor="#CCCCCC" cellpadding="2" cellspacing="0"><tr><td align="center" valign="middle" class="PicTd"><a href="javascript:void(0)" onclick="[oncli]"><img src="[pic]" class="pic" style="margin:0px;" onload="ImageResize(this,95,95)"/></a></td></tr><tr><td class="NameTd" title="[name]"><span class="AreaName" onmouseover="ShowFloatMenu(this,[id],[flag],[cid])" onmouseout="OnMenuOut()">[name2]</span></td></tr></table></li>';
function ShowhotUI(hots){
	var ctrl=$('hotgmb');
	var html='<ul style="margin:0px; padding:0px;">'
	var len=hots.length;
	
	for(var i=0;i<len;i++){
		var name = hots[i][1];
		var cid = hots[i][2];
		var lid = hots[i][0];
		var pic = "";
		
		if( lid != 58 ){
			if( lid == 149 || lid == 74 ){
				var pic="images/lslogo/"+lid+"_2.jpg";
			}else{
				if( typeof(country[lid]) !== "undefined" && typeof(country[lid][1]) !== "undefined" ){
					var pic = country[lid][1];
				}
			}
			//查询联赛类型
			var tt = js_lid[cid];
			for(var j=0;j<tt.length;j++){
				if( tt[j][0] ==lid ){
					var type1 = tt[j][2];
					if( pic == "" ) pic = tt[j][3];
					break;
				}
			}
		}else{
			var pic="images/lslogo/58_2.jpg";
			var lid=58;
			cid=74;
			var type1=2;
		}
		
		  //var cid=lid;
		  if(hots[i][0]==149)
		  var clic="Indexmain('worldcup',0,"+type1+","+cid+")";
		  else
		  var clic="Indexmain("+lid+",0,"+type1+","+cid+")";
		
		  var str=AreaUITemplate1.replace(/\[pic\]/,pic).replace(/\[name\]/g,name).replace(/\[name2\]/g,name).replace(/\[id\]/,lid).replace(/\[flag\]/,'1').replace(/\[oncli\]/,clic).replace(/\[cid\]/,cid);
			html+=str;
	}
	ctrl.innerHTML=html;
}

function ShowAreaUI(ctrlId,sort)
{
	var ctrl=$(ctrlId);
	var html='<ul style="margin:0px; padding:0px;">'
	
	var arr = sort;
	var str='';
	for(var i=0;i<arr.length;i++){
		 var cid=arr[i];
		 //查询联赛类型
			var tt=js_lid[cid];
			for(var j=0;j<tt.length;j++){
			if(tt[j][0]==cid){
			var type1=tt[j][2];
			break;
			}
		  }
		 var countrys=country[cid];
			   var pic=countrys[1];
			   var cname=countrys[0];
			   var clic="Indexmain("+cid+",0,"+type1+","+cid+")";
			   var str=AreaUITemplate.replace(/\[pic\]/,pic).replace(/\[name\]/g,cname).replace(/\[name2\]/g,cname).replace(/\[id\]/,cid).replace(/\[flag\]/,'0').replace(/\[oncli\]/,clic).replace(/\[cid\]/,cid);
			html+=str;
		}
		
	ctrl.innerHTML=html;
	//alert(html);
}
// 菜单

var ctrlOfFloatMenu='fm';
var ctrlOfSubFloatMenu='sfm';
var timeHandler=null;
var lastAreaId=0;
var itemHeight=20;
var menuCount=0;

//无子项模板
var FloatMenuItemTemplate='<tr><td id="[id]"  onmouseover="OnMenuOver();this.className=\'cur\';" onmouseout="ClearStyle(this);OnMenuOut();"><a href="javascript:void(0);" onclick="[onclic]">[name]</a></td></tr>';
//带子项模板
var FloatMenuItemTemplate2='<tr><td id="[id]" onmouseover="ShowSubFloatMenu(this,[matchId],[index],[cid]);this.className=\'cur\';" onmouseout="ClearStyle(this);OnMenuOut();"><a href="javascript:void(0);" onclick="[onclic]">[name]&nbsp;&nbsp;<img src="images/sign1.gif" align="absmiddle" width="3" height="5"/></a></td></tr>';

function ShowFloatMenu(obj,areaId,flag,cid)
{
	//alert('ShowFloatMenu()');
	clearTimeout(timeHandler);
	if(flag==0){
		if(areaId==lastAreaId)
		{
			$(ctrlOfFloatMenu).style.display='';
			ResetMenuPos(obj);
			return;
		}
		//alert('do');
		var area= js_lid[areaId];
		
		if(!area)
		{
			alert('areaId错误');
			return;
		}
		
		var matches=area;
		
		var multi=true;
		
		var itemCount=15;
		var addhtmlflag=0;
		
		var html='';
		if(multi)
		{
			html+='<div class1="FloatMenuCtn">';
		}
		html+='<table border="0" class="FloatMenu">';
		
		var index=0;
		
		for(var i=0;i<matches.length;i++)
		{
			//alert('r='+(multi && i>0 && i%itemCount==0)+'&i%itemCount='+(i%itemCount));
			if(multi && i>0 && i%itemCount==0)
			{
				html+='</table></div><div class="FloatMenuCtn"><table border="0" class="FloatMenu">';
			}
			var item=matches[i];
			var str,link,name,lid;
			name=matches[i][1];
			lid=matches[i][0];
			if(matches[i][2]!=1&&addhtmlflag==0){
				addhtmlflag=1;
				html+='<tr ><td style="height:5px;line-height:5px; font-size:1px;"></td></tr>';
				//html+='<div height="10">--------</div>';
			}
			//查询联赛类型
			var tt=js_lid[cid];
			for(var j=0;j<tt.length;j++){
			if(tt[j][0]==lid){
			var type1=tt[j][2];
			break;
			}
		  }
		  //if(cid==58) {lid=58;cid=74;}
			var clic="Indexmain("+lid+",0,"+type1+","+cid+")";
			var a=seasons[lid].length;
			if(a>0){
			str=FloatMenuItemTemplate2.replace(/\[name\]/,name).replace(/\[id\]/,'FM_'+lid).replace(/\[matchId\]/,lid).replace(/\[index\]/,index).replace(/\[cid\]/,cid).replace(/\[onclic\]/,clic);
			}
			else{
				str=FloatMenuItemTemplate.replace(/\[name\]/,name).replace(/\[id\]/,'FM_'+lid);
				continue;
          }
			html+=str;
			index++;
		}
		html+='</table>';
		if(multi)
			html+='</div>';
	}else{
		var season=seasons[areaId];
	
	var defIndex=0;
	for(var i=0;i<season.length;i++)
	{
		if(season[i][2]==1)
		{
			defIndex=i;
			break;
		}
	}
	
	//添加赛季
	var html='<table border="0" class="FloatMenu" style="margin:0px;">';
	var lid=areaId;
	var thisjs=js_lid[cid];
	for(var j=0;j<thisjs.length;j++){
		if(thisjs[j][0]==lid){
		var type=thisjs[j][2];
		break;
		}
	}
	
	for(var i=0;i<season.length;i++)
	{
		var item=season[i];
		var str,link,name;
		name=item[1];
		var sid=item[0];
		
		var clic="Indexmain("+lid+","+sid+","+type+","+cid+")";
		str=FloatMenuItemTemplate.replace(/\[link\]/,link).replace(/\[name\]/,name).replace(/\[id\]/,'SFM_'+sid).replace(/\[onclic\]/,clic);
		html+=str;
	}
	html+="</table>";
	}
	
	//alert(html);
	var ctrl=$(ctrlOfFloatMenu);
	ctrl.innerHTML=html;
	
	//ResetMenuPos(obj);
	ResetMenuPos(obj);
	
	lastAreaId=areaId;
}

function ResetMenuPos(obj)
{
	var ctrl=$(ctrlOfFloatMenu);
	
	//重新定位位置
	var zb=GetZB(obj);
	ctrl.style.display = '';
	$(ctrlOfSubFloatMenu).style.display='none';
	
	var top,left,totalHeight,totalWidth;
	
	//当有多列菜单时
	var ctnCount=ctrl.childNodes.length;
	var w2=ctrl.childNodes[0].offsetWidth;
	var l=ctrl.childNodes[0].offsetWidth;
	var totalW=w2;
	//ctrl.childNodes[0].style.width=l+'px';
	if(ctnCount>1)
	{
		for(var i=1;i<ctrl.childNodes.length;i++)
		{
			var w=ctrl.childNodes[i].offsetWidth;
			ctrl.childNodes[i].style.left=(l-1)+'px';
			//alert(ctrl.childNodes[i].style.left);
			ctrl.childNodes[i].style.width=w+'px';
			//alert(ctrl.childNodes[i].offsetWidth);
			ctrl.childNodes[i].style.zIndex=10+i;
			l+=w-1;
			totalW+=w-1;
		}
	}
	ctrl.childNodes[0].style.width=w2+'px';
	
	top=zb.top+zb.height;
	left=zb.left;
	totalHeight=document.body.scrollTop+document.body.clientHeight;
	totalWidth=document.body.clientWidth;
	
	if(top+ctrl.offsetHeight>totalHeight)
	{
		top=totalHeight-ctrl.offsetHeight;
		left=left+zb.width/2;
	}
	
	if(left+totalW>document.body.clientWidth)
	{
		left=zb.left-totalW;
		if(left<0)
			left=0;
	}
	//alert('top='+top+'\r\nleft='+left+'\r\n');
	
	ctrl.style.top = top + "px";
	ctrl.style.left = left + "px" ;
}

function ShowSubFloatMenu(obj,matchId,index,cid)
{
	clearTimeout(timeHandler);
	var match=seasons[matchId];

	if(!match)
	{
		alert('matchId错误');
		return;
	}
	//alert(match);
	var season=match;
	
	//查找默认项,未查到就设第一个为默认项
	var defIndex=0;
	for(var i=0;i<season.length;i++)
	{
		if(season[i][2]==1)
		{
			defIndex=i;
			break;
		}
	}
	
	//添加赛季
	var html='<table border="0" class="FloatMenu" style="margin:0px;">';
	var lid=matchId;
	var thisjs=js_lid[cid];
	for(var j=0;j<thisjs.length;j++){
		if(thisjs[j][0]==lid){
		var type=thisjs[j][2];
		break;
		}
	}
	for(var i=0;i<season.length;i++)
	{
		var item=season[i];
		var str,link,name;
		name=item[1];
		var sid=item[0];
		var clic="Indexmain("+lid+","+sid+","+type+","+cid+")";
		str=FloatMenuItemTemplate.replace(/\[link\]/,link).replace(/\[name\]/,name).replace(/\[id\]/,'SFM_'+sid).replace(/\[onclic\]/,clic);
		html+=str;
	}
	html+="</table>";
	//设置样式
	$('FM_'+matchId).className='Cur';
	
	//alert($('FM_'+matchId).className);
	
	var ctrl=$(ctrlOfSubFloatMenu);
	ctrl.innerHTML=html;
	
	//重新定位位置
	var totalHeight=document.body.scrollTop+document.body.clientHeight;
	var totalWidth=document.body.clientWidth;
	var zb=GetZB(obj);
	//alert('top='+zb.top+'\r\nleft='+zb.left+'\r\nheight='+zb.height+'\r\nwidth='+zb.width);
	ctrl.style.display = '';
	
	//FF 浏览器要做特殊处理
	//var offset=0;
	//if(!document.all)
	//{
	//	offset=index*16;
	//	if(second)
	//		offset-=(-6);
		//alert(offset);
	//}
	
	var left=zb.left+zb.width;
	var top=zb.top;
	
	if(left+ctrl.offsetWidth>totalWidth)
		left=zb.left-ctrl.offsetWidth+10;
	else
		left-=10;
	if(top+ctrl.offsetHeight>totalHeight)
		top=totalHeight-ctrl.offsetHeight;
	
	ctrl.style.top = top  + "px";
	ctrl.style.left = left + "px" ;
}



var inShow=false;
function OnMenuOver()
{
	if(timeHandler)
		clearTimeout(timeHandler);
	inShow=true;
	//alert(inShow);
}

function OnMenuOut()
{
	inShow=false;
	//alert(inShow);
	timeHandler=setTimeout('if(!inShow){$(ctrlOfFloatMenu).style.display="none";$(ctrlOfSubFloatMenu).style.display="none";}',1000);
}

function ClearStyle(obj)
{
	obj.className='';
}