function fadeShow(idObjSrc,idShowDivContainer,hotArea){
  this.strTimeOut = "";
  this.bleIsShow = false;
  this.idObjSrc = "";
  
  if(typeof(idObjSrc) == "object"){
    this.idObjSrc = idObjSrc;
  } else if(typeof(idObjSrc) == "string"){
    this.idObjSrc = "#" + idObjSrc;
  }
  
  this.hotArea = hotArea || this.idObjSrc;

  this.idShowDivContainer = "";
  if(typeof(idShowDivContainer) == "object"){
    this.idShowDivContainer = idShowDivContainer;
  } else if(typeof(idShowDivContainer) == "string"){
    this.idShowDivContainer = "#" + idShowDivContainer;
  }
  this.init();
}

fadeShow.prototype.init = function(){
  var thisObj =  this;
  var widthTemp = $(this.idShowDivContainer).outerWidth();
  var objTop = $(this.idObjSrc).offset().top;
  var objLeft = $(this.idObjSrc).offset().left;
  var objWidth = $(this.idObjSrc).width();
  var objHeight = $(this.idObjSrc).height();
  var leftTemp = parseInt(objLeft)+parseInt(objWidth)-parseInt(widthTemp)+50;
  var topTemp = parseInt(objTop)+parseInt(objHeight);
  $(this.idShowDivContainer).css({position:"absolute",top:topTemp + "px",left:leftTemp+"px"}).mouseout(function(e){
    thisObj.hide(e);
  });
  $(this.hotArea).mouseout(function(e){
    thisObj.hide(e);
  });
}

fadeShow.prototype.hide = function(evt){
  evt = (evt)?evt:window.event;
  var toElementObj;
  if($.browser.msie){
    toElementObj = evt.toElement;
  } else if($.browser.mozilla){
    toElementObj = evt.relatedTarget;
  } else {
    toElementObj = evt.relatedTarget;
  }
  var thisObj = this;
  if ($(this.idShowDivContainer)[0].contains(toElementObj) || $(this.hotArea)[0].contains(toElementObj)) {
    this.bleIsShow = false;
  } else {
    this.bleIsShow = true;
    if(this.strTimeOut == ""){
      this.strTimeOut = setTimeout(function(){thisObj.doHide()},1000);
    }
  }
}

fadeShow.prototype.doHide = function(){
  if(this.strTimeOut != ""){
    clearInterval(this.strTimeOut);
    this.strTimeOut = "";
  }
  if(!this.bleIsShow){
    return ;
  }
  $(this.idShowDivContainer).fadeOut("slow");
}

fadeShow.prototype.show = function(){
  $(this.idShowDivContainer).fadeIn("slow");
}

var objAreaDiv = "";

function showAreaDiv(obj,thisObj){
  if(objAreaDiv == ""){
    objAreaDiv = new fadeShow(obj,"all-channel",thisObj);
  }
  objAreaDiv.show();
}


var OrtherSite_Css='<style type="text/css">';
OrtherSite_Css+='.allChannel{width:326px;border:2px #F8D38C solid; background:#FFF8CE;color:#19375D;padding:5px 10px 10px 10px;}';
OrtherSite_Css+='.allChannel strong{font-weight:bold;color:#DE4B08;}';
OrtherSite_Css+='.allChannel p{border-bottom:1px #F8D38C solid;padding:0 6px;/*line-height:220%;*/}';
OrtherSite_Css+='.allChannel a:link,.allChannel a:visited{color:#19375D;}';
OrtherSite_Css+='.allChannel a:hover,.allChannel a:active{color:#DC4B08;}';
OrtherSite_Css+='</style>';

var OrtherSite_name='';
OrtherSite_name+='<div id="all-channel" style="display: none;z-index:999;">';
OrtherSite_name+='	<div class="allChannel">';
OrtherSite_name+='		<p>';
OrtherSite_name+='		    <strong>华北：</strong>';
OrtherSite_name+='		    <a href="http://bj.steelcn.cn">北京</a>';
OrtherSite_name+='		    <a href="http://tj.steelcn.cn">天津</a>';
OrtherSite_name+='		    <a href="http://lc.steelcn.cn">聊城</a>';
OrtherSite_name+='		    <a href="http://hd.steelcn.cn">邯郸</a>';
OrtherSite_name+='		    <a href="http://sjz.steelcn.cn">石家庄</a>';
OrtherSite_name+='		    <a href="http://ts.steelcn.cn">唐山</a>';
OrtherSite_name+='		    <a href="http://lf.steelcn.cn">廊坊</a>';
OrtherSite_name+='		    <a href="http://sx.steelcn.cn">山西</a>';
OrtherSite_name+='		</p>';
OrtherSite_name+='		<p>';
OrtherSite_name+='	        <strong>中原：</strong>';
OrtherSite_name+='		    <a href="http://sd.steelcn.cn">山东</a>';
OrtherSite_name+='		    <a href="http://ha.steelcn.cn">河南</a>';
OrtherSite_name+='		    <a href="http://zz.steelcn.cn">郑州</a>';
OrtherSite_name+='		    <a href="http://ty.steelcn.cn">太原</a>';
OrtherSite_name+='		    <a href="http://ay.steelcn.cn">安阳</a>';
OrtherSite_name+='		    <a href="http://wg.steelcn.cn">舞钢</a>';
OrtherSite_name+='		    <a href="http://jc.steelcn.cn">晋城</a>';
OrtherSite_name+='		    <a href="http://jn.steelcn.cn">济南</a>';
OrtherSite_name+='		    <a href="http://ly.steelcn.cn">洛阳</a>';
OrtherSite_name+='        </p>';
OrtherSite_name+='        <p>';
OrtherSite_name+='	        <strong>华东：</strong>';
OrtherSite_name+='		    <a href="http://sh.steelcn.cn">上海</a>';
OrtherSite_name+='		    <a href="http://nj.steelcn.cn">南京</a>';
OrtherSite_name+='		    <a href="http://wx.steelcn.cn">无锡</a>';
OrtherSite_name+='		    <a href="http://hz.steelcn.cn">杭州</a>';
OrtherSite_name+='		    <a href="http://js.steelcn.cn">江苏</a>';
OrtherSite_name+='        </p>';
OrtherSite_name+='        <p>';
OrtherSite_name+='		    <strong>西部：</strong>';
OrtherSite_name+='		    <a href="http://xa.steelcn.cn">西安</a>';
OrtherSite_name+='		    <a href="http://cq.steelcn.cn">重庆</a>';
OrtherSite_name+='		    <a href="http://cd.steelcn.cn">成都</a>';
OrtherSite_name+='        </p>';
OrtherSite_name+='        <p>';		    
OrtherSite_name+='		    <strong>南方：</strong>';
OrtherSite_name+='		    <a href="http://wh.steelcn.cn">武汉</a>';
OrtherSite_name+='		    <a href="http://cs.steelcn.cn">长沙</a>';
OrtherSite_name+='		</p>';	    
OrtherSite_name+='	</div>';
OrtherSite_name+='	<iframe src="about:blank" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" style="position:absolute;  top:0px; left:0px; width:350px; height:102px; z-index:-1;filter=\'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)\';"></iframe>';
OrtherSite_name+='</div>';
document.write(OrtherSite_Css);
document.write(OrtherSite_name);