function initial(){
   LocateLayer("TableLayer1",1,150);
   LocateLayer("TabelLayer2",document.body.clientWidth-100,150);
}
function LocateLayer(layername,StartX,StartY){
   var layer;
   //layername="divStayTopLeft";
   layer=document.getElementById(layername);
   //alert(layername);
   var scrollTop=document.body.scrollTop
   layer.style.top=StartY+scrollTop;
   layer.style.left=StartX;
}
function stayLayer(){
  //alert(layername);
  
  initial();
  setTimeout("stayLayer()",10);
}
//alert("HI");
//stayLayer();
function hideLayer(layername){
  var layer;
  layer=document.getElementById(layername);
  layer.style.visibility='hidden';
}
function initpop(){
  //alert("hi");
  var iwidth;
  iwidth=document.body.clientWidth;
  //alert(iwidth);
  
  var strHtml;
  if(iwidth>1000){
    //document.write("<span id=poplayer></span>");
    //alert("here");
    strHtml="<table width=\"100\" border=0 cellspacing=0 cellpadding=0 id=\"TableLayer1\" style=\"position:absolute\">";
    strHtml=strHtml+"<tr>";
    strHtml=strHtml+"<td><img src=\"images/pop1_top.jpg\" width=\"100\" sytle=\"cursor:hand\" height=\"16\" onclick=\"hideLayer('TableLayer1')\"></td>";
    strHtml=strHtml+"</tr>";
    strHtml=strHtml+"<tr>";
    strHtml=strHtml+"<td><img src=\"images/pop1_down.jpg\" width=\"100\" height=\"285\"></td>";
    strHtml=strHtml+"</tr>";
    strHtml=strHtml+"</table>";
    strHtml=strHtml+"<table width=\"100\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" id=\"TabelLayer2\"style=\"position:absolute\">";
    strHtml=strHtml+"<tr>";
    strHtml=strHtml+"<td><img src=\"images/pop2_top.jpg\" width=\"100\" height=\"17\" sytle=\"cursor:hand\" onclick=\"hideLayer('TabelLayer2')\"></td>";
    strHtml=strHtml+"</tr>";
    strHtml=strHtml+"<tr>";
    strHtml=strHtml+"<td><img src=\"images/pop2_down.jpg\" width=\"100\" height=\"284\"></td>";
    strHtml=strHtml+"</tr>";
    strHtml=strHtml+"</table>";
    //alert(strHtml);
    document.getElementById("poplayer").innerHTML=strHtml;
    stayLayer();
  }

}