// Set the horizontal and vertical position for the popup
PositionX = 100;
PositionY = 100;

// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)
defaultWidth  = 500;
defaultHeight = 500;

// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows

var AutoClose = true;
var maxImg = 31;

// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
    var isNN=(navigator.appName=="Netscape")?1:0;
    var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;
}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imgNo,imageTitle){
    if (isNN){imgWin=window.open('about:blank','',optNN);}
    if (isIE){imgWin=window.open('about:blank','',optIE);}
    with (imgWin.document){
	writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
	writeln('var isNN,isIE;');writeln('var maxImg='+maxImg+';');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
	writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
	writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
	writeln('width=100-(document.body.clientWidth-document.images[0].width);');
	writeln('height=100-(document.body.clientHeight-document.images[0].height);');
	writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
	writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
	writeln('function doTitle(){document.title="'+imageTitle+'";}');
	writeln('function swapImg(imgNo){document.images["George"].src="/images/portfolio/"+imgNo+".jpg"; if(imgNo>1){document.getElementById("prev").innerHTML=\'<a href=\"javascript:swapImg(\'+(imgNo-1)+\')\">previous</a>\';} else {document.getElementById("prev").innerHTML=\'\';} if(imgNo<maxImg){document.getElementById("next").innerHTML=\'<a href=\"javascript:swapImg(\'+(imgNo+1)+\')\">next</a>\';} else {document.getElementById("next").innerHTML=\'\';};}');
	writeln('</sc'+'ript>');
	if (!AutoClose) writeln('</head><body bgcolor="#595959" scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
	    else writeln('</head><body bgcolor="#595959" scroll="no" onload="reSizeToImage();doTitle();self.focus()">');
	writeln('<div style="position: absolute; left: 0px; top: 0px; z-index: 10; font-family:Verdana, Arial, Helvetica, sans-serif; background: #84D1F1; padding: 3px;" id="prev">');
	if (imgNo > 1) writeln('<a href="javascript:swapImg('+(imgNo-1)+')">previous</a>');
	writeln('</div><div id="next" style="position: absolute; right: 0px; top: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; z-index: 10; background: #84D1F1; padding: 3px;" id="next"">');
	if (imgNo < maxImg) writeln('<a href="javascript:swapImg('+(imgNo+1)+')">next</a>');
	writeln('</div><img name="George" src="/images/portfolio/'+imgNo+'.jpg" style="display:block" onload="reSizeToImage();"></body></html>');
	close();		
    }
}
    
