﻿

var MainCache = new Array(); //Cache to hold images

var MainImageID = "largeImg";
var MainLinkID = "main_link";
var TextID = "projTitle";
var ViewMoreID = "bannerLink";
var MainLinkIndex = -1;
var MainItem = 1;
var MainInterval = 0, MainFadeInterval = 0;
var MainFadeLevel = 100;

function MainFadeOut()
{
	if (MainFadeLevel > 0 && document.images[MainImageID].style != null)
	{
		// fade the image
		MainFadeLevel -= 20;
		document.images[MainImageID].style.filter = "alpha(opacity=" + MainFadeLevel + ")";
		//document.images[MainImageID].style.-moz-opacity = "" + MainFadeLevel + "";
		document.images[MainImageID].style.opacity = "0." + MainFadeLevel + "";
		//alert('sddd');
		
		//-moz-opacity: 0.80; 
		//opacity: 0.8;
	}
	else
	{
		// clear the interval and swap the images
		window.clearInterval(MainFadeInterval);
		MainSwapImages();
	}
}

function MainFadeIn()
{
	if (MainFadeLevel < 100 && document.images[MainImageID].style != null)
	{
		// fade the image
		MainFadeLevel += 20;
		document.images[MainImageID].style.filter = "alpha(opacity=" + MainFadeLevel + ")";
		if(MainFadeLevel == 100) {
			document.images[MainImageID].style.opacity = "1";
		} else {
			document.images[MainImageID].style.opacity = "0." + MainFadeLevel + "";
		}
	}
	else
	{
		// clear the interval
		window.clearInterval(MainFadeInterval);

		// reset the timer for the next swap
		window.clearInterval(MainInterval);
		MainInterval = window.setInterval("RotateMain()", MainTimes[MainItem]);
	}
}

function MainSwapImages()
{
	// change the image
	var textlink = document.getElementById(TextID);
	var morelink = document.getElementById(ViewMoreID);
	document.images[MainImageID].src = MainPics[MainItem];
	//document.links[MainLinkIndex].href = MainLinks[MainItem];
	//textlink.href = MainLinks[MainItem];
	//textlink.innerHTML = MainText[MainItem];
	//morelink.href = MainLinks[MainItem];
	//alert(MainLinks[MainItem]);

	MainItem = (MainItem + 1) % MainPics.length;

	// trigger the fade in
	MainFadeInterval = window.setInterval("MainFadeIn()", 30);
}

function RotateMain()
{
	// hunt for the banner link index
	for (i=0; i<document.links.length && MainLinkIndex == -1; i++)
	{
		if (document.links[i].id == MainLinkID)
			MainLinkIndex = i;
	}
	
	// trigger the fade out
	MainFadeInterval = window.setInterval("MainFadeOut()", 30);
}

function InitMain(interval)
{
	for (var i=0; i<MainPics.length; i++)
	{
		MainCache[i] = new Image();
		MainCache[i].src = MainPics[i];
	}

	// start the timer
	window.clearInterval(MainInterval);
	MainInterval = window.setInterval("RotateMain()", MainTimes[MainItem]);
}