function _$(ele) {
	if(typeof ele=="string") return document.getElementById(ele);
	else return ele;

}

function scrollDoor(menus,divs,openClass,closeClass){
		var _this = this;
		if(menus.length != divs.length)
		{
			alert("menu layout isn't match with content layout!");
			return 0;
		}				
		for(var i = 0 ; i < menus.length ; i++)
		{	
			_this._$(menus[i]).value = i ;
			_this._$(menus[i]).onmouseover = function(){
					
				for(var j = 0 ; j < menus.length ; j++)
				{						
					_this._$(menus[j]).className = closeClass;
					_this._$(divs[j]).style.display = "none";
					
				}
				_this._$(menus[this.value]).className = openClass;
				_this._$(divs[this.value]).style.display = "block";
			}	
		}
}


  var _$sh={
  before:null,
  sh:function(ele){
     if(_$(ele).style.display=="none"){
      	_$(ele).style.display="block";
	   	if(_$sh.before!=null){
	     	_$(_$sh.before).style.display="none";
	   	}
	   	_$sh.before=ele;
	  }
	  else{
			_$(ele).style.display="none";
			_$sh.before=null;
	   }
  },
  
  shi:function(ele){
     if(_$(ele).style.display=="none"){
       	_$(ele).style.display="block";
	 }
     else{
       	_$(ele).style.display="none";
	 }
  },
  s:function(ele){
	 	if(_$sh.before!=null&&_$sh.before!=ele){
	   	_$(_$sh.before).style.display="none";
	 	}
	 	_$(ele).style.display="block";
	 	_$sh.before=ele;
 	},
  
  si:function(ele){
  		_$(ele).style.display="block";
  },
  
  h:function(ele){
    	_$(ele).style.display="none";
		_$sh.before=null;
  },
  
  hi:function(ele){
    _$(ele).style.display="none";
  }
  
};