function getGallerypageGalleries() {
   var myGalleryXML, titles, dates;
   var displaytxt="";

	if (window.ActiveXObject) {	myGalleryXML=new ActiveXObject("Microsoft.XMLDOM"); }
	// code for Mozilla, Firefox, Opera, etc.
	else if (document.implementation && document.implementation.createDocument) { myGalleryXML= document.implementation.createDocument("", "", null); }
	// no good browser found
	else { alert ("Failed to load XML data source!"); }
	myGalleryXML.async=false;
	myGalleryXML.load("_database/gallery.xml"+"?xml="+Math.ceil(Math.random()*10000001));

   //Put the <name> element into an object.
   
   titles=myGalleryXML.getElementsByTagName("title");
   dates=myGalleryXML.getElementsByTagName("date");
   
   //Extract the different values using a loop.
   for(var counter=0;counter<titles.length;counter++) {
	  displaytxt += "<p class='floatleftnormal'><a class='normal' href='javascript:ShowGallery(" + counter + ")'>" + titles.item(counter).firstChild.nodeValue + "</a><br /><i>" + dates.item(counter).firstChild.nodeValue + "</i></p>";
   }
   
   document.getElementById("GalleryMenu").innerHTML=displaytxt;   
 
} 

function ShowGallery(GalleryNumber) {

   var myGalleryXML, titles, titles, galleryimages, images, thumbnails, imagetitle, imagedescriptions;
   imageObj = new Image();
   
	if (window.ActiveXObject) {	myGalleryXML=new ActiveXObject("Microsoft.XMLDOM"); }
	// code for Mozilla, Firefox, Opera, etc.
	else if (document.implementation && document.implementation.createDocument) { myGalleryXML= document.implementation.createDocument("", "", null); }
	// no good browser found
	else { alert ("Failed to load XML data source!"); }
	myGalleryXML.async=false;
	myGalleryXML.load("_database/gallery.xml"+"?xml="+Math.ceil(Math.random()*10000001));

   //Put the <name> element into an object.
      
   titles=myGalleryXML.getElementsByTagName("title");
   dates=myGalleryXML.getElementsByTagName("date");

   galleryimages=myGalleryXML.getElementsByTagName("images").item(GalleryNumber).getElementsByTagName("image");  
   var totalimages=galleryimages.length; 	   
	
   //Extract the different values using a loop.
   var detailstxt=""; 
   detailstxt += "<h2>" + titles.item(GalleryNumber).firstChild.nodeValue + "</h2><p class='normal'><i>" + dates.item(GalleryNumber).firstChild.nodeValue + "</i></p>";

   for(var counter=0;counter<totalimages;counter++) {
		imageObj.src="_images/gallery/" + galleryimages.item(counter).getElementsByTagName("imagefile").item(0).firstChild.nodeValue;
		detailstxt += "<div class='GalleryImageContainer'><table class='imagecontainer'><tr><td class='imagetopleft'></td><td class='imagetop'></td><td class='imagetopright'></td></tr><tr><td class='imageleft'></td><td class='imagecentercontent'><a href='javascript:ShowImage(" + GalleryNumber + "," + counter + ")'><img class='GalleryImage' src='_images/gallery/" + galleryimages.item(counter).getElementsByTagName("thumbnail").item(0).firstChild.nodeValue + "' /></a></td><td class='imageright'></td></tr><tr><td class='imagebottomleft'></td><td class='imagebottom'></td><td class='imagebottomright'></td></tr></table></div>";
	}
   document.getElementById("GalleryContainer").innerHTML=detailstxt;



	document.getElementById('GalleryMenu').style.height="auto";
	if (document.getElementById('GalleryMenu').offsetHeight<document.getElementById('GalleryContainer').offsetHeight) {
		document.getElementById('GalleryMenu').style.height=document.getElementById('GalleryContainer').offsetHeight;
	}
	else {
		document.getElementById('GalleryMenu').style.height="auto";
	}
}

function ShowImage(GalleryNumber,ImageNumber) {


   var myImageXML, galleryimages, images, imagetitle, imagedescriptions;
   
	if (window.ActiveXObject) {	myImageXML=new ActiveXObject("Microsoft.XMLDOM"); }
	// code for Mozilla, Firefox, Opera, etc.
	else if (document.implementation && document.implementation.createDocument) { myImageXML= document.implementation.createDocument("", "", null); }
	// no good browser found
	else { alert ("Failed to load XML data source!"); }
	myImageXML.async=false;
	myImageXML.load("_database/gallery.xml"+"?xml="+Math.ceil(Math.random()*10000001));

   //Put the <name> element into an object.
      
   galleryimages=myImageXML.getElementsByTagName("images").item(GalleryNumber).getElementsByTagName("image");  
   var totalimages=galleryimages.length;
   	
	var ImageContent=""
	ImageContent += "<p style='font-size: 8pt; text-align: right; color: #777; margin: 0px; margin-bottom: 5px; padding: 0px;'>Click on the image to close this window</p>";
	
	ImageContent += "<img id='OverlayImage' class='LargeImage' src='_images/gallery/" + galleryimages.item(ImageNumber).getElementsByTagName("imagefile").item(0).firstChild.nodeValue + "' />";
	
	ImageContent += "<p class='normal'><b>" + galleryimages.item(ImageNumber).getElementsByTagName("imagetitle").item(0).firstChild.nodeValue;
	ImageContent += "</b><br />" + galleryimages.item(ImageNumber).getElementsByTagName("imagedescription").item(0).firstChild.nodeValue + "</p>";
		
	document.getElementById('light').innerHTML=ImageContent;

	document.getElementById('fade').style.display='block';
	document.getElementById('light').style.display='block';

	MoveShadow();

}

function ShowPhoto(loc) {
 	
	var ImageContent=""
	ImageContent += "<p style='font-size: 8pt; text-align: right; color: #777; margin: 0px; margin-bottom: 5px; padding: 0px;'>Click on the image to close this window</p>";
	
	ImageContent += "<img id='OverlayImage' class='LargeImage' src='" + loc + "' />";
	
	document.getElementById('light').innerHTML=ImageContent;

	document.getElementById('fade').style.display='block';
	document.getElementById('light').style.display='block';

	MoveShadow();

}
function MoveShadow() {


	  var myWidth = 0, myHeight = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
		    //Non-IE
		    myWidth = window.innerWidth;
		    myHeight = window.innerHeight;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		    //IE 6+ in 'standards compliant mode'
		    myWidth = document.documentElement.clientWidth;
		    myHeight = document.documentElement.clientHeight;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	    //IE 4 compatible
		    myWidth = document.body.clientWidth;
		    myHeight = document.body.clientHeight;
	  }


	var YOff=document.documentElement.scrollTop;
	var XOff=document.documentElement.scrollLeft;
	
	var divWidth=document.getElementById('light').offsetWidth;
	var divHeight=document.getElementById('light').offsetHeight;	
	

	document.getElementById('light').style.left=((myWidth-divWidth)/2)+XOff;
	document.getElementById('light').style.top=((myHeight-divHeight)/2)+YOff;
	
}

function HideImage() {

	document.getElementById('light').style.display='none';
	document.getElementById('fade').style.display='none'
}