function loadGallery()
{
var imageArray=new Array();

imageArray[0]=new Image();

imageArray[1]=new Image();

imageArray[2]=new Image();

imageArray[3]=new Image();

imageArray[4]=new Image();

imageArray[0].src="images/gallerybig1.jpg";

imageArray[1].src="images/gallerybig2.jpg";

imageArray[2].src="images/gallerybig3.jpg";

imageArray[3].src="images/gallerybig4.jpg";

imageArray[4].src="images/gallerybig5.jpg";


var imgArr =document.getElementById('thumbDiv').getElementsByTagName('img');

	for (var i=0;i<imgArr.length;i++)
	{
		imgArr[i].onclick=changeImgBg;
	}

function changeImgBg()
	{
		var tdArr2 =document.getElementById('thumbDiv').getElementsByTagName('img');
		for (var j=0;j<tdArr2.length;j++)
		{
			tdArr2[j].className="pic1";
			
		}
		this.className="pic2";
		
}
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function showImage(imagefile,aimg) {
	
	gbl_img=aimg;
	
	var millisec =500;
	var speed = Math.round(millisec / 100);
	var timer = 0;
	//make image transparent
	changeOpac(0, 'mainImage');
	//make new image
	
	document.getElementById('mainImage').src = '';
	document.getElementById('mainImage').src = "images/ajax-loader.gif";
	document.getElementById('mainImage').src = imagefile;
	
	var strimg=document.getElementById('mainImage').src
	//var test123=strimg.replace("http://localhost/girard_ge/", "");
	//document.getElementById('txtimg').value =strimg.replace("http://localhost/girard_ge/", "");
	
	//document.getElementById('mainImage').src = "images/"+imagefile;
	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + 'mainImage' + "')",(timer * speed));
		timer++;
	}
}