// JavaScript Document
var okay = false, imgCaption, imgObj, thumbs;

imgObjects = new Array();

function preload() {
	for (i=0; i<imagesArray.length; i++) {
		imgObjects[i] = new Image();
		imgObjects[i].src = imagesArray[i].path
	}
}
	
function swap(num) {
	if (okay) {
		imgObj.setContent("<img src=\"" + imagesArray[num].path + "\" class=\"calLayer\" width=\"" + ((imagesArray[num].rotate)? 240 : 320) + "\" height=\"" + ((imagesArray[num].rotate)? 320 : 240) + "\">");
		imgCaption.setContent("<span class=\"smallTitle\">" + imagesArray[num].caption + "</span>");
		index = num;
		
		writeThumbs();
	}
}

function setImg(dir) {
	index += dir;
	index = (index < 0)? imagesArray.length - 1 : (index >= imagesArray.length)? 0 : index;
	swap(index);
}

function init() {
	preload();
	
	//re = new RolloverEngine();
	imgCaption = new Div("imgCaption");
	imgObj = new Div("imgObj");
	thumbs = new Div("thumbs");
	
	okay = true;
	if (imagesArray.length > 0) {
		swap(0);
		writeThumbs();
	}
	
}

function writeThumbs() {
	var out = "";
	for (i=0; i < imagesArray.length; i++) {
		out += '<a href="#" onclick="swap(' + i + '); index = ' + i + '; return false;" class="imgBtn' + ((index == i)? "On" : "") + '">' + (i+1) + '</a>';
	}	
	
	thumbs.setContent(out);
}

var index = 0