//// This function assumes that all the paintings for all the galleries live in "images/Paintings"//function fullsize( name ) {  // console.log("index = %d", index );  var url = window.location.href.replace(/sarah.*/, "") + "images/Paintings/Gallery/" + encodeURIComponent(name) + ".jpg";  var content = '<html>';  content += '<head><link rel="stylesheet" type="text/css" href="style.css"/>';  content += '<script type="text/javascript" language="Javascript" src="images.js" ></script></head>';  content += '<body class="paintings" style="text-align:center;" onload="centerDiv()")>';  content += '<div id="outerDiv" style="visibility: hidden; margin-top: 20px; width: 600px" >';  content += '<div id="box" class="outerpair1"><div class="outerpair2"><div class="shadowbox"><div class="innerbox">';  content += '<img id="image" title="' + name + '" src="' + url + '">';  content += '</div></div></div></div>';  content += '<div class="name" style="clear: left;">' + name + '</div>';  content += '</div>';  content += '</body>';  content += '</html>';   var d = window.document;  d.write( content );  d.close();}function centerDiv() {  var d = window.document;  var boxWidth = d.getElementById( "image" ).clientWidth;  var div = d.getElementById( "outerDiv" );  if ( ! document.all ) {	div.style.marginLeft = (d.body.clientWidth - boxWidth) / 2 + "px";  }  div.style.width = boxWidth;  div.style.visibility = "visible";  return false;}function hl ( evt ) {  evt = (evt) ? evt : ((event) ? event : null);  if (evt) {	var target = (evt.target) ? evt.target : evt.srcElement;	target.style.border = "black solid 1px";	target.style.margin = "3px";  }}function unhl ( evt ) {  evt = (evt) ? evt : ((event) ? event : null);  if (evt) {	var target = (evt.target) ? evt.target : evt.srcElement;	target.style.border = "black 0px";	target.style.margin = "4px";  }  target.style.border = "black 0px";  target.style.margin = "4px";}function addImages( imageArray ){	var content = "";  //console.log( "adding %d images", imageArray.length );		for ( var i = 0 ; i < imageArray.length ; i++ ) {		var name = imageArray[i][0];		var size = imageArray[i][1];		var safeName = name.replace( "'", "\\'");	// quotes in a name need quoting		content += '<div class="painting">';		content += '<div class="outerpair1"><div class="outerpair2"><div class="shadowbox"><div class="innerbox">';		content += '<img  class="thumb" alt="' + name +'" title="' + name + '" src="../images/Paintings/Thumbs/' +					encodeURIComponent( name ) + '.jpg"' +					'onclick="fullsize(\''+ safeName + '\')" onmouseover="hl(event)" onmouseout="unhl(event)">';		content += '</div></div></div></div>';		content += '<span class="name">' + name + '</span><br/><hr/>';		content += '<span class="size">' + size + '</span>';		content += '</div>';	}	//window.document.all.galleryContent.innerHTML = content;	var div = window.document.getElementById( "galleryContent" );	div.innerHTML = content;}