var imageDirectory = getImageDirectory()

function getImageDirectory()
{
	address = "../images/"
	return address
}


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="100%" 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>&nbsp;</td>'
		
		if (++i<n) str += gererateColumn(images[i], array[i][2])
		else str += '\n<td>&nbsp;</td>'
		
		if (++i<n) str += gererateColumn(images[i], array[i][2])
		else str += '\n<td>&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 align="center">'
	str += '<a href="javascript:void()" class="dclrhplink" onClick="return '+f+'">'
	str += '<img src="'+image.src+'" class="drkbdr" alt="Click Here To View It In Full Size" border="0">'
	str += '<br>'+image.alt+'</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,location=0,width=380,height=270')
	w1.focus()	
	w1.document.open()
	w1.document.writeln('<html><head><link rel="stylesheet" href="../css/styles.css" type="text/css" />')
	w1.document.writeln('<title>'+image.alt+'</title></head>')
	w1.document.writeln('<body marginheight=5 marginwidth=5 topmargin=5 leftmargin=5>')
	w1.document.writeln('<table width="80%" align="center" class="drkbdr">')
	w1.document.writeln('<tr><td align="center"><img src="'+image.src+'" alt="'+image.alt+'" ></td></tr></table>')
	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;
	}
}