/*
  Edit By ShowBo  --2008-6-10
*更改了ff下的css，去除了使用setInterval来移动层
*/
function ScrollMenu(width,Content)
{
    var PackUp=this;
    this.div;
    this.width=width;
    this.ctHeight;
    this.IsIe=!!document.all;
    //this.firefoxSI=null;//如果是firefox，需要使用setTimeout来更改div的位置，nnd的firefox不支持css的expression
    this.createDiv=function()
    {
       this.div=document.createElement("div");
       this.div.style.width=this.width+"px";
       this.div.style.border="0px solid #3366cc";
       //this.div.style.position="absolute";
       this.div.style.overflow="hidden";       
       document.body.appendChild(this.div);
       if(this.IsIe)this.div.className="holdBottomLeft";
       else this.div.className="holdBottomLeftFireFox";
      /* else
       {
         this.div.style.top=document.body.clientHeight+document.body.scrollTop-this.div.offsetHeight+"px";
         this.div.style.left=document.body.clientWidth-this.div.offsetWidth+"px";
         if(document.body.scrollHeight>document.body.clientHeight)
           this.firefoxSI=setInterval(function(){PackUp.firefoxChangePos();},100);
       }*/
       var ul=document.createElement("ul");
       ul.style.width="100%";
       //ul.style.background="onlineservice_02.gif";
	   //ul.style.backgroundColor="#e5eef9";
       var li=document.createElement("li");
       li.className="x";
       li.onmouseover=function(){this.className="xfocus";}
       li.onmouseout=function(){this.className="x";}
       li.onclick=function()
       {
         if(confirm('确认关闭？！')){
         this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
         /*if(PackUp.firefoxSI)clearInterval(PackUp.firefoxSI);*/}
       }
       ul.appendChild(li);
       li=document.createElement("li");
       li.className="min";
       li.onmouseover=function(){if(this.className=="min")this.className="minfocus";else this.className="maxfocus";}
       li.onmouseout=function(){if(this.className=="minfocus")this.className="min";else if(this.className=="maxfocus") this.className="max";}
       li.onclick=function(){PackUp.MinMax(this);}
       ul.appendChild(li);
       this.div.appendChild(ul);
       var divCT=document.createElement("div");
       divCT.style.clear="both";
       divCT.width="100%";
       divCT.className="content";
       divCT.style.overflow="hidden";
       divCT.innerHTML=Content;
       this.div.appendChild(divCT);
       this.ctHeight=divCT.offsetHeight;  
       divCT.style.height=this.ctHeight;   
    }
    this.Play=function(Obj,step)
    {
      if(Obj.style.display=="none")Obj.style.display="block";
      Obj.style.height=parseInt(Obj.style.height)+step+"px";
     if(parseInt(Obj.style.height)>1&&parseInt(Obj.style.height)<this.ctHeight)
        setTimeout(function(){PackUp.Play(Obj,step);},10);
      if(parseInt(Obj.style.height)<=2)Obj.style.display="none";
      
    }
    this.MinMax=function(Obj,step)
    {
      var step=1;
      if(Obj.className.indexOf("min")!=-1)
      {
        Obj.className="max";step=-1;
      }
      else Obj.className="min";
      this.Play(Obj.parentNode.nextSibling,step);
    }
    /*this.firefoxChangePos=function()
    {
      this.div.style.top=document.body.clientHeight+document.body.scrollTop-this.div.offsetHeight+"px";
       this.div.style.left=document.body.clientWidth-this.div.offsetWidth+"px";
    }*/
    if(window.attachEvent)
       window.attachEvent("onload",function(){PackUp.createDiv()});
    else if(window.addEventListener)
       window.addEventListener("load",function(){PackUp.createDiv()},false);
  }