hidepopup();

  function showsub(x,y,i){

     var s=document.getElementById('popup');
    s.style.display="";


    var p=document.getElementById('image');
    //get size of blank
    var w = p.width;
    var h = p.height;
    p.src=i;



    //get viewport size
       var viewportwidth;
       var viewportheight;

       // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

       if (typeof window.innerWidth != 'undefined'){
            viewportwidth = window.innerWidth;
            viewportheight = window.innerHeight;
       }

      // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

       else {

           if (typeof document.documentElement != 'undefined'
              && typeof document.documentElement.clientWidth !=
              'undefined' && document.documentElement.clientWidth != 0){
              viewportwidth = document.documentElement.clientWidth;
              viewportheight = document.documentElement.clientHeight;
           }

       // older versions of IE

           else{
                 viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
                 viewportheight = document.getElementsByTagName('body')[0].clientHeight;
           }

       }

    // Determine the new location of the window

     x = (viewportwidth-w)/2;
     y = (viewportheight-h)/4;
     s.style.position="fixed";
     s.style.left=x+"px";
     pageoffsety=document.all? document.body.scrollTop : window.pageYOffset;
     var yo=y+pageoffsety;
     s.style.top=yo +"px";
    // window.alert(yo);
  }



  function hidepopup(){

    var p=document.getElementById('image');
    p.src="/newgallery/blank.jpg";
    var s=document.getElementById('popup');
    s.style.display="none";

  }