/*
	THUMBNAILS JAVASCRIPT API
	This file is used to generate thumbnails
	Created by : Bernard, 23 Oct 2007 (bernard@cystec.com)
	Revised : 2
*/

var LThumbs = new Array();
var ThumbsCol = 3; // total thumbnail display in one row, default is 3 thumbnails
var ThumbTblWidth = 400; // thumbnail table width, default is 500px
var ThumbSeparatorHeight = 0; // separator between larger thumbnail and smaller thumbnails

function Thumbnail(thumbSmall, thumbLarge, thumbDesc)
{
	this.thumbSmall = thumbSmall;
	this.thumbLarge = thumbLarge;
	this.thumbDesc = thumbDesc;
}
 
function addThumbnails(Id, thumbSmall, thumbLarge, thumbDesc)
{
	LThumbs[Id] = new Thumbnail(thumbSmall, thumbLarge, thumbDesc);
}

function thumbLarge(Id)
{
	var TLI = document.getElementById('thumbLargeImg');
	with (TLI)
	{
		src = LThumbs[Id].thumbLarge;
		alt = LThumbs[Id].thumbDesc;
		title = LThumbs[Id].thumbDesc;
	}
	
	var TLT = document.getElementById('thumbLargeText');
	TLT.innerHTML = '<br>' + LThumbs[Id].thumbDesc;
}

function showThumbnails(divObj, defaultThumb)
{
	var DT = document.getElementById(divObj);
	
	defaultThumb = (defaultThumb)?defaultThumb:1;
	
	var Tbl = document.createElement('table');
	with (Tbl)
	{
		className = "ThumbTbl";
		width = ThumbTblWidth;
		border = 0;
	}
	
	var Tbody = document.createElement('tbody');	
	var Tr = document.createElement('tr');
	var Td = document.createElement('td');
	with (Td)
	{
		align = "center";
		colSpan = ThumbsCol;	
	}
	
	// display larger thumbnail
	var Img = document.createElement('img');
	var Fnt = document.createElement('font');
	
	with (Fnt)
	{
		innerHTML = "<br>" + LThumbs[defaultThumb].thumbDesc;
		className = "ThumbLargeText";
		id = "thumbLargeText";
	}
	
	with (Img)
	{
		src = LThumbs[defaultThumb].thumbLarge;
		className = "ThumbLarge";
		alt = LThumbs[defaultThumb].thumbDesc;
		title = Img.alt;
		id = "thumbLargeImg";	
	}
		
	Td.appendChild(Img);
	Td.appendChild(Fnt);
	Tr.appendChild(Td);
	Tbody.appendChild(Tr);
	
	// display separator between larger thumbnail and smaller thumbnails	
	var Tr = document.createElement('tr');
	var Td = document.createElement('td');
	Td.colSpan = ThumbsCol;
	var Img = document.createElement('img');
	with (Img)
	{
		src = "http://www.streetdirectory.com.au/sd_new/images/blank.gif";
		width = 1;
		height = ThumbSeparatorHeight;
	}
	Td.appendChild(Img);
	Tr.appendChild(Td);
	Tbody.appendChild(Tr);
	
	// display smaller thumbnails
	var Tr = document.createElement('tr');
	for (var i=1; i<LThumbs.length; i++)
	{
		var Fnt = document.createElement('font');
		var Td = document.createElement('td');
		Td.wordWrap = true;
		var Lnk = document.createElement('a');
		var Img = document.createElement('img');
		
		with (Td)
		{
			align = "center";
			width = ThumbTblWidth / ThumbsCol;
			vAlign = "bottom";
			noWrap = true;
		}
		
		with (Lnk)
		{
			className = "ThumbSmallText";
			href = "javascript: thumbLarge(" + i + ");";
			title = LThumbs[i].thumbDesc;
		}
		
		with (Img)
		{
			src = LThumbs[i].thumbSmall;
			border = 0;
			className = "ThumbSmall";
		}
		
		var diff = i % ThumbsCol;
		
		with (Fnt)
		{
			innerHTML = "<br>" + LThumbs[i].thumbDesc;
		}
		
		Lnk.appendChild(Img);
		Lnk.appendChild(Fnt);		
		Td.appendChild(Lnk);
		Tr.appendChild(Td);
		
		if (parseInt(diff) == 0 || (i+1) == LThumbs.length)
		{
			if ((i+1) == LThumbs.length)
			{
				var Tmp = (LThumbs.length - 1) / ThumbsCol;
				var Tmp2 = Math.ceil(Tmp);
				var Tmp3 = (Tmp2 * ThumbsCol) - (LThumbs.length - 1);
				
				for (var j=0; j < Tmp3; j++)
				{
					var Td = document.createElement('td');
					var Fnt = document.createElement('font');
					Fnt.innerHTML = '&nbsp;';
					Td.appendChild(Fnt);
					Tr.appendChild(Td);
				}
			}
			
			Tbody.appendChild(Tr);
			Tr = document.createElement('tr');
		}
	}
	
	Tbl.appendChild(Tbody);
	DT.appendChild(Tbl);
}