if(navigator.appName.indexOf("Explorer") > -1){
	var exp=1;
} 
else{//for ff
	var exp=2;
}



var objX = 0;
var objY = 0;
var bodyScrollWidth=0;
var bodyScrollHeight=0;
var screenAvailWidth=window.screen.availWidth;
var screenAvailHeight=window.screen.availHeight;

var layer=new Array();
var dragObj=new Array();
var dragObjId=new Array();

function reCalBodySize(){
	bodyScrollWidth=document.body.scrollWidth;
	bodyScrollHeight=document.body.scrollHeight;
}

function synSizeByBody() {
	reCalBodySize();
	var argArr=synSizeByBody.arguments;
	for ( var i=0;i<argArr.length;i++ ) {
		if ( document.getElementById(argArr[i]) != null ) {
			document.getElementById(argArr[i]).style.width = (bodyScrollWidth)+'px';
			document.getElementById(argArr[i]).style.height = (bodyScrollHeight)+'px';
		}
	}
}

function set_div_style(obj,id,top,left,width,height,position,border,cursor,background) {
        var obj = obj;
        obj.id = id?id:null;
        obj.style.top = top?top:'0px';
        obj.style.left = left?left:'0px';
        obj.style.width = width?width:'0px';
        obj.style.height = height?height:'0px';
        obj.style.position = position?position:"static";
        obj.style.border = border?border:"1px #000 solid";
        obj.style.cursor = cursor?cursor:"default";
        obj.style.background = background?background:"";
        return obj
}

//隐藏元素
var hiddenObjs = [];
function HideElement(strElementTagName){
	try{
		for(i=0;i<window.document.all.tags(strElementTagName).length; i++){
			var objTemp = window.document.all.tags(strElementTagName)[i];
			if ( 'visible' == objTemp.style.visibility ) {
				objTemp.style.visibility = "hidden";
				hiddenObjs.push( objTemp );
			}
		}
	}catch(e){
		alert(e.message);
	}
}

function hideElementAll(){
	hiddenObjs = [];
	//HideElement("SELECT");
	//HideElement("OBJECT");
	
}

function showElementAll(){
	var len = hiddenObjs.length;
	for ( var i = 0 ; i < len ; i++ ) {
		hiddenObjs[i].style.visibility = "visible";
	}
}
//滤镜效果
function hide() {
	synSizeByBody("globalDiv");
	document.getElementById("globalDiv").style.display = "block";
	if ( 1 == exp ) {
		hideElementAll();
	}
}

function cancel() {
	document.getElementById("globalDiv").style.display = "none";
	if ( 1 == exp ) {
		showElementAll();
	}
	
	//recoverBodyEvent();
}

//将悬浮层的位置定位在body可见区域中央
function checkAndResetStyleTop (obj) {
	var clientHeight=obj.firstChild.clientHeight;
	var styleTop=parseInt(obj.style.top.substring(0,obj.style.top.length-2));
	if ( clientHeight+styleTop>bodyScrollHeight ) {
		obj.style.top=(bodyScrollHeight- clientHeight)+'px';
	}
}


function GetCenterXY_ForLayer(objdiv){
	var body_width=document.body.clientWidth;
	var body_height= document.body.clientHeight;
	var body_scroll_top= document.body.scrollTop;
	var body_scroll_left= document.body.scrollLeft;
	objdiv.style.display='block';
	var styleWidth=objdiv.style.width.substring(0,objdiv.style.width.length-2);
	var clientHeight=objdiv.firstChild.clientHeight;
	//alert(styleWidth+':'+clientHeight);
	var objLeft = parseInt(body_scroll_left+(body_width - styleWidth)/2)+'px';
	var relTop=(body_height-clientHeight)/2 > 0 ? (body_height-clientHeight)/2:0;
	var objTop = parseInt(body_scroll_top+relTop)+'px';
	//alert(objTop+':'+objLeft);
	objdiv.style.top = objTop;
	objdiv.style.left = objLeft;
	//checkAndResetStyleTop(objdiv);
}


