// JavaScript Document
var thisFolioRoot = "thisfolio";
var fullImageDir = "fi/";
var thumbsImageDir = "ti/";
var copyline = "© eatBute 2009";
var thumbcols = 4;
var thumbrows = 2;

/* FUNCTION TO GET PROJECT IMAGE BY PAGE NUMBER */	
var getImage = function(thisFolioNum, thisImageNum) {	
var thisTitle = getFolioTitle(thisFolioNum);
var thisImageFolio = eval(thisFolioRoot + thisFolioNum);
var thisHTML = "<img src=\"" + fullImageDir + thisImageFolio[thisImageNum] + "\" alt=\"\" \/>";
thisHTML = "<table><tr><td class='full'><a href='Javascript:getThumbs(" + thisFolioNum + ");'>" + thisHTML + "<\/a><\/td><\/tr><\/table>";
//thisHTML = thisTitle + thisHTML; 
thisNavHTML = getNavHTML(thisFolioNum, thisImageNum);
thisHTML = thisHTML + thisNavHTML; 

var thisImageArea = YAHOO.util.Dom.get("image_area");
thisImageArea.innerHTML = thisHTML;
	};
	
var getNavHTML = function(thisFolioNum, thisImageNum) {
var thisImageFolio = eval(thisFolioRoot + thisFolioNum);
var thisimageCount = "<div id='imageCount'>" + (thisImageNum+1) + " \/ " + thisImageFolio.length + "<\/div>";
var thisimageTitle = getImageTitle(thisFolioNum, thisImageNum);
var thisPrev = "&lt; prev";
if (thisImageNum > 0) { thisPrev = "<a href='Javascript:getImage(" + thisFolioNum + "," + (thisImageNum - 1) + ")'>&lt; prev<\/a>";}
thisNext = "next &gt;";
if (thisImageNum < (thisImageFolio.length - 1)) {thisNext = "<a href='Javascript:getImage(" + thisFolioNum + "," + (thisImageNum + 1) + ")'>next &gt;<\/a>";}
var thisimageNav = "<div id='imageNav'>" + thisPrev + " | " + thisNext + "<\/div>";
thisNavHTML = "<div id='image_nav'>" + thisimageCount + thisimageTitle + thisimageNav + "<\div>";
return thisNavHTML;
};
	
var getThumbs = function(thisFolioNum) {
setSelected("left_menu", "thisItem" + thisFolioNum , "active");
var thisSelectFolio = thisFolioRoot + thisFolioNum;
//alert(thisSelectFolio);
var thisImageFolio = eval(thisFolioRoot + thisFolioNum);
//var thisImageFolio = thisFolioRoot + thisFolioNum;
var thisTitle = getFolioTitle(thisFolioNum);
var thisHTML =  thisTitle + "<ol id='thumbs'>";
	for (var i=0;i<thisImageFolio.length;i++) {
		
	thisHTML =  thisHTML + "<li><table><tr><td class='thumbs'><a href='Javascript:getImage(" + thisFolioNum + ", " + i + ");'><img src='" + thumbsImageDir + thisImageFolio[i] + "' alt='" + copyline + "' \/><\/a><\/td><\/tr><\/table><\/li>";	
	}
var thisgrid = thumbrows * thumbcols;
	if (thisgrid > thisImageFolio.length) { var thisExtraCells = thisgrid-thisImageFolio.length;}
	else {var thisExtraCells = (thumbcols - (thisImageFolio.length % thumbcols));}
		for (var i=0;i<(thisExtraCells);i++) {	
	thisHTML =  thisHTML + "<li class='noborder'><table><tr><td class='thumbs'><\/td><\/tr><\/table><\/li>";	
	}
thisHTML =  thisHTML + "<\ol><!--<div class='clear_all'><\/div>-->";	
var thisImageArea = YAHOO.util.Dom.get("image_area");
thisImageArea.innerHTML = thisHTML;
		};
		
function getFolioTitle(thisFolioNum) {
var thisTitle = eval("thistitle" + thisFolioNum);	
thisTitle = "<h1>" + thisTitle + "<\/h1>";
return thisTitle;
	}
	
function getImageTitle(thisFolioNum, thisImageNum) {
var thisimageTitle = "<div id='imageTitle'><!-- Title here ... --><\/div>";
return thisimageTitle;
	}

// FUNCTION THAT CHECKS THE DOM 
function getObj(name){
if (document.getElementById)
{this.obj = document.getElementById(name);}
else if (document.all)
{this.obj = document.all[name];}
else if (document.layers)
{this.obj = document.layers[name];}
}


function doAddClass(theObject, theAction) {
	var thisDiv = new getObj(theObject);
	thisDiv.obj.className = theAction;
}

function setSelected(reqElement, reqID, reqClass) {
var el = document.getElementById(reqElement);
var thisList = el.getElementsByTagName('li');
//if (reqID != "Folio") {
for (var i=0;i<thisList.length;i++) {thisList[i].className = "";}
//if (reqElement == "top_nav") {thisList[0].className = "nav_first";}
//}
//alert(reqID);
doAddClass(reqID, reqClass);
}	

YAHOO.util.Event.onDOMReady (function () {
									   
		getThumbs(4);
})