function SelectNag(id){
	HideDiv();
	if(id==1){
		document.getElementById("HD001").style.display = 'inline';
		document.getElementById("HD001").style.top = getY(document.getElementById("H001"))+ 3 + 'px';
		document.getElementById("HD001").style.left = (getX(document.getElementById("H001"))- 29)+ 'px';
	}else if(id==2){
		document.getElementById("HD002").style.display = 'inline';
		document.getElementById("HD002").style.top = getY(document.getElementById("H002"))+ 3 + 'px';
		document.getElementById("HD002").style.left = (getX(document.getElementById("H002"))- 29)+ 'px';
	}else if(id==3){
		document.getElementById("HD003").style.display = 'inline';
		document.getElementById("HD003").style.top = getY(document.getElementById("H003"))+ 3 + 'px';
		document.getElementById("HD003").style.left = (getX(document.getElementById("H003"))- 29)+ 'px';
	}else if(id==4){
		document.getElementById("HD004").style.display = 'inline';
		document.getElementById("HD004").style.top = getY(document.getElementById("H004"))+ 3 + 'px';
		document.getElementById("HD004").style.left = (getX(document.getElementById("H004"))- 220)+ 'px';
	}
}

function HideDiv(){
	document.getElementById("HD001").style.display = 'none';
	document.getElementById("HD002").style.display = 'none';
	document.getElementById("HD003").style.display = 'none';
	document.getElementById("HD004").style.display = 'none';
}

function getX(obj){    
  return obj.offsetLeft + (obj.offsetParent ? getX(obj.offsetParent) : obj.x ? obj.x : 0);    
}            
function getY(obj){    
  return (obj.offsetParent ? obj.offsetTop + getY(obj.offsetParent) : obj.y ? obj.y : 0);    
} 

function ChangeOnmouseout(){
	 var event=getEvent(); 
	 var objx,objy;
   	 if (navigator.appName=='Microsoft Internet Explorer') { 
     	objx=event.x; 
	    objy=event.y;
     }else if (navigator.appName=='Netscape') { 
        objx=event.pageX; 
	    objy=event.pageY; 
     } 
	 
	 oElement = document.elementFromPoint(objx,objy);
	 if(oElement.id == "HTML" || oElement.tagName == "HTML" || oElement.tagName == "BODY"){
		HideDiv();
	 }
}

function getEvent() //同时兼容ie和ff的写法 
    {  
        if(document.all)  return window.event;    
        func=getEvent.caller;        
        while(func!=null){  
            var arg0=func.arguments[0]; 
            if(arg0) 
            { 
              if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)) 
              {  
              return arg0; 
              } 
            } 
            func=func.caller; 
        } 
        return null; 
}


//////////////////-------------------------------------------------------
function ChangeTag(id){
	if(id == 1){
		document.getElementById("Tag1").style.display = 'inline';
		document.getElementById("Tag2").style.display = 'none';
		document.getElementById("SP1").style.color='#7f7f7f';
		document.getElementById("SP2").style.color='#000000';
	}else if(id == 2){
		document.getElementById("Tag1").style.display = 'none';
		document.getElementById("Tag2").style.display = 'inline';
		document.getElementById("SP1").style.color='#000000';
		document.getElementById("SP2").style.color='#7f7f7f';
	}
}



