var imageDirectory = getImageDirectory()

function getImageDirectory(){
	var address = document.URL
	var index = address.lastIndexOf("html")
	address   = address.substring(0, index)
	address  += "images/"	
	return address
}

function leftPane(str){
	document.writeln('<table width="100%" border="0" cellspacing="0" cellpadding="0">')

	document.writeln('<tr><td align="center" bgcolor="#e9aa54" height="30" width="100%">&nbsp;<a class="MenuHeading" href="photo_gallery_menu.htm">Photo Gallery</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_about.htm">&nbsp;About Jalandhar</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_architecture.htm">&nbsp;Architecture</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_artists.htm">&nbsp;Artists</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_colleges.htm">&nbsp;Colleges</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_hospitals.htm">&nbsp;Hospitals</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_market.htm">&nbsp;Market</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_park.htm">&nbsp;Parks</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_religiousplaces.htm">&nbsp;Religious Places</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_sciencecity.htm">&nbsp;Science City</a></td></tr>')

	document.writeln('<tr><td height="25" width="100%"><a class="MenuItem" href="photo_gallery_sports.htm">&nbsp;Sports</a></td></tr>')




	document.writeln('</table>')
}

function CacheImage(ImageSource) { // turns the string into an image object
   var ImageObject = new Image();
   ImageObject.src = ImageSource;
   return ImageObject;
}

function download() {
   if (currentImage.complete) {
   } else{
	   self.Status = "Downloading "+currentImage.src;
	   setTimeout("download()", 100); // checks download status every 100 ms
   }
   return true;
}

function loadThumbnails(array){
	var n = array.length
	var flag = true
	var images = new Array(n)
	for (var i=0; i<n; i=i+1){
		images[i] = CacheImage(imageDirectory+array[i][1])
	}
	for (var i=0; i<n; i=i+1){ 
		if (! images[i].complete) flag = false
    } 
    if (!flag) generateThumbnails(array)
    else setTimeout("generateThumbnails(array)", 1000)
}

function generateThumbnails(array){
	var array = eval(array)
	var n = array.length	
	var images = new Array(n)
	
	for (var i=0; i<n; i=i+1){
		images[i] = CacheImage(imageDirectory+array[i][1])
		images[i].alt = array[i][0]
	}
	
	var str = ''
	str += '\n<center>'
	str += '\n<table class="text" width="80%" cellspacing="2" cellpadding="10" border="0">'
	for (i=0; i<n; i++){
		str += '\n<tr valign="top">'
		str += gererateColumn(images[i], array[i][2])
		
		if (++i<n) str += gererateColumn(images[i], array[i][2])
		else str += '\n<td width="33%">&nbsp;</td>'
		
		if (++i<n) str += gererateColumn(images[i], array[i][2])
		else str += '\n<td width="33%">&nbsp;</td>'
		
		str += '\n</tr>'
	}
	str += '\n</table>\n</center>'
	return str
}

function gererateColumn(image, filename){
	var f = "fullView('"+image.alt+"', '"+filename+"')"
	var str = ''
	str += '\n<td width="33%">'
	str += '<a title="Click here to view image in full size" href="javascript:void()" onClick="return '+f+'">'
	str += '<img src="'+image.src+'" alt="Click here to view it in full size" border="0">'
	str += '<br><font class="MenuItem">'+image.alt+'</font></a>'
	str += '</td>'
	return str
}

function fullView(title, filename){
	var image = CacheImage(imageDirectory+filename)
	image.alt = title	
	var w1 = window.open("", "FullView", 'toolbar=0,scrollbars=0,width=460,height=400')
	w1.focus()	
	w1.document.open()
	w1.document.writeln('<html><head><title>'+image.alt+'</title></head>')
	w1.document.writeln('<body marginheight=5 marginwidth=5 topmargin=5 leftmargin=5>')
	w1.document.writeln('<center><img src="'+image.src+'" alt="'+image.alt+'" border="0"></center>')
	w1.document.writeln('<center><font face="Verdana" size="2"><b>'+image.alt+'</b></font></center>')
	w1.document.writeln('<center><a href="javascript:self.close()" title="Close this window"><font face="arial" size="2">Close Window</font></a></center>')
	w1.document.writeln('</body></html>')
	w1.document.close()
//	w1.resizeTo(image.width, image.height)
	return false;
}

function changeLayerContent(option){
	var contentlayer;
	var msgstring = generateThumbnails(option)
	
	if(document.layers){
	 	//thisbrowser="NN4";
		contentlayer = document.layers["content"];
		contentlayer.document.open();
		contentlayer.document.write(msgstring);
		contentlayer.document.close();
	}
	if(document.all){
		//thisbrowser="ie"
		contentlayer = document.all["content"];
		contentlayer.innerHTML=msgstring;
	}
	if(!document.all && document.getElementById){
		//thisbrowser="NN6";
		contentlayer = document.getElementById("content");
		contentlayer.innerHTML =msgstring;
	}
}