var dir = "images/"
if(usePNG8()) {
	dir += "png8/";
}

preload = new Array();
preload[0] = new Image();
preload[0].src = dir+"tcboyle.png";
preload[1] = new Image();
preload[1].src = "images/letterBoxLine.png";


thumb = new Array();
thumb[0] = new Image();
thumb[0].src = dir+"thumb0.png";
thumb[1] = new Image();
thumb[1].src = dir+"thumb1.png";
thumb[2] = new Image();
thumb[2].src = dir+"thumb2.png";

thumbRO = new Array();
thumbRO[0] = new Image();
thumbRO[0].src = dir+"thumb0RO.png";
thumbRO[1] = new Image();
thumbRO[1].src = dir+"thumb1RO.png";
thumbRO[2] = new Image();
thumbRO[2].src = dir+"thumb2RO.png";


book = new Array();
book[0] = new Image();
book[0].src = "images/books/book_1.jpg"
book[1] = new Image();
book[1].src = "images/books/book_2.jpg"
book[2] = new Image();
book[2].src = "images/books/book_3.jpg"
book[3] = new Image();
book[3].src = "images/books/book_4.jpg"
book[4] = new Image();
book[4].src = "images/books/book_5.jpg"
book[5] = new Image();
book[5].src = "images/books/book_6.jpg"
book[6] = new Image();
book[6].src = "images/books/book_7.jpg"
book[7] = new Image();
book[7].src = "images/books/book_8.jpg"
book[8] = new Image();
book[8].src = "images/books/book_9.jpg"
book[9] = new Image();
book[9].src = "images/books/book_10.jpg"


bookRO = new Array();
bookRO[0] = new Image(); 
bookRO[0].src = "images/books/bookRO_1.jpg"
bookRO[1] = new Image();
bookRO[1].src = "images/books/bookRO_2.jpg"
bookRO[2] = new Image();
bookRO[2].src = "images/books/bookRO_3.jpg"
bookRO[3] = new Image(); 
bookRO[3].src = "images/books/bookRO_4.jpg"
bookRO[4] = new Image(); 
bookRO[4].src = "images/books/bookRO_5.jpg"
bookRO[5] = new Image(); 
bookRO[5].src = "images/books/bookRO_6.jpg"
bookRO[6] = new Image(); 
bookRO[6].src = "images/books/bookRO_7.jpg"
bookRO[7] = new Image(); 
bookRO[7].src = "images/books/bookRO_8.jpg"
bookRO[8] = new Image();
bookRO[8].src = "images/books/bookRO_9.jpg"
bookRO[9] = new Image(); 
bookRO[9].src = "images/books/bookRO_10.jpg"


preload[2] = new Image();
preload[2].src = dir+"tcbHeader.png";
preload[3] = new Image();
preload[3].src = dir+"tcbBody.png";
preload[4] = new Image();
preload[4].src = "images/bgOverlay.png";

if(!usePNG8()) {
	var rnd = randomNum(1);
	preload[2].src = dir+"tcbHeader_"+rnd+".png";	
	preload[3].src = dir+"tcbBody_"+rnd+".png";
}


//finish loading hidden images
book[10] = new Image();
book[10].src = "images/books/book_11.jpg"
book[11] = new Image();
book[11].src = "images/books/book_12.jpg"
book[12] = new Image();
book[12].src = "images/books/book_13.jpg"
book[13] = new Image();
book[13].src = "images/books/book_14.jpg"
book[14] = new Image()
book[14].src = "images/books/book_15.jpg"
book[15] = new Image();
book[15].src = "images/books/book_16.jpg"
book[16] = new Image();
book[16].src = "images/books/book_17.jpg"
book[17] = new Image();
book[17].src = "images/books/book_18.jpg"
book[18] = new Image();
book[18].src = "images/books/book_19.jpg"
book[19] = new Image();
book[19].src = "images/books/book_20.jpg"
book[20] = new Image();
book[20].src = "images/books/book_21.jpg"
book[21] = new Image();
book[21].src = "images/books/book_22.jpg"

