var fading = 0
var currentPosition = 0;

var currentCampaign = document.getElementById("campaign0");
for (var i=0; i<noOfCampaigns; i++)
{
	document.getElementById("campaign" + i).opacityValue = 0;
	document.getElementById("campaign" + i).style.zIndex = 0;
}
currentCampaign.opacityValue = 1;
currentCampaign.style.zIndex = 20

addEvent(window, "load", initCampaignCatwalk);

function initCampaignCatwalk()
{
	var campaignCatwalkNavigation = document.getElementById("campaignCatwalkNavigation");
	if(campaignCatwalkNavigation.getElementsByTagName("li").length > 7)
	{
		var elmBackLink = document.createElement("p");
		elmBackLink.id = "campaignCatwalkNavigationBackLink";
		elmBackLink.onclick = function() {showNext(-1);}
		var elmBackText = document.createTextNode("«");
		elmBackLink.appendChild(elmBackText);
		campaignCatwalkNavigation.appendChild(elmBackLink);
		
		var elmFwdLink = document.createElement("p");
		elmFwdLink.id = "campaignCatwalkNavigationFwdLink";
		elmFwdLink.onclick = function() {showNext(1);}
		var elmFwdText = document.createTextNode("»");
		elmFwdLink.appendChild(elmFwdText);
		campaignCatwalkNavigation.appendChild(elmFwdLink);
	}
	else
	{
		var arrNavigationList = document.getElementById("campaignCatwalkNavigation").getElementsByTagName("li");
		for (var i=0; i<arrNavigationList.length; i++)
		{
			arrNavigationList[i].style.background = "none";
		}
	}
}

function showNext(intInc)
{
	currentPosition += intInc;
	var arrNavigationList = document.getElementById("campaignCatwalkNavigation").getElementsByTagName("ul")[0];
	var arrNavigationListItems = arrNavigationList.getElementsByTagName("li");
	if (intInc > 0)
	{
		arrNavigationList.appendChild(arrNavigationListItems[0]);
	}
	else
	{
		arrNavigationList.insertBefore(arrNavigationListItems[arrNavigationListItems.length-1], arrNavigationListItems[0]);
	}
}

var fadeInObj;
var fadeOutObj;

function fadeIn(boolIn)
{
	fadeInObj.opacityValue += 0.1;
	if(fadeInObj.opacityValue > 1)
		fadeInObj.opacityValue = 1;
	setOpacity(fadeInObj, fadeInObj.opacityValue);
	if(fadeInObj.opacityValue < 0.99)
		fadeInObj.timer = setTimeout( "fadeIn()", 25 );
	else
	{
		fading = false;
		currentCampaign.style.zIndex = 0;
		setOpacity(currentCampaign, 1.0);
		currentCampaign = fadeInObj;
	}
}
				

function setOpacity(elmObject, opacityVal)
{
	elmObject.opacityValue = opacityVal;
	elmObject.style.opacity = opacityVal;
	elmObject.style.filter = "alpha(opacity=" + opacityVal * 100 + ")";
	elmObject.MozOpacity = opacityVal;
	elmObject.KhtmlOpacity = opacityVal;
}


function showCampaign(number)
{
	if(!fading  && document.getElementById("campaign" + number) != currentCampaign)
	{
		
		fading = true;
		
		currentCampaign.style.zIndex = 10;
		fadeInObj = document.getElementById("campaign" + number);
		setOpacity(fadeInObj, 0.0);
		fadeInObj.style.zIndex = 20;

		fadeIn();
		if(document.getElementById("campaign" + number).getElementsByTagName("img")[0].className != "")
			document.getElementById("campaign" + number).getElementsByTagName("img")[0].src = document.getElementById("campaign" + number).getElementsByTagName("img")[0].className;
	}
}

for (var i=0; i<noOfCampaigns; i++)
{
	setOpacity(document.getElementById("campaign" + i), document.getElementById("campaign" + i).opacity);
}

function hover(obj, boolOver)
{
	if(boolOver)
		obj.className = "over";
	else
		obj.className = "";
}