// JavaScript Document
function el(id){
	return document.getElementById(id);
}

function $(id){
	return document.getElementById(id);
}
/*
该方法用于选项卡切换功能
选项卡按钮的ID依次为xxx1、xxx2、xxx3、……
每个滑块对应的内容依次为xxx1_content、xxx2_content、xxx3_content、……
参数说明：
btnID：选项卡按钮的ID，不含后面的数字，如上面的xxx
num：选项卡总数
classOn：当前选项卡的样式表名称
classOff：其他关闭的选项卡的样式表名称
moreUrlID：超链接更多的ID，如果选项卡没有设置一个更多的按钮则填写空字符串
moreUrl：更多的页面地址
*/
function change(btnID,num,count,classOn,classOff,moreUrlID,moreUrl)
{
	for(i=1; i<=count;i++)
	{
		if(i==num)	
		{
			$(btnID+i.toString()).className=classOn;
			$(btnID+i.toString()+"_content").style.display="block";
		}
		else
		{
			$(btnID+i.toString()).className=classOff;
			$(btnID+i.toString()+"_content").style.display="none";
		}
	}
	if(moreUrlID!="")
		$(moreUrlID).href=moreUrl;
}


//返回元素坐标
var GetCoordinate = function(el,xy)
{ 
	var box = el.getBoundingClientRect(),
	doc = el.ownerDocument, 
	body = doc.body, 
	html = doc.documentElement,
	clientTop = html.clientTop || body.clientTop || 0, 
	clientLeft = html.clientLeft || body.clientLeft || 0,
	top  = box.top  + (self.pageYOffset || html.scrollTop  ||  body.scrollTop ) - clientTop,
	left = box.left + (self.pageXOffset || html.scrollLeft ||  body.scrollLeft) - clientLeft
	var n;
	if(xy=="x") n=parseInt(left);
	if(xy=="y") n=parseInt(top);
	return parseInt(n);		
}


var IsShow=false;
var st;

function SetTF(tf){IsShow=tf;}


function ShowMenu(o)
{
	IsShow=true;
	var box=el("Menu");
	
	var x=GetCoordinate(o,"x")-1;	
	
	var y=GetCoordinate(o,"y")+32;
	var mm=el(o.id+"_item").innerHTML;
	box.innerHTML=mm;
	if(mm!="")
	box.style.display='block';
	else
	box.style.display='none';
	if(o.id!="m_contact")
	box.style.left=x.toString()+"px";
	else
	{
		box.style.left=(x-63).toString()+"px";
	}
	box.style.top=y.toString()+"px";	
	st=setInterval(Hide,500);
}

function Hide()
{
	if(!IsShow)
	{
		el("Menu").style.display='none';
		clearInterval(st);
	}
}