/*
 * Copyright (c) 2008 NextGenCreation.
 * All rights reserved.
 * 
 * You may not copy or reproduce any part of this file.
 */

var addEvent = function(obj, eventName, func)
{
	if(obj.attachEvent)
		obj.attachEvent("on"+eventName, func);
	else
		obj.addEventListener(eventName, func, false);
}


if(!Array.indexOf)
{
    Array.prototype.indexOf = function(obj)
    {
        for(var i=0; i<this.length; i++)
        {
            if(this[i]==obj) return i;
        }
        return -1;
    }
}

var imagelist = new Array();
var currentImg = "";

var init= function()
{	
	var arr = document.getElementsByTagName("a");
	for(var i=0; i<arr.length; i++)
	{
		if (arr[i].href.indexOf("/images/") >= 0)
		{
			addEvent(arr[i], "click", showPicture);
			if(imagelist.indexOf(arr[i].href) < 0)
				imagelist.push(arr[i].href);
		}
	}
}

var showPicture = function(e)
{
	if(e.preventDefault) e.preventDefault();
	else e.returnValue = false;
	
	var img = null;
	if(e.srcElement)if(e.srcElement.hasChildNodes())img = e.srcElement.href; else img = e.srcElement.parentNode.href;
	else img = this.toString();

	var div = document.createElement("div");
	div.id = "imageviewer";
	document.body.appendChild(div);
	
	var text = "<table summary=\"\" id=\"viewer\"><tbody>";
	text += "<tr><td colspan=\"3\" style=\"text-align:right;height:12px;\"><a href=\"javascript:closeViewer()\"><img src=\"../icones/close_icon.gif\" alt=\"\"</a></td></tr>"
	text += "<tr><td><a id=\"previous\" href=\"javascript:previousImage()\">&lt;</a></td><td>";
	text += "<img id=\"fullimage\" src=\""+img+"\" alt=\"\"/></td><td>";
	text += "<a id=\"next\" href=\"javascript:nextImage()\">&gt;</a></td></tr></tbody></table>";
	div.innerHTML = text;
	
	if(img == imagelist[0])
	{
		document.getElementById("previous").style.visibility = "hidden";
	}
	if(img == imagelist[imagelist.length-1])
	{
		document.getElementById("next").style.visibility = "hidden";
	}
	
	currentImg = img;
	
	img = document.getElementById("fullimage");
	img.style.display = "none";
	addEvent(img, "load", showImg);
	
	document.getElementById("anim").style.visibility = "hidden";
}

var closeViewer = function()
{
	document.getElementById("anim").style.visibility = "visible";
	document.body.removeChild(document.getElementById("imageviewer"));
}

var previousImage = function()
{
	document.getElementById("next").style.visibility = "visible";
	
	var img = document.getElementById("fullimage");
	
	var i = imagelist.indexOf(currentImg);
	if(i > 0) 
	{
		currentImg = img.src = imagelist[i-1];
		img.style.display = "none";
		addEvent(img, "load", showImg);
		if(i == 1) document.getElementById("previous").style.visibility = "hidden";
	}
}

var nextImage = function()
{
	
	document.getElementById("previous").style.visibility = "visible";
	
	var img = document.getElementById("fullimage");
	
	var i = imagelist.indexOf(currentImg);
	if(i < imagelist.length-1)
	{
		currentImg = img.src = imagelist[i+1];
		img.style.display = "none";
		addEvent(img, "load", showImg);
		if(i == imagelist.length-2) document.getElementById("next").style.visibility = "hidden";
	}
}

var showImg = function()
{
	var img = document.getElementById("fullimage");
	img.style.display = "inline";
	document.getElementById("viewer").style.marginTop = (document.height - img.height - 20)/2+"px";
}

addEvent(window, "load", init);