function drag_mouse_down(event,obj){
	var obj_left = obj.style.left;
	var obj_top = obj.style.top;
	var obj_left = obj_left.replace(/p|x/g,"");
	var obj_top = obj_top.replace(/p|x/g,"");
	if ( event == null ) {//IE必须
		event=window.event;
	}
	var clientX = String(event.clientX).replace(/p|x/g,"");
	var clientY = String(event.clientY).replace(/p|x/g,"");
	objX = clientX - obj_left;
	objY = clientY - obj_top;
}

function drag(event,obj){
	if( objX != 0 && objY != 0 ) {
		if ( event == null ) {//IE必须
			event=window.event;
		}
		if ( event.button == 1 ||  event.button == 0 ){
			var objWidth=obj.firstChild.clientWidth;
			var objHeight=obj.firstChild.clientHeight;
			reCalBodySize();

			var leftPo= event.clientX-objX;
			if ( leftPo < 0 ) {
				leftPo=0;
			}
			if ( leftPo > bodyScrollWidth-objWidth ) {
				leftPo=bodyScrollWidth-objWidth;
			}

			var topPo=event.clientY-objY;
			if ( topPo < 0 ) {
				topPo=0;
			}
			if ( topPo > bodyScrollHeight-objHeight ) {
				topPo=bodyScrollHeight-objHeight;
			}
			obj.style.left=leftPo+'px';
			obj.style.top=topPo+'px';
		}
	}
}



function buildGlobalDiv(){
		var globalDiv=document.createElement('div');
		globalDiv.id='globalDiv';
		globalDiv.style.display='none';
		globalDiv.style.zIndex='98';
		globalDiv = set_div_style(globalDiv,'globalDiv','0px','0px',bodyScrollWidth+'px',bodyScrollHeight+'px',"absolute"," #333333 0px solid","default","darkgray");
		
		if ( 1 == exp ) {
			globalDiv.style.filter="alpha(opacity=30)";
		}
		else {
			globalDiv.style.opacity=30/100;
		}
		document.body.appendChild(globalDiv);
}

function init(formname)
{
	bdMvEvt= document.body.onmousemove;
	bdUpEvt= document.body.onmouseup;
	
	IMGPATH		= 'http://images.51job.com/im/my/search';
	
	buildDiv("popupArea");
	buildGlobalDiv();
}

function init_1(formname)
{
	form = document.getElementsByName(formname)[0];
}

function displayLayer(layerID){
	
	if ( document.getElementById(layerID) != null){
		var dv = document.getElementById(layerID);
		
		if ( dv.style.visibility == "hidden" ) {
			GetCenterXY_ForLayer(dv);
			dv.style.zIndex='998';
			dv.style.visibility = "visible";
		}
		document.body.onmousemove = function (event){drag(event,dv)};
		document.body.onmouseup = function(){objX = 0;objY=0};
	}
	return false;
}


function closearea() {
	cancel();
	document.getElementById('areadiv').style.visibility='hidden';
	document.getElementById('areadiv').style.display='none';
}
var layer=new Array();
function builddiv(divname) {
	var i=0;
	var str_html=initarea();
	layer[i] = document.createElement("div");
	dragObjId[i]=divname;
		layer[i].style.visibility='hidden';
		layer[i].style.zIndex='999';
		layer[i].innerHTML+=str_html;
		document.body.appendChild(layer[i]);
		
		layer[i] = set_div_style(layer[i],divname,'0px','0px','490px','0px',"absolute","0px solid #c0d4db","default","#ffffff");
		var styleWidth=layer[i].firstChild.width+'px';
		var styleHeight=layer[i].firstChild.firstChild.clientHeight+'px';
		var layerId = divname;

		
		dragObj[i]=layer[i];///.firstChild.firstChild;//.firstChild.firstChild;
		dragObj[i].style.cursor='move';

		dragObj[i].onmousedown = function(event){drag_mouse_down(event,this)};

		layer[i].onselectstart=function(){return false};

		if ( 1 == exp ) {
			layer[i].firstChild.onresize=function(){checkAndResetStyleTop(this.parentNode)};
		}
		else {
			layer[i].firstChild.onclick=function(){checkAndResetStyleTop(this.parentNode)};
		}		
}

