var mouseOverList=new Array();
function mouseOverObj(div){
  this.div=div;
  this.index=mouseOverList.length;
  mouseOverList[this.index]=this;
  this.active=false;
  this.timeOut=null;
  this.item=null;
  this.current=0;
  var instance=this;  
  this.div.onmouseover=function(evt){instance.active=true;instance.slide();};
  this.div.onmouseout=function(evt){instance.active=false;instance.timeOut=window.setTimeout("mouseOverList["+instance.index+"].slide();",200);};
  var x=this.div.childNodes;
  for(var i=0; i<x.length; i++){   
    if(x[i].tagName=='IMG'||x[i].tagName=='DIV'){   
      this.item=x[i];
      break;
    }
  }      
  this.snap();  
}

mouseOverObj.prototype.slide=function(){
  window.clearTimeout(this.timeOut);
  var factor=0.25;
  var target=this.active?1:0;
  var cont=false;
  if(this.current!=target){
    if(Math.abs(this.current-target)<.01)this.current=target;
    else this.current=this.current+(target-this.current)*factor
    DHTML.setOpacity(this.item,this.current);
    if(this.current!=target)  this.timeOut=window.setTimeout("mouseOverList["+this.index+"].slide();",100);
  }    
}
mouseOverObj.prototype.snap=function(){
  if(this.item){    
    this.item.style["position"]="absolute"; 
    this.item.style["visibility"]="";   
    this.item.style["display"]=""; 
    DHTML.setOpacity(this.item,1);
    this.current=this.active?1:0
    DHTML.setOpacity(this.item,this.current);
  }
}