function loadGallery() {
		var xmlDoc=null;
		if (window.ActiveXObject)
		{// code for IE
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
		}
		else if (document.implementation.createDocument)
		{// code for Mozilla, Firefox, Opera, etc.
		xmlDoc=document.implementation.createDocument("","",null);
		}
		else
		{
		alert('Your browser cannot handle this script');
		}
		
		if (xmlDoc!=null)
		{
		xmlDoc.async=false;
		xmlDoc.load("gallery.xml");
		
		var x=xmlDoc.getElementsByTagName("image");
		var txt="";
		for (i=0;i<x.length;i++){
			img_name=x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
			img_path=x[i].getElementsByTagName("path")[0].childNodes[0].nodeValue;
			linkTxt="<a href=\"#\" style=\"cursor:hand\" onclick=\"showImg('"+img_path+"','"+img_name+"')\">";
			txt=txt+linkTxt+"<img src=\"/images/gallery/"+img_path+"_th.jpg\" class=\"thumbnail\"></a>";
		}
		
		document.getElementById("sidebar").innerHTML=txt;
		}
	}
	function showImg(imgPath,imgName){
		var newImg = new Image();
		
		newImg.src="/images/gallery/"+imgPath+".jpg";
		newImg.onLoad=imageLoaded(newImg,imgPath,imgName);
		 		
	}
	function imageLoaded(thisImg,imgPath,imgName){
		var height=thisImg.height;
		var width=thisImg.width;
		var imgSize = "";
		if(height>width){
			imgSize="height:500px;";
		}else{
			imgSize="width:500px;";
		}
		document.getElementById("preview_pane").innerHTML="<a href=\"/images/gallery/"+imgPath+".jpg\" rel=\"lightbox\"><img src=\"/images/gallery/"+imgPath+".jpg\" style=\""+imgSize+"\"></a>";
		document.getElementById("preview_name").innerHTML=imgName+"<br /><span style=\"color:#bdc3c6\">Click to see full size</span>";
	}