
function popup(fle, mde, imgArray){
   var win = window.open('', 'popup', 'location=no');
   
    var strArr = "";
    for(var i=1; i<=imgArray.length; i++){
      strArr +="\""+ imgArray[i-1] + "\"";
      ((i==imgArray.length)?strArr +="":strArr +=",");
      
      if(imgArray[i-1]==fle) {
        clickImageNo = i ;
        //break;
      }   
    }
    
    //alert(clickImageNo);
    var numPic = imgArray.length;
    //alert(numPic);
     with (win.document){
     open();

     writeln('<html>');
     writeln('  <head>');
     writeln('    <script language=JavaScript>');
     writeln('      numImages = ' + numPic + ' ;');
     writeln('      curImage = ' + clickImageNo + ';');
     writeln('var imgArrayJs = new Array(' + strArr + '); ');
     // preload image
     writeln('      if (document.images){');
     writeln('         document.images["popup_img"] = new Image(); ');
     writeln('         document.images["popup_img"].src="file?popup=1&fle=' + fle + '&mde=' + mde + '";');     
     writeln('      }');
     writeln('      function resizeWindow(){');
     writeln('         var img = document.images["popup_img"];');
     writeln('         var body = document.body;');
     writeln('         window.resizeBy(img.width - body.clientWidth, (img.height + 150) - body.clientHeight);');
     writeln('      }');
     writeln('      function myImages(next){');
     writeln('        if (next) {');
     writeln('          curImage++;');
     writeln('          if (curImage > numImages){ ');
     writeln('            curImage = 1; ');
     writeln('          }');
     writeln('        }');
     writeln('        else{');
     writeln('          curImage--;');
     writeln('          if (curImage < 1){');
     writeln('            curImage = numImages;');
     writeln('          }');
     writeln('        }');
        
     writeln('      document.images[0].src ="file?popup=1&mde=' + mde + '&fle=" + imgArrayJs[curImage - 1]; ');
     //writeln('        resizeWindow();');
             
     writeln('        }');
     writeln('    </script>');
     writeln('  </head>');
     //writeln('  <body leftmargin=0 topmargin=0 onload="resizeWindow()" >');
     writeln('  <body leftmargin=0 topmargin=0>');
     writeln('<br /><center>');
     writeln('<input type="button" value="prev" name="prev" onclick="myImages(false);" />&nbsp;');
     writeln('<input type="button" value="next" name="next" onclick="myImages(true);" />');
     writeln('</center><br />');
     writeln(' <center> <img src="file?popup=1&fle=' + fle + '&mde=' + mde + '" name="popup_img"> </center>');
          
     writeln('  </body>');
     writeln('</html>');

     close();
   }
   win.focus();
}

