var fadeSteps = 5;
    var fademsec = 20;
    var sum = 0;
    var fadeArray = new Array();
    var popTimer = 0;
    var sUserAgent = navigator.userAgent;
    var isOpera = sUserAgent.indexOf("Opera") > -1;
    var isIE = sUserAgent.indexOf("compatible") > -1 && sUserAgent.indexOf("MSIE") > -1 && !isOpera;
//-----------------------------------------------------------------------------------------------------------------------------------------
function fade(el, fadeIn, steps, msec) {
    if (steps == null) steps = fadeSteps;
    if (msec == null) msec = fademsec;
    if (el.fadeIndex == null)
        el.fadeIndex = fadeArray.length;
    fadeArray[el.fadeIndex] = el;
    if (el.fadeStepNumber == null) {
        if (el.style.visibility == "hidden")
                el.fadeStepNumber = 0;
        else
                el.fadeStepNumber = steps;
        if (fadeIn)
            el.style.filter = "Alpha(Opacity=0)";
        else
                el.style.filter = "Alpha(Opacity=100)";
                el.style.opacity = 0;
    }
    window.setTimeout("repeatFade(" + fadeIn + "," + el.fadeIndex + "," + steps + "," + msec + ")", msec);
}
//-------------------------------------------------------------------------------------------
function repeatFade(fadeIn, index, steps, msec) {	
    el = fadeArray[index];
	c = el.fadeStepNumber;
	
	if (el.fadeTimer != null)
		window.clearTimeout(el.fadeTimer);
	if ((c == 0) && (!fadeIn)) {
		el.style.visibility = "hidden";
		return;
	}
	else if ((c==steps) && (fadeIn)) {
		el.style.filter = "";
		el.style.visibility = "visible";
		return;
	}
	else {
		(fadeIn) ? 	c++ : c--;
		el.style.visibility = "visible";
		el.style.filter = "Alpha(Opacity=" + 100*c/steps+ ")";
		el.style.opacity = c/steps;
		
		el.fadeStepNumber = c;
		el.fadeTimer = window.setTimeout("repeatFade(" + fadeIn + "," + index + "," + steps + "," + msec + ")", msec);
	}
}
//-----------------------------------------------------------------------------------------------------------
function menu_over(menuid,n){
      sum = n;
      allhide();
//      document.getElementById("category_"+menuid).style.visibility="visible";
    
    
    if(document.getElementById("category_"+menuid)!=null){
        menushow(menuid);
        clearTimeout(popTimer);
    } 
}
//-----------------------------------------------------------------------------------------------------------
function menushow(menuid){
//    setPostion(menuid);
//    
    fade(document.getElementById("category_"+menuid),true,6);
    isShow=true;
}
//--------------------------------------------------------------------------------------------------
function setPostion(menuid){
    
    var pop_pos= getShowPos(menuid);
    var objMenu=document.getElementById("category_"+menuid);
    if(pop_pos!="left"){
    //右弹出
    var pid=document.getElementById("arrow_"+menuid);
        var m_width=pid.width;
        var m_height=pid.height;
        var x = pid.offsetLeft;
        var y = pid.offsetTop;
       
        while (pid = pid.offsetParent){
            x += pid.offsetLeft;
            y += pid.offsetTop;
        }
        
        //加上图片的偏移
        x +=m_width+10;
        y -=4;
        if(isIE){
            objMenu.style.left=x;
            objMenu.style.top=y;
        }else{
            objMenu.style.left=x+"px";
            objMenu.style.top=y+"px";
        }
    }else{
    //左弹出
    
          var   pid=document.getElementById("pop_"+menuid);
         
            var  x = pid.offsetLeft;
            var  y = pid.offsetTop;
           
            while (pid = pid.offsetParent){
                x += pid.offsetLeft;
                y += pid.offsetTop;
            } 
            //减去弹出框宽度
            x-=objMenu.offsetWidth;
            y -=0; 

            if(isIE){
                objMenu.style.left=x;
                objMenu.style.top=y;
            }else{
                objMenu.style.left=x+"px";
                objMenu.style.top=y+"px";
            } 
    }
}
//----------------------------------------------------------------------------------------------------------
function getShowPos(objID){
    var pid=document.getElementById("arrow_"+objID);
    var x=pid.offsetLeft;
     while (pid = pid.offsetParent){
            x += pid.offsetLeft;
        }
    if(x*2 <document.body.offsetWidth){
        return "right";
    }else{
        return "left";
    }
    
    
}
//----------------------------------------------------------------------------------------------------------
function menu_out(){
    popOut()
}

//-------------------------------------------------------------------------------------------------------------
function popOut(ds) {
    popTimer = setTimeout('allhide()', 1000);
}
function allhide(){
    for(i=0;i<sum;i++){
        var id = 1000+i;
        m_cateDiv=document.getElementById("category_"+id);
       if(m_cateDiv!=null){
        menuhide(m_cateDiv);
       } 
    }

    
}
function menuhide(menuid){
fade(menuid,false,6);
isShow=false;
}
//-------------------------------------------------------------------------------------------------------------
function menuitem_over(){
    clearTimeout(popTimer);
}
function showWidth(){
    alert(sUserAgent.indexOf("sdsd"));
    alert(sUserAgent.indexOf("Opera")>-1);
}