buttons = new Array();
classes = new Array();
var imagetitle;
var teasertitle;
var opacity;
var hiding;
var mainImage;
var imageFader;
var playing = 0;
var targetPos = 0;
/*if(navigator.userAgent.indexOf('MSIE') > 0)
var moveWidth = 744;
else if(navigator.userAgent.indexOf('Firefox') > 0)
var moveWidth = 744;
else*/
var moveWidth = 750;
var imageWidth = 243;
var originalWidth = 0;
var gallery_currentImage = 0;
var gallery_loading;

function activate(myDiv)
{
	getButtons(myDiv);
	sliderDiv = document.getElementById("buttons_container");
	sliderDiv.innerHTML = "<a id='leftButton' onclick='moveLeft()'><span title='Move Left'><small>Move Left</small></span></a><a id='rightButton' onclick='moveRight()'><span title='Move Right'><small>Move Right</small></span></a>"+sliderDiv.innerHTML;
	var activeDiv = document.getElementById(myDiv);
	activeDiv.innerHTML = "<div id='thumbs'><div id='thumbscontainer'></div></div>";
	activeDiv.style.visibility = "visible";
	originalWidth = (imageWidth+4) * buttons.length;
	gallery_loading = setInterval(finishActivate, 10);
	var movingImage = setInterval(moveImages, 30);
	document.write('<style type="text/css">#buttons { visibility:hidden; } #sliderButtons { display:block; }</style>');
	
	var GETDATA = new Array();
	var sGet = window.location.search;
	if (sGet) // if has a value...
	{
		sGet = sGet.substr(1);
		var sNVPairs = sGet.split("&");
		for (var i = 0; i < sNVPairs.length; i++)
		{
			var sNV = sNVPairs[i].split("=");
			var sName = sNV[0];
			var sValue = sNV[1];
			if(sName == "targetpage")
			{
				switch(sValue)
				{
					case "360":
						myIframe = document.getElementById("portalIframe");
						myLink = myIframe.src;
						myLink = myLink.replace('index.htm','index2.htm');
						myIframe.src = myLink;
						break;
				}
	
			}
		}
	}
}

function finishActivate()
{
	if(document.getElementById("leftButton"))
	{
		clearInterval(gallery_loading);
		changeOpac(50, 'leftButton');
		thumbsDiv = document.getElementById("thumbscontainer");
		thumbsDiv.style.marginRight = -originalWidth + "px";
		thumbsDiv.style.marginLeft = "0px";
		thumbHeight = thumbsDiv.offsetHeight - 15;
		var thumbImages = "";
		for(i=0;i<buttons.length;i++)
		{
			thumbImages += "<div class='"+classes[i]+"'>"+buttons[i]+"</div>"
		}
		thumbsDiv.innerHTML += thumbImages;
	}
}

function getButtons(myDiv)
{
	var galleryDiv = document.getElementById(myDiv);
	for(i=0;i<galleryDiv.childNodes.length;i++)
	{
		if(galleryDiv.childNodes[i].nodeName == "DIV")
		{
			buttons.push(galleryDiv.childNodes[i].innerHTML);
			classes.push(galleryDiv.childNodes[i].className);
		}
	}
}

function moveLeft()
{
	currentMargin = thumbsDiv.style.marginLeft;
	currentMargin = parseInt(currentMargin.substring(0,(currentMargin.length-2)));
	var nextPos = targetPos + moveWidth;
	if(nextPos < 0.5)
	{
		targetPos = nextPos;
	}
	else
	{
		targetPos = 0;
	}
}

function moveRight()
{
	currentMargin = thumbsDiv.style.marginLeft;
	currentMargin = parseInt(currentMargin.substring(0,(currentMargin.length-2)));
	var nextPos = targetPos - moveWidth;
	if(targetPos == 0)
	nextPos -= 1;
	if(nextPos > 0 - originalWidth)
	{
		targetPos = nextPos;
	}
}

function moveImages()
{
	if(document.getElementById("thumbscontainer") && document.getElementById("rightButton") && document.getElementById("leftButton"))
	{
		var thumbsDiv = document.getElementById("thumbscontainer");
		currentMargin = thumbsDiv.style.marginLeft;
		currentMargin = parseInt(currentMargin.substring(0,(currentMargin.length-2)));
		if(isNaN(currentMargin))
			currentMargin = 0;
		var changeMargin = 0;
		if(currentMargin != targetPos)
		{
			if(currentMargin - (currentMargin - targetPos)/2 < -2)
			{
				changeMargin = (currentMargin - (currentMargin - targetPos)/2) + "px";
				thumbsDiv.style.marginLeft = changeMargin;
			}
			else
			{
				thumbsDiv.style.marginLeft = targetPos + "px";
			}
		}
		if(currentMargin - moveWidth < 0 - originalWidth)
		{
			changeOpac(50, 'rightButton');
		}
		else if (changeMargin != 0)
		{
			changeOpac(100, 'rightButton');
		}
		if(currentMargin + moveWidth/2 >= 0)
		{
			changeOpac(50, 'leftButton');
		}
		else if (changeMargin != 0)
		{
			changeOpac(100, 'leftButton');
		}
	}
}

function changeOpac(opacity, id)
{
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}