function openWin(fName)
{
var temp1 = fName.replace("../pics/","20");
var title = temp1.replace("_", " ");

myWindow=window.open('','','width=500,height=700, scrollbars=yes');
myWindow.document.write("<link rel='stylesheet' type='text/css' href='../css/popUpStyle.css'/>")
myWindow.document.write("<div class='popUp'>")
myWindow.document.write("<p><img src="+fName+" width='100%'/></p>")
myWindow.document.write("</div>");
myWindow.document.write("<div><p>"+title+"</p></div>")
myWindow.focus();	
}

function openPainting(fName)
{

	
var temp1 = fName.replace("../pics/","20");
var title = temp1.replace("_", " ");

var newImg = new Image();
    newImg.src = fName;
    var height = newImg.height;
    var width = newImg.width;
	newImg.load();
  p = $(newImg).ready(function(){
     return {width: newImg.width, height: newImg.height};
   });
    alert(p[0]['width']+" "+p[0]['height']);

/*
myWindow=window.open('','','width=900,height=700, scrollbars=yes');
myWindow.document.write("<link rel='stylesheet' type='text/css' href='../css/popUpStyle.css'/>")
myWindow.document.write("<div class='popUp'>")
myWindow.document.write("<p><img src="+fName+" width='100%'/></p>")
myWindow.document.write("</div>");
myWindow.document.write("<div><p>"+title+"</p></div>")
myWindow.focus();	*/
}