function ChangeTKK(id){
	if(id == 1){
		document.getElementById("TKK1").style.display = 'inline';
		document.getElementById("TKK2").style.display = 'none';
		document.getElementById("TKK3").style.display = 'none';
		document.getElementById("TKK4").style.display = 'none';
		document.getElementById("TKK5").style.display = 'none';
		document.getElementById("TK1").style.color='#000000';
		document.getElementById("TK2").style.color='#666666';
		document.getElementById("TK3").style.color='#666666';
		document.getElementById("TK4").style.color='#666666';
		document.getElementById("TK5").style.color='#666666';
		document.getElementById("TKD1").style.background='url(images/vp010.gif)';
		document.getElementById("TKD2").style.background='url(images/vp011.gif)';
		document.getElementById("TKD3").style.background='url(images/vp011.gif)';
		document.getElementById("TKD4").style.background='url(images/vp011.gif)';
		document.getElementById("TKD5").style.background='url(images/vp011.gif)';
	}else if(id == 2){
		document.getElementById("TKK1").style.display = 'none';
		document.getElementById("TKK2").style.display = 'inline';
		document.getElementById("TKK3").style.display = 'none';
		document.getElementById("TKK4").style.display = 'none';
		document.getElementById("TKK5").style.display = 'none';
		document.getElementById("TK1").style.color='#666666';
		document.getElementById("TK2").style.color='#000000';
		document.getElementById("TK3").style.color='#666666';
		document.getElementById("TK4").style.color='#666666';
		document.getElementById("TK5").style.color='#666666';
		document.getElementById("TKD1").style.background='url(images/vp011.gif)';
		document.getElementById("TKD2").style.background='url(images/vp010.gif)';
		document.getElementById("TKD3").style.background='url(images/vp011.gif)';
		document.getElementById("TKD4").style.background='url(images/vp011.gif)';
		document.getElementById("TKD5").style.background='url(images/vp011.gif)';
	}else if(id == 3){
		document.getElementById("TKK1").style.display = 'none';
		document.getElementById("TKK2").style.display = 'none';
		document.getElementById("TKK3").style.display = 'inline';
		document.getElementById("TKK4").style.display = 'none';
		document.getElementById("TKK5").style.display = 'none';
		document.getElementById("TK1").style.color='#666666';
		document.getElementById("TK2").style.color='#666666';
		document.getElementById("TK3").style.color='#000000';
		document.getElementById("TK4").style.color='#666666';
		document.getElementById("TK5").style.color='#666666';
		document.getElementById("TKD1").style.background='url(images/vp011.gif)';
		document.getElementById("TKD2").style.background='url(images/vp011.gif)';
		document.getElementById("TKD3").style.background='url(images/vp010.gif)';
		document.getElementById("TKD4").style.background='url(images/vp011.gif)';
		document.getElementById("TKD5").style.background='url(images/vp011.gif)';
	}else if(id == 4){
		document.getElementById("TKK1").style.display = 'none';
		document.getElementById("TKK2").style.display = 'none';
		document.getElementById("TKK3").style.display = 'none';
		document.getElementById("TKK4").style.display = 'inline';
		document.getElementById("TKK5").style.display = 'none';
		document.getElementById("TK1").style.color='#666666';
		document.getElementById("TK2").style.color='#666666';
		document.getElementById("TK3").style.color='#666666';
		document.getElementById("TK4").style.color='#000000';
		document.getElementById("TK5").style.color='#666666';
		document.getElementById("TKD1").style.background='url(images/vp011.gif)';
		document.getElementById("TKD2").style.background='url(images/vp011.gif)';
		document.getElementById("TKD3").style.background='url(images/vp011.gif)';
		document.getElementById("TKD4").style.background='url(images/vp010.gif)';
		document.getElementById("TKD5").style.background='url(images/vp011.gif)';
	}else if(id == 5){
		document.getElementById("TKK1").style.display = 'none';
		document.getElementById("TKK2").style.display = 'none';
		document.getElementById("TKK3").style.display = 'none';
		document.getElementById("TKK4").style.display = 'none';
		document.getElementById("TKK5").style.display = 'inline';
		document.getElementById("TK1").style.color='#666666';
		document.getElementById("TK2").style.color='#666666';
		document.getElementById("TK3").style.color='#666666';
		document.getElementById("TK4").style.color='#666666';
		document.getElementById("TK5").style.color='#000000';
		document.getElementById("TKD1").style.background='url(images/vp011.gif)';
		document.getElementById("TKD2").style.background='url(images/vp011.gif)';
		document.getElementById("TKD3").style.background='url(images/vp011.gif)';
		document.getElementById("TKD4").style.background='url(images/vp011.gif)';
		document.getElementById("TKD5").style.background='url(images/vp010.gif)';
	}
}