MK.image = {
   dom: {},
   open : function(e){
     
      this.min = 20;
      var viewer = $('viewerImg');
      var s = MK.shell;
      var sy = s.scrollOffset().y;
      var py = s.pageSize().y;

      var loader = $('viewerLoader');
      loader.style.top = (50+sy ) + 'px';
      loader.style.left = (s.pageSize().x - loader.offsetWidth)/2 + 'px';
      loader.style.visibility = 'visible';

      var newImg = document.createElement('img');
      newImg.onload = function() {
         MK.Mask.show();
         loader.style.visibility = 'hidden';
         $('galleryImg').innerHTML = '';
         $('galleryImg').appendChild(newImg);
         viewer.style.left = (s.pageSize().x - this.width)/2 + 'px';
         viewer.style.top = (20+sy ) + 'px';
         viewer.style.visibility = 'visible';
      };
      newImg.onabort = function() {
         MK.Mask.hide();
         viewer.style.visibility = 'hidden';
         loader.style.visibility = 'hidden';
      };

      if(typeof(e) != 'string'){
         newImg.src = this.src.replace(/Min/, 'Max');
      }else{
         newImg.src = e;
      }
      return false;
   },
  
   close : function(e){
      $('galleryImg').innerHTML = ' ';
      $('viewerImg').style.visibility = 'hidden';
      MK.Mask.hide();
   }
}


function initImgPopup(){
   var el =$('body').getElementsByTagName('IMG');
   for(var i = 0;i< el.length; i++){
      if(el[i].className == 'pop')
         addEvent(el[i],'click',MK.image.open);
   }
}
function openPop(e){
   var el;
   if(window.event && window.event.srcElement) { el = window.event.srcElement; }
   if(e && e.target) { el = e.target; }
   if(!el) { return;	}
   MK.image.open(el);
}


addEvent(window,'load',initImgPopup);