bookRO[10] = new Image(); 
bookRO[10].src = "images/books/bookRO_11.jpg"
bookRO[11] = new Image(); 
bookRO[11].src = "images/books/bookRO_12.jpg"
bookRO[12] = new Image(); 
bookRO[12].src = "images/books/bookRO_13.jpg"
bookRO[13] = new Image(); 
bookRO[13].src = "images/books/bookRO_14.jpg"
bookRO[14] = new Image(); 
bookRO[14].src = "images/books/bookRO_15.jpg"
bookRO[15] = new Image(); 
bookRO[15].src = "images/books/bookRO_16.jpg"
bookRO[16] = new Image(); 
bookRO[16].src = "images/books/bookRO_17.jpg"
bookRO[17] = new Image(); 
bookRO[17].src = "images/books/bookRO_18.jpg"
bookRO[18] = new Image(); 
bookRO[18].src = "images/books/bookRO_19.jpg"
bookRO[19] = new Image(); 
bookRO[19].src = "images/books/bookRO_20.jpg"
bookRO[20] = new Image(); 
bookRO[20].src = "images/books/bookRO_21.jpg"
bookRO[21] = new Image(); 
bookRO[21].src = "images/books/bookRO_22.jpg"


arrow = new Array();
arrow[0] = new Image();
arrow[0].src = dir+"arrowLeft.png";
arrow[1] = new Image();
arrow[1].src = dir+"arrowRight.png";

arrowRO = new Array();
arrowRO[0] = new Image();
arrowRO[0].src = dir+"arrowLeftRO.png";
arrowRO[1] = new Image();
arrowRO[1].src = dir+"arrowRightRO.png";


var offset = 0;
var offsetX = 0;
var maxBooks = 22;
var visBooks = 10;

function setThumb(n) {
	var tmp = "thumb"+parseInt(n);
	document.getElementById(tmp).src = thumb[n].src;
}
function setThumbRO(n) {
	var tmp = "thumb"+parseInt(n);
	document.getElementById(tmp).src = thumbRO[n].src;
}

function setBook(n) {
	var tmp = "book_"+parseInt(n);
	var bkn = getBookNum(n);
	document.getElementById(tmp).src = book[bkn].src;
}
function setBookRO(n) {
	var tmp = "book_"+parseInt(n);
	var bkn = getBookNum(n);
	document.getElementById(tmp).src = bookRO[bkn].src;
}

function setArrow(n) {
	var tmp = "arrow_"+parseInt(n);
	document.getElementById(tmp).src = arrow[n].src;
}
function setArrowRO(n) {
	var tmp = "arrow_"+parseInt(n);
	document.getElementById(tmp).src = arrowRO[n].src;
}
function setArrowD(n) {
	var tmp = "arrow_"+parseInt(n);
	document.getElementById(tmp).src = arrow[n].src;
	
	//if(n == 1 && offset < maxBooks-visBooks) {
	if(n == 1) {
		offset += 1;
	}
	//else if(n == 0 && offset > 0) {
	else if(n == 0) {
		offset -= 1;
	}
	createCookie("bookOffset", offset);
	updateBooks();
}

function getBookNum(n) {
	
	var bkn = offset;
	
	if(bkn < 0) {
		bkn *= -1;
		bkn %= maxBooks;
		bkn = maxBooks - bkn;	
	}
	
	bkn += n;
		
	if(bkn >= maxBooks) {
		bkn %= maxBooks;
	}

	return bkn;	
}

function updateBooks() {
	for(i=0; i<visBooks; i++) {
		var tmp = "book_"+parseInt(i);
		var bkn = getBookNum(i);
		document.getElementById(tmp).src = book[bkn].src;
	}	
}


function randomNum(ub) {
	var num=Math.random()*ub
	return Math.round(num)
}
function chooseBackground() {
	setBackground(randomNum(5)+1);
}
function setBackground(n) {
	var image="images/bg_"; var color="#000000";
	switch(n) {
	case 1: image+="0.jpg"; color="#CC3333"; createCookie("linkColor", "red"); break;
	case 2: image+="1.jpg"; color="#CF8236"; createCookie("linkColor", "orange"); break;
	case 3: image+="2.jpg"; color="#CBCC33"; createCookie("linkColor", "yellow"); break;
	case 4: image+="3.jpg"; color="#2EB82E"; createCookie("linkColor", "green"); break;
	case 5: image+="4.jpg"; color="#3F3FCB"; createCookie("linkColor", "blue"); break;
	case 6: image+="5.jpg"; color="#783578"; createCookie("linkColor", "purple"); break;
	default: chooseBackground();
	}
	//if(image!="images/bg_") document.getElementById('colorTable').background=image;
	if(color!="#000000") document.getElementById('colorTable').bgColor=color;
}
function link(p, s) {
	window.location = "page2.html?"+parseInt(p)+","+parseInt(s);
}

function initColorTable() {
	if(location.search) {
		var data = parseInt(location.search.substring(1));
		setBackground(data);
	}
	else { chooseBackground(); }	
}

function initImage(id) {
	if(id == "imgTitle") {
		document.getElementById(id).src=preload[0].src;
	}
	else if(id == "imgHeader") {
		document.getElementById(id).background=preload[2].src;
	}
	else if(id == "imgBody") {
		document.getElementById(id).background=preload[3].src;
	}
	else if(id == "colorTable") {
		if(usePNG8()) {
			document.getElementById(id).background="";
		}
	}
	else if(id == "arrow_0") {
		document.getElementById(id).src=arrow[0].src;
	}
	else if(id == "arrow_1") {
		document.getElementById(id).src=arrow[1].src;
	}
	else if(id == "thumb0") {
		document.getElementById(id).src=thumb[0].src;
	}
	else if(id == "thumb1") {
		document.getElementById(id).src=thumb[1].src;
	}
	else if(id == "thumb2") {
		document.getElementById(id).src=thumb[2].src;
	}
}

function initBooks() {

	var boffset = readCookie("bookOffset");
	if(boffset == null) {
		boffset = -1;
	}
	if(boffset) {
		offset = parseInt(boffset);
		updateBooks();	
	}
}



function usePNG8() {
	var ver = getIEVersion();
	if(ver >0 && ver <7) {
		return true;	
	}
	return false;
}
function getIEVersion() 
// Returns the version of Internet Explorer or a -1 
// (indicating the use of another browser). 
{ 
	var rv = -1; // Return value assumes failure. 
	if (navigator.appName == 'Microsoft Internet Explorer') 
	{ 
		var ua = navigator.userAgent; 
		var re	= new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})"); 
		if (re.exec(ua) != null) 
			rv = parseFloat( RegExp.$1 ); 
	} 
	return rv; 
} 
function initSize() {
	var w = 0, h = 0;
	if(typeof(window.innerWidth) == "number") {
		//Non-IE
		w = window.innerWidth;
		h = window.innerHeight;
	} 
	else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
		//IE 6+ in 'standards compliant mode'
		w = document.documentElement.clientWidth;
		h = document.documentElement.clientHeight;
	} 
	else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		w = document.body.clientWidth;
		h = document.body.clientHeight;
	}
	
	var tmpW = h*1.3;
	if(tmpW < w) w = tmpW;
	document.getElementById("baseTable").width = w;
	document.getElementById("baseTable").height = h;
}

function createCookie(name, value) {
	
	window.top.document.cookie=name+"="+escape(value)+"; ";	
}
function readCookie(name) {
	
	var cookie = window.top.document.cookie;
	var arg = name + "=";
	var i = 0;
	while(i < cookie.length) {
		var j = i + arg.length;
		if (cookie.substring(i, j) == arg) {
			var endstr = cookie.indexOf (";", j);
			if (endstr == -1) {
				endstr = cookie.length;
			}
			return unescape(cookie.substring(j, endstr));
		}
		i = cookie.indexOf(" ", i) + 1;
		if (i == 0) break; 
	}
	return null;
}