function show(id){
	for(i=1;i<=4;i++){
		if(i==id){
			if(document.getElementById('pic_s_'+i)){
				document.getElementById('pic_b'+i).style.display='';
				document.getElementById('pic_s_'+i).className='on';
				}
		}else{
			if(document.getElementById('pic_s_'+i)){
				document.getElementById('pic_b'+i).style.display='none';
				document.getElementById('pic_s_'+i).className='off';
				}
		}
	}
	document.getElementById('showContent').innerHTML="";
}
var arr_area=new Array();
var hiddentime=0;

function CreatHotArea(){
	for(var i=0;i<arr_area.length;i++){
	document.getElementById('showmask').innerHTML+='<div id="mask'+arr_area[i][0]+'" style="position:absolute;width:'+arr_area[i][4]+'px;height:'+arr_area[i][3]+'px;z-index:1;left: '+arr_area[i][2]+'px;top:'+arr_area[i][1]+'px;padding:0px;cursor:pointer;text-align:center;line-height:'+arr_area[i][3]+'px; border:1px dashed #FF0000;" class="layerfilter"><span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="eefocus-src-text"><strong>'+arr_area[i][5]+'</strong><hr>'+arr_area[i][6]+'</span><div style="width:'+arr_area[i][4]+'px;height:'+arr_area[i][3]+'px;"></div></span></div>';
	}
}
function closeHotArea(){
if(document.getElementById('viewcheck').checked==false){
	HiddenHotArea();
}
}

function HiddenHotArea(){
document.getElementById('showContent').style.display='none';
}