function showMenu2(m_ix) {
	str_div= get_div_html(m_ix);
	document.getElementById('telcontent').innerHTML=str_div;
}
function showMenu(m_ix) {
	var ix;
	var sel_ix=0;
	if(m_ix>0) {
		
	for(ix=1;ix<32;ix++) {
		if(ix==m_ix)  {
			if(document.getElementById('songkamenu'+ix).style.visibility!='visible') {
				
				document.getElementById('songkamenu'+ix).style.visibility='visible';
				document.getElementById('songkamenu'+ix).style.zIndex='999';
				document.getElementById('songkamenu'+ix).style.display='';	
				
			}
			sel_ix=ix;
		}
		else {
			if(document.getElementById('songkamenu'+ix).style.visibility=='visible') {
				document.getElementById('songkamenu'+ix).style.height='0px';
				document.getElementById('songkamenu'+ix).style.visibility='hidden';
				document.getElementById('songkamenu'+ix).style.display='none';
				
			}
		}
	}
}
	
}

function get_div_html(p_ix) {
 var str='';

//str+='            <div id=songkamenu'+p_ix+' name=songkamenu'+p_ix+' style="visibility:hidden;display:none;z-index:999;width:490px;"> ';
str+='              <table width="490" border=0 cellspacing=0 cellpadding=0 bgcolor=#ffffff align=center>'
str+='                <tr> <td  bgcolor=#ffffff >'
str+='              <table width="480" border=0 cellspacing=1 cellpadding=0 bgcolor=#cccccc align=center>'
str+='                <tr> <td  bgcolor=#ffffff >'
str+='              <table width="100%" border=0 cellspacing=0 cellpadding=0 bgcolor=#ffffff align=center>'
str+='                <tr> '
str+='                  <td width=10>&nbsp;</td><td  class=normaltext align=left><b>'+arrProvincename[p_ix]+'</b></td>'
str+='                </tr>'
str+='                <tr> '
str+='                  <td width=10>&nbsp;</td><td  class=normaltext align=left>'
str+=arrTel[p_ix];
str+='</td>'
str+='                </tr>'
str+='              </table>'
str+='</td>'
str+='                </tr>'
str+='              </table>'
str+='              </td></tr><tr><td height=3></td></tr></table>'
//str+='            </div>'
 return str 
}



