//alert(document.documentElement.scrollTop);
if(navigator.appName == "Microsoft Internet Explorer") {
   //window.pageYOffset = window.scrollY;
   //alert(navigator.pageYOffset);
   var x=0;
   var y=screen.height/2;

} else {
   var x=0;
   var y=0;
   document.addEventListener("click",getxy,true);
}

function getxy(e) {
   x = e.screenX;
   y = e.screenY;
}



function showdiv(id){
   //alert(x);
   //alert(y);
   //alert(window.scrollY);
   var s="<div id='brand-x'><span id='spsp'></span><iframe scrolling='no' frameborder='0' class='frame'></iframe><div class='l'><em onclick=\"document.getElementById('brand-x').style.top='-15000px';\">X</em></div></div>";
   $("#container").append(s);
   $("#brand-x > div.l").html("");
   $.post('/getlayer.php',{id:id},onAjaxSuccess99);
}

// обработчик ответа
function onAjaxSuccess99(data) {

    //alert(y);
    // Здесь мы получаем данные, отправленные сервером    
    var items = $("item", data);    
    items.each(
       function(){
          // внутри функции this указывает на текущий DOM-элемент
          newid  = parseInt($(this).attr("id"));
          width  = parseInt($(this).attr("width"));
          height = parseInt($(this).attr("height"))+20;
          
          $("#brand-x").css( "left", screen.width/2-width/2 );
          //$("#brand-x").css( "top", screen.height/2+100 );//-height/2
          //var yy = y-height/2<0?50:y-height/2;
          $("#brand-x").css( "top", y-height/2+document.documentElement.scrollTop);//-height/2 window.pageYOffset 
          $("#brand-x").css( "width", width );
          if  (navigator.appName == "Microsoft Internet Explorer") {
              $("#brand-x > div.l").css( "width", width-1 );
          } else {
              $("#brand-x > div.l").css( "width", width-3 );
          }
          $("#brand-x").css( "height", height);

          if  (navigator.appName == "Microsoft Internet Explorer") {
              $("#brand-x > div.l").css( "height", height-1 );
          } else {
              $("#brand-x > div.l").css( "height", height-3 );
          }
          $("#brand-x > div.l").html();
          $("#brand-x > div.l").html($(this).text());
          $("#brand-x > div.l").prepend("<em onclick=\"document.getElementById('brand-x').style.top='-15000px';\" style='text-decoration:none;padding:0;' title='Закрыть окно' >X</em>");
          
          //document.getElementById("brand-x").style.top="150px";
          //alert($("#brand-x").html());
       }
     );     
}
