// JScript source code

var thumbnailer={
enableTitle: true,
enableAnimation: true,
definefooter: '<div id="footerbar" class="footerbar"><div id="ImageCount"></div>CLOSE X</div>',
defineLoading: '<img src="images/loading.gif" /> Loading Image...',
scrollbarwidth: 16,
opacitystring: 'filter:progid:DXImageTransform.Microsoft.alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1',
targetlinks:[],
ImageArea: document.getElementById("ImageArea"),
CaptionArea: document.getElementById("CaptionArea"),


cleanup:function(){
this.thumbLoading=null
if (this.featureImage) this.featureImage.onload=null
this.featureImage=null
this.thumbImage=null
for (var i=0; i<this.targetlinks.length; i++)
this.targetlinks[i].onclick=null
this.thumbBox=null
},


dotask:function(target, functionref, tasktype){
var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)
},


loadimage:function(link){
this.ImageArea = document.getElementById("ImageArea");
this.CaptionArea = document.getElementById("CaptionArea");

	if (this.enableTitle && link.getAttribute("title") && this.CaptionArea != null)
	{ this.CaptionArea.innerHTML = link.getAttribute("title"); }
	
	if (this.ImageArea != null)
	{ this.ImageArea.src = link.getAttribute("href"); }
	
},

init:function()
{
	if (!this.enableAnimation)
	{ this.opacitystring=""; }

	var pagelinks=document.getElementsByTagName("a");
	var count = 0;
	var defaultTitle = "";
	var defaultHref = "";
	
	for (var i=0; i<pagelinks.length; i++)
	{
		var pageLink = pagelinks[i].getAttribute("rel");

		if (pageLink != null && pageLink == "thumbnail")
		{ 
			pagelinks[i].onclick=function()
			{
				//thumbnailer.stopanimation()
				thumbnailer.loadimage(this);
				return false;
			}
			
		this.targetlinks[this.targetlinks.length] = pagelinks[i];

		if (count == 0)
		{ 
			defaultHref = pagelinks[i].getAttribute("href");
			defaultTitle = pagelinks[i].getAttribute("title");			
		}
		
		count++;
		}
	}
	
	this.loadimagemanually(defaultTitle, defaultHref);
},

loadimagemanually:function(Title, Href){
	this.ImageArea = document.getElementById("ImageArea");
	this.CaptionArea = document.getElementById("CaptionArea");

	if (this.enableTitle && Title && this.CaptionArea != null)
	{ this.CaptionArea.innerHTML = Title; }
	
	if (this.ImageArea != null)
	{ this.ImageArea.src = Href; }
	
}

}

thumbnailer.dotask(window, function(){thumbnailer.init()}, "load");
thumbnailer.dotask(window, function(){thumbnailer.cleanup()}, "unload");