function $(el){
return typeof(el) == 'string' ? document.getElementById(el) : el;
}

function addEvent(obj, type, fn) {
  if (obj.addEventListener) {
    obj.addEventListener(type, fn, false);
  } else if (obj.attachEvent) {
    obj["e"+type+fn] = fn;
    obj[type+fn] = function() {obj["e"+type+fn](window.event); }
    obj.attachEvent("on"+type, obj[type+fn]);
  }
}
PopImage = {
   dom: {},
   open : function(src){
      this.top = 20;
      this.min = 220;
      var self = this;      

      var viewer = document.createElement('DIV');

      viewer.style.position = 'absolute';
      viewer.style.display = 'none';
      document.body.appendChild(viewer);
      document.body.style.position = 'relative';

      var link = document.createElement('A');
      link.setAttribute('href',''); 
      viewer.appendChild(link);

      var close = document.createElement('A');
      close.setAttribute('href','#close');
      close.style.position = 'absolute';
      close.style.top = '0px';
      close.style.left= '470px';
      close.style.backgroundColor='#01804B';
      close.style.height= '25px';
      close.style.width= '28px';
      //close.style.border= '1px solid black';
      close.style.background= 'url('+src+')';
      close.style.backgroundPosition= '-470px -0px';
      addEvent(close,'click',function(){
         self.close();
      });

      viewer.appendChild(close);
      
      var newImg = document.createElement('img');
      
      newImg.onload = function() {
         if(self.scrollOffset().y < self.min)
            self.top+= self.min;
         else
            self.top+=self.scrollOffset().y;
         link.appendChild(this);
         viewer.style.width = this.width;
         //viewer.style.left = Math.round((self.pageSize().x - this.width)/2) + 'px';
         viewer.style.left = '450px';
         viewer.style.top = 150 + 'px';
         viewer.style.display = 'block';
      };
      newImg.onabort = function() {
         viewer.style.display = 'none';
      };

      newImg.src = src;
      this.viewer = viewer;
      return false;
   },
   close : function(e){
      this.viewer.style.display = 'none';
   },
   point : function(x,y){
      return {x:x,y:y};
   },
   scrollOffset : function(){
      
      var x = 0;
      var y = 0;
      if( typeof( window.pageYOffset ) == 'number' ) {
         y = window.pageYOffset;
         x = window.pageXOffset;
      }else
         if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
            y= document.body.scrollTop;
            x= document.body.scrollLeft;
         }else
            if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
             //IE6
             y = document.documentElement.scrollTop;
             x= document.documentElement.scrollLeft;
         }
      return this.point(x,y);
   }
};

PopImage2 = {
   dom: {},
   open : function(src){
      this.top = 180;
      this.min = 30;
      var self = this;
      
      
      var viewer = document.createElement('DIV');
   
      viewer.style.position = 'absolute';
      viewer.style.display = 'none';
      document.body.appendChild(viewer);
      //document.body.style.position = 'relative';
      viewer.style.cursor = 'pointer';
      viewer.setAttribute('title','Kliknij by zamknąć');

      addEvent(viewer,'click',function(){
         self.close();
         self.showFlash();
      });

      var newImg = document.createElement('img');
      
      newImg.onload = function() {
         self.hideFlash();

         if(self.scrollOffset().y < self.min)
            self.top+= self.min;
         else
            self.top+=self.scrollOffset().y;
         viewer.appendChild(this);
         viewer.style.width = this.width;
         //viewer.style.left = Math.round((self.pageSize().x - this.width)/2) + 'px';
         if(navigator.appName == "Microsoft Internet Explorer"){
         //winter
         //viewer.style.left = (self.pageSize().x - 1000)/2 + 'px';
         viewer.style.left = Math.round((self.pageSize().x - this.width)/2)-640 + 'px';
         //alert("ie");
         }
         else
         viewer.style.left = Math.round((self.pageSize().x - this.width)/2)-232 + 'px';
         //winter
         //viewer.style.left = (self.pageSize().x - 1000)/2 + 'px';
         viewer.style.top = self.top + 'px';
         viewer.style.display = 'block';
      };
      newImg.onabort = function() {
         viewer.style.display = 'none';
      };

      newImg.src = src;
      this.viewer = viewer;
      return false;
   },
   close : function(e){
      this.viewer.style.display = 'none';
   
   },
   point : function(x,y){
      return {x:x,y:y};
   },
   pageSize : function() {
      var x,y;
      y = Math.max(document.body.scrollHeight,document.body.offsetHeight);
      y = Math.max(y,document.documentElement.offsetHeight);
         
      x = Math.max(document.body.scrollWidth,document.body.offsetWidth);
      x = Math.max(x,document.documentElement.offsetWidth);
         
      return {'x': x, 'y': y};
   },
   scrollOffset : function(){
      
      var x = 0;
      var y = 0;
      if( typeof( window.pageYOffset ) == 'number' ) {
         y = window.pageYOffset;
         x = window.pageXOffset;
      }else
         if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
            y= document.body.scrollTop;
            x= document.body.scrollLeft;
         }else
            if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
             //IE6
             y = document.documentElement.scrollTop;
             x= document.documentElement.scrollLeft;
         }
      return this.point(x,y);
   },
   hideFlash:function(el){
      var els = document.getElementsByTagName('embed');
      if(els.length == 0)
         els = document.getElementsByTagName('object');
      for(var i =0;i < els.length; i++){
         els[i].style.visibility = 'hidden';
      }
         
   },
   showFlash:function(el){
      var els = document.getElementsByTagName('embed');
      if(els.length == 0)
         els = document.getElementsByTagName('object');
      for(var i =0;i < els.length; i++){
         els[i].style.visibility= 'visible';
      }
   }
   
};


function openPop(e){
   PopImage.open('baner.jpg');
   
   //POPUP.open();
}


addEvent(window,'load',openPop);