// JavaScript Document




var ip = null;
		var arImages = null;
			
		function addLoadEvent(func) {
			var oldonload = window.onload;
			
			if (typeof window.onload != 'function') 
				window.onload = func;
			 else 
			{
				window.onload = function() 
				{
					oldonload();
					func();
				}
			}
		}
		
		addLoadEvent(function()
		{
			var tblThumbs = document.getElementById("thumbs");
			var bigimg = document.getElementById("bigimg");
			
			if (tblThumbs && bigimg)
			{
				var aImages = tblThumbs.getElementsByTagName("A");
				arImages = new Array(aImages.length*2+1);
				
				var imgCtr = 0;
				
				for (ctr=0;ctr<aImages.length;ctr++)
				{
					var imageTag = aImages[ctr].getElementsByTagName("IMG")[0];
					 
					arImages[imgCtr] 	= imageTag.src;
					arImages[imgCtr+1] 	= imageTag.src.replace("__thumb","__large");
					  
					imgCtr=imgCtr+2;
				}
				
				ip = new ImagePreloader(arImages, onPreload);
			}
		})
		 
		function onPreload(Images)
		{
			arImages = Images;
			 
			var tblThumbs = document.getElementById("thumbs");
			var aImages = tblThumbs.getElementsByTagName("A");
			var imgCtr = 0;
			
			for (ctr=0;ctr<aImages.length;ctr++)
			{
				var imageTag = aImages[ctr].getElementsByTagName("IMG")[0];
				
				if(window.addEventListener){ // Mozilla, Netscape, Firefox
					imageTag.addEventListener('mouseover', changeBigImage, false);
					imageTag.addEventListener('click', changeBigImage, false);
					imageTag.overState = imgCtr+1;
				 
				} else { // IE
					imageTag.attachEvent('onmouseover', changeBigImage);
					imageTag.attachEvent('onclick', changeBigImage);
					 
					imageTag.overState = imgCtr+1;
				}
				
				imageTag.hyperlnk = aImages[ctr].href;
				
				aImages[ctr].href
				 
				imgCtr=imgCtr+2;
			}
		}
		
		function changeBigImage(evt)
		{
			var e_out;
			var ie_var = "srcElement";
			var moz_var = "target";
			var prop_var = "overState";
			var bigImage = null;

			evt[moz_var] ? e_out = evt[moz_var][prop_var] : e_out = evt[ie_var][prop_var];
			 
			if(window.addEventListener){ // Mozilla, Netscape, Firefox
				bigImage =  document.getElementById("bigimg").childNodes[0].childNodes[0]; 
				bigImage.alt = evt.target.alt;
				bigImage.parentNode.href = evt.target.hyperlnk;
			}
			else { // IE
				bigImage = document.getElementById("bigimg").children[0].children[0];
				if (event.srcElement.alt!=null)
					bigImage.alt = event.srcElement.alt;

				bigImage.parentElement.href = event.srcElement.hyperlnk;
			}
			 
			bigImage.src = arImages[e_out].src;
		}

	function ImagePreloader(images, callback)
	{
	   	// store the call-back
	   	this.callback = callback;
	
	   	// initialize internal state.
		this.nLoaded = 0;
		this.nProcessed = 0;
		this.aImages = new Array;
	
		// record the number of images.
		this.nImages = images.length;
		
		// for each image, call preload()
		for ( var i = 0; i < images.length; i++ ) 
	      this.preload(images[i]);
	}
	
	ImagePreloader.prototype.preload = function(image)
	{	
	   	// create new Image object and add to array
	   	var oImage = new Image;
	   	this.aImages.push(oImage);
	
	   	// set up event handlers for the Image object
	   	oImage.onload = ImagePreloader.prototype.onload;
	   	oImage.onerror = ImagePreloader.prototype.onerror;
	   	oImage.onabort = ImagePreloader.prototype.onabort;

	   	// assign pointer back to this.
	   	oImage.oImagePreloader = this;
	   	oImage.bLoaded = false;
 
	   	// assign the .src property of the Image object
		oImage.src = image;
	}
	
	ImagePreloader.prototype.onComplete = function()
	{
	   this.nProcessed++;
	   if ( this.nProcessed == this.nImages )
		  this.callback(this.aImages, this.nLoaded);
	}
	
	ImagePreloader.prototype.onload = function()
	{
	   this.bLoaded = true;
	   this.oImagePreloader.nLoaded++;
	   this.oImagePreloader.onComplete();
	}
	
	ImagePreloader.prototype.onerror = function()
	{
	   this.bError = true;
	   this.oImagePreloader.onComplete();
	}
	
	ImagePreloader.prototype.onabort = function()
	{
	   this.bAbort = true;
	   this.oImagePreloader.onComplete();
	}