/********* Gallery.js ***********/
	var gallery_images = new Array();
	var thumbnails = new Array();

function setup(){

	thumbnails[0] = 'thumb00.jpg';
	thumbnails[1] = 'thumb01.jpg';
	thumbnails[2] = 'thumb02.jpg';
	thumbnails[3] = 'thumb03.jpg';
	thumbnails[4] = 'thumb04.jpg';
	thumbnails[5] = 'thumb05.jpg';
	thumbnails[6] = 'thumb06.jpg';
	thumbnails[7] = 'thumb07.jpg';
	thumbnails[8] = 'thumb08.jpg';
	thumbnails[9] = 'thumb09.jpg';
	thumbnails[10] = 'thumb10.jpg';
	thumbnails[11] = 'thumb11.jpg';
	thumbnails[12] = 'thumb12.jpg';
	thumbnails[13] = 'thumb13.jpg';
	thumbnails[14] = 'thumb14.jpg';
	thumbnails[15] = 'thumb15.jpg';
	thumbnails[16] = 'thumb16.jpg';
	thumbnails[17] = 'thumb17.jpg';
	thumbnails[18] = 'thumb18.jpg';
	thumbnails[19] = 'thumb19.jpg';
	thumbnails[20] = 'thumb20.jpg';
	thumbnails[21] = 'thumb21.jpg';
	thumbnails[22] = 'thumb22.jpg';
	thumbnails[23] = 'thumb23.jpg';
	thumbnails[24] = 'thumb24.jpg';
	thumbnails[25] = 'thumb25.jpg';
	thumbnails[26] = 'thumb26.jpg';
	thumbnails[27] = 'thumb27.jpg';
	thumbnails[28] = 'thumb28.jpg';

	generateThumbNails();

	gallery_images[0] = 'image00.jpg';
	gallery_images[1] = 'image01.jpg';
	gallery_images[2] = 'image02.jpg';
	gallery_images[3] = 'image03.jpg';
	gallery_images[4] = 'image04.jpg';
	gallery_images[5] = 'image05.jpg';
	gallery_images[6] = 'image06.jpg';
	gallery_images[7] = 'image07.jpg';
	gallery_images[8] = 'image08.jpg';
	gallery_images[9] = 'image09.jpg';
	gallery_images[10] = 'image10.jpg';
	gallery_images[11] = 'image11.jpg';
	gallery_images[12] = 'image12.jpg';
	gallery_images[13] = 'image13.jpg';
	gallery_images[14] = 'image14.jpg';
	gallery_images[15] = 'image15.jpg';
	gallery_images[16] = 'image16.jpg';
	gallery_images[17] = 'image17.jpg';
	gallery_images[18] = 'image18.jpg';
	gallery_images[19] = 'image19.jpg';
	gallery_images[20] = 'image20.jpg';
	gallery_images[21] = 'image21.jpg';
	gallery_images[22] = 'image22.jpg';
	gallery_images[23] = 'image23.jpg';
	gallery_images[24] = 'image24.jpg';
	gallery_images[25] = 'image25.jpg';
	gallery_images[26] = 'image26.jpg';
	gallery_images[27] = 'image27.jpg';
	gallery_images[28] = 'image28.jpg';
	
	
	loadImage(0);
}

function generateThumbNails(){
   var parent = document.getElementById("thumbnails");
	var html_content = "";
	for (i = 0; i < thumbnails.length; ++i){
		html_content +="<img class='thumbnail' height='48' width='48' src='gallery01/"+thumbnails[i]+"'"+"onclick='loadImage("+i+");'/>";
	}
	parent.innerHTML = html_content;
}

function loadImage(index){
	var image = document.getElementById("main_image");
	image.src = "gallery01/"+gallery_images[index];
}