// JavaScript Document
function Showme2(){
  sel5 = document.getElementById('mydiv');
  if(!sel5){
    sel8 = document.getElementById('obla');
    sel = document.getElementById('leftpart');
    var r = sel.appendChild(document.createElement("div"));
      full = r.appendChild(document.createElement("div"));
    /////////////////////////
    /////////////
    uaVers='' // uaVers может не определиться в Опере, так что, переменную приходится инициализировать, чтобы не было ошибок
if (window.navigator.userAgent.indexOf ("Opera") >= 0)
  {
  // ua = 'Opera';
  ua = 1;
  // uaVers=window.navigator.userAgent.substr(window.navigator.userAgent.indexOf("Opera")+6,4);
  }
else
if (window.navigator.userAgent.indexOf ("Gecko") >= 0) // (Mozilla, Netscape, FireFox)
  {        // Их врядли стоит разделять, так как их разделение – только попытка вдохнуть новую жизнь в одного и того же вымирающего динозавра
   //ua = 'Netscape';
   ua = 2;
  // uaVers=window.navigator.userAgent.substr(window.navigator.userAgent.indexOf("Gecko")+6,8)+ ' ('+ window.navigator.userAgent.substr(8,3) + ')';
  }
else
if (window.navigator.userAgent.indexOf ("MSIE") >= 0)
  {
   //ua = 'Explorer';
   ua = 3;
   //uaVers=window.navigator.userAgent.substr(window.navigator.userAgent.indexOf("MSIE")+5,3);
  }
else
   ua = window.navigator.appName; // Неизвестные мне браузеры

    //alert(ua);
    //////////////
    //////////////////////////
        full.id = "one";
       // full.style.width = 20;
        //full.align = "right";
        full.innerHTML = '<div style="width: 270px; height: 121px; background-color: #999999;float: left;">'+
    '<div style="font-size: 10pt; float: left; width: 270px; color: #ffffff; font-family: Verdana;'+
        'height: 20px; text-align: center; border-bottom: #ffffff thin dotted;">'+
        '<img id="IMG1" src="imgl/xsmall.png" style="float: right; width: 20px;'+
            'height: 20px" />Список областей</div>'+
    '<table style="font-size: 11pt; float: left; width: 269px; color: #ffffff; font-family: Monospace;'+
        'text-align: center">'+
        '<tr>'+
            '<td colspan="3" style="height: 18px" rowspan="2">'+
            '</td>'+
        '</tr>'+
        '<tr>'+
        '</tr>'+
        '<tr>'+
            '<td colspan="3">'+
                '<a href ="http://www.lipeck.webzem.ru" class="m22">Липецк</a></td>'+
       '</tr>'+
    '</table>'+
'</div>';
        //full.style.background.src="imgl/xsmall.png";
        full.onclick = Ty2;
        /*
      full2 = r.appendChild(document.createElement("div"));
        full2.id = "sec";
        full2.align = "center";
        full2.style.background = "#999";
        //full2.onclick = Ty3;
        full2.innerHTML = "<a href='test.html' > Текст вашей ссылки </a><br /><a href='test.html' > Текст вашей 2 ссылки </a><br /><a href='test.html' > Текст вашей 3 ссылки </a><br />&nbsp";
     */
      r.id = "mydiv";
      r.style.position = "absolute";
      r.align = "right";
     // alert(sel8.offsetTop + 10);
     if(ua == 3){
        r.style.position = "relative";
        r.style.top = -78;//sel8.offsetTop + sel8.offsetHeight + 1;//105
        r.style.left = 0; //sel8.offsetLeft + 1;// 144
        r.style.width = 270;
       // r.style.height = 110;
     }
     if(ua == 1){
        //r.style.top = sel8.offsetTop + sel8.offsetHeight + 105;
        //r.style.left = sel8.offsetLeft + 145;
        r.style.width = 270;
        r.style.height = 130;
     }
     if(ua == 2){
        //r.style.top = sel8.offsetTop + sel8.offsetHeight + 105;
        //r.style.left = sel8.offsetLeft + 145;
        r.style.width = 270 + 'px';
        r.style.height = 120 + 'px';
     }
      // r.style.height = 200;
      r.style.zindex = 9999;
      r.style.background = "#AAA";
      r.style.cursor = 'default';
      // r.textNode.insertData(0, 'ebat kapat');
      // sel2 = document.getElementById('sec').onclick = Ty2;
      //r.innerHTML = "ebat";
      // r.setAttribute('background-color', "#FFF");
  }
  if(sel5){
    sel = document.getElementById('mydiv');
    sel.style.visibility="visible";
  }
}
function Ty(){
alert('op');
}
function Ty2(){
  sel = document.getElementById('mydiv');
  sel.style.visibility="hidden";; // hidden
}
function Ty3(){

}