function initarea() {
 	var str='';
str+='<table cellspacing=0 cellpadding=0 width="490" border=0 bgcolor=white align=center>'
str+=' <tr><td align=center height=5 bgcolor=white></td></tr>' 	
str+=' <tr><td align=center>' 	
 str+='<table cellspacing=1 cellpadding=0 width="480" bgcolor=#a5a5a5 '
str+='            border=0 align="center">'
str+='  <tbody> '
str+='  <tr align=middle bgcolor=#ffffff> '
str+='    <td valign="top" align="left" class="normaltext"> '
str+='      <table cellspacing=0 cellpadding=0 width="476" border=0 align="center" background="http://down.zhulong.com/tech/images/songka_title.gif" bgcolor="#777777" class="whitetxt" >'
str+='        <tbody> '
str+='        <tr> '
str+='          <td align=center width=20 height=36 valign=middle><img src="http://www.zhulong.com/images/11.gif" width="10" height="10"></td>'
str+='          <td valign=center width="406" '
str+='                  height=20><b><font color="#FFFFFF">买币很简单！已开通137个城市上门送卡服务，点击查询当地电话 </font></b></td>'
str+='          <td  valign=center width=50 '
str+='                height=20 align="center"><a onClick="javascript:closearea();"><font color=white>[关闭]</font></a></td>'
str+='        </tr>'

str+='        </tbody> '
str+='      </table>'
str+='      <table width="470" border="0" cellspacing="0" cellpadding="0" align="center" class="normaltext">'
str+='        <tr> '
str+='          <td class="normaltext"><b>主要城市：&nbsp;</b>'
for(ix=1;ix<=4;ix++) {
	str+='<span style="cursor:pointer" onMouseOver="this.style.color=\'#ff0000\'" onMouseOut="this.style.color=\'\'" onClick="javascript:showMenu2('+ix+')">'+arrProvincename[ix]+'</span>&nbsp;'
	if((ix % 11)==0)
		str+= "<br>"
}
str+='          </td>'
str+='        </tr>'
str+='        <tr> '
str+='          <td class="normaltext"><b>华北-东北：</b>'
for(ix=5;ix<=10;ix++) {
	str+='<span style="cursor:pointer"  onMouseOver="this.style.color=\'#ff0000\'" onMouseOut="this.style.color=\'\'"  onClick="javascript:showMenu2('+ix+')">'+arrProvincename[ix]+'</span>&nbsp;'
	if((ix % 11)==1110)
		str+= "<br>"
}
str+='          </td>'
str+='        </tr>'
str+='        <tr> '
str+='          <td class="normaltext"><b>华东地区：&nbsp;</b>'
for(ix=11;ix<=16;ix++) {
	str+='<span style="cursor:pointer"  onMouseOver="this.style.color=\'#ff0000\'" onMouseOut="this.style.color=\'\'"  onClick="javascript:showMenu2('+ix+')">'+arrProvincename[ix]+'</span>&nbsp;'
	if((ix % 11)==1110)
		str+= "<br>"
}
str+='          </td>'
str+='        </tr>'
str+='        <tr> '
str+='          <td class="normaltext"><b>华南-华中：</b>'
for(ix=17;ix<=22;ix++) {
	str+='<span style="cursor:pointer"  onMouseOver="this.style.color=\'#ff0000\'" onMouseOut="this.style.color=\'\'"  onClick="javascript:showMenu2('+ix+')">'+arrProvincename[ix]+'</span>&nbsp;'
	if((ix % 11)==1110)
		str+= "<br>"
}
str+='          </td>'
str+='        </tr>'
str+='        <tr> '
str+='          <td class="normaltext"><b>西北-西南：</b>'
for(ix=23;ix<=31;ix++) {
	str+='<span style="cursor:pointer"  onMouseOver="this.style.color=\'#ff0000\'" onMouseOut="this.style.color=\'\'"  onClick="javascript:showMenu2('+ix+')">'+arrProvincename[ix]+'</span>&nbsp;'
	if((ix % 11)==1110)
		str+= "<br>"
}
str+='          </td>'
str+='        </tr>'
str+='        <tr> '
str+='          <td>[<a href="http://www.zhulong.com/help/help4_5622112.html" target=_blank>各地销售点详情</a>] <a href="http://www.zhulong.com/help/help4_5613399.html" target=_blank>[用神州行充值卡购买筑龙币]</a> <a href="http://www.zhulong.com/help/help4_5612570.html" target=_blank>[网上银行购买]</a> <a href="http://www.zhulong.com/help/help1_5613472.html" target=_blank>[更多购卡方式]</a></td>'
str+='        </tr>'
str+='        <tr> '
str+='          <td>咨询电话：4006789212(<font color=red>免长途费</font>) 010-88362233-818/816</td>'
str+='        </tr>'
str+='        '
str+='        </table>'
str+='        '
str+='      '
str+='      <table height=6 cellspacing=0 cellpadding=0 width="100%" border=0>'
str+='        <tbody> '
str+='        <tr> '
str+='          <td></td>'
str+='        </tr>'
str+='        </tbody> '
str+='      </table>'
str+='    </td>'
str+='  </tr>'
str+='  </tbody> '
str+='</table>'

str+='<table width="490" border="0" cellspacing="0" cellpadding="0" align="center" class="normaltext" bgcolor=#ffffff>'
str+='        <tr> '
str+='          <td bgcolor=white height=3></td>'
str+='        </tr>'
str+='        <tr> '
str+='          <td align=center><div id=telcontent></div>'

str+='            '
str+='          </td>'
str+='        </tr>'
str+='        <tr> '
str+='          <td bgcolor=white height=3></td>'
str+='        </tr>'
str+='      </table></td></tr></table>';
	return str;
}