var imagePath = "";
var imageVOArray;

var container;
var countdownHolder;
var messageHolder;
var thumbnailHolder;
var largeImageHolder;

var resConfigVO;

function getImageVOArray() {
	var ia = new Array();
	ia.push(new ImageVO("thumb0_sm.png","thumb0_lg.png","large0.jpg"));
	ia.push(new ImageVO("thumb1_sm.png","thumb1_lg.png","large1.jpg"));
	ia.push(new ImageVO("thumb2_sm.png","thumb2_lg.png","large2.jpg"));
	ia.push(new ImageVO("thumb3_sm.png","thumb3_lg.png","large3.jpg"));
	ia.push(new ImageVO("thumb4_sm.png","thumb4_lg.png","large4.jpg"));
	ia.push(new ImageVO("thumb5_sm.png","thumb5_lg.png","large5.jpg"));
	ia.push(new ImageVO("thumb6_sm.png","thumb6_lg.png","large6.jpg"));
	return ia;
}

function ImageVO(thumbnailSm,thumbnailLg,largeImage) {
	this.thumbnailOff = imagePath + thumbnailSm;
	this.thumbnailOn = imagePath + thumbnailLg;
	this.largeImage = imagePath + largeImage;
	this.thumbnailOffImg = new Image();
	this.thumbnailOffImg.src = this.thumbnailOff;
	this.thumbnailOnImg = new Image();
	this.thumbnailOnImg.src = this.thumbnailOn;
}

function nothing() {}

var thumbnailTemplate = "<a name=\"thumbs\" href=\"javascript:nothing()\"><img src=\"<<imagePath>>\" border=\"0\" /></a>";
var thumbNavArr = new Array();

function placeThumbnails() {
	var ia = imageVOArray;
	var html = "";
	for (var i=0; i<ia.length; i++) {
		var tt = thumbnailTemplate;
		tt = tt.replace(/<<imagePath>>/,ia[i].thumbnailOff);
		tt = tt.replace(/<<index>>/,i);
		html += tt;
	}
	thumbnailHolder.innerHTML = html;
	var thumbArr = document.getElementsByName("thumbs");
	for (var i=0; i<thumbArr.length; i++) {
		var obj = new ThumbObj(thumbArr[i],ia[i],i);
		thumbNavArr.push(obj);
	}
}

var currentMain = null;

function ThumbObj(obj,vo,index) {
	this.link = obj;
	this.vo = vo;
	this.index = index;
	this.setEvents();
}

ThumbObj.prototype.setEvents = function() {
	var callback = this;
	this.link.onmouseup = function() {
		callback.act();
	}
}

ThumbObj.prototype.act = function() {
	if (currentMain != this) {
		placeLargeImage(this.index);
		this.link.innerHTML = "<img src=\""+ this.vo.thumbnailOn +"\" border=\"0\" />";
		if (currentMain != null) {
			currentMain.inAct();
		}
		currentMain = this;
	}
}

ThumbObj.prototype.inAct = function() {
	this.link.innerHTML = "<img src=\""+ this.vo.thumbnailOff +"\" border=\"0\" />";
}

function placeLargeImage(index) {
	largeImageHolder.style.backgroundImage = "url("+ imageVOArray[index].largeImage +")";
}

function placeMessage(daysLeft) {
	if (daysLeft > 0) {
		messageHolder.innerHTML = "<img src=\""+ imagePath +"messageCountdown.png\" />";
	} else {
		messageHolder.innerHTML = "<img src=\""+ imagePath +"messageLaunch.png\" />";
	}
}

function placeCountdown(daysLeft) {
	var path = imagePath + "days_"+ daysLeft.toString() +".png";
	countdownHolder.innerHTML = "<img src=\""+ path +"\" />";
}

function arrow(dir) {
	var currentIndex = currentMain.index;
	var newIndex = currentIndex + dir;
	if (newIndex < 0) {
		newIndex = thumbNavArr.length-1;
	}
	if (newIndex >= thumbNavArr.length) {
		newIndex = 0;
	}
	thumbNavArr[newIndex].act();
}

function main(daysLeft,path) {
	imagePath = path;
	imageVOArray = getImageVOArray();
	container = document.getElementById("container");
	countdownHolder = document.getElementById("countdownHolder");
	messageHolder = document.getElementById("messageHolder");
	thumbnailHolder = document.getElementById("thumbnailHolder");
	largeImageHolder = document.getElementById("largeImageHolder");
	placeCountdown(daysLeft);
	placeMessage(daysLeft);
	placeThumbnails();
	if (thumbNavArr[imageVOArray.length-daysLeft-1]) {
		thumbNavArr[imageVOArray.length-daysLeft-1].act();
	}
	buttonAccess(); // Instantiate Rollover
}
function buttonAccess() {
	/*
		Original Code Base From:
		Standards Compliant Rollover Script
		Author : Daniel Nolan
		http://www.bleedingego.co.uk/webdev.php
		
		Modified for use with this site
	*/
	buttonHolder = document.getElementById("linkHolder");
	
	var rolloverSuffix = "_ovr";
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = buttonHolder.getElementsByTagName('img');
	
	for (var i = 0; i< aImages.length; i++) {
		var src = aImages[i].getAttribute('src');
		var ftype = src.substring(src.lastIndexOf('.'), src.length);
		var hsrc = src.replace(ftype, rolloverSuffix+ftype);

		aImages[i].setAttribute('hsrc', hsrc);
		
		aPreLoad[i] = new Image();
		aPreLoad[i].src = hsrc;
		
		aImages[i].onmouseover = function() {
			sTempSrc = this.getAttribute('src');
			this.setAttribute('src', this.getAttribute('hsrc'));
		}	
		
		aImages[i].onmouseout = function() {
			if (!sTempSrc) sTempSrc = this.getAttribute('src').replace(rolloverSuffix+ftype, ftype);
			this.setAttribute('src', sTempSrc);
		}
	}
	
}