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"

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"


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 maxBooks = 20;
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);
	document.getElementById(tmp).src = book[offset+n].src;
}
function setBookRO(n) {
	var tmp = "book_"+parseInt(n);
	document.getElementById(tmp).src = bookRO[offset+n].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) {
		offset += 1;
	}
	else if(n == 0 && offset > 0) {
		offset -= 1;	
	}
	updateBooks();
}

function updateBooks() {
	for(i=0; i<visBooks; i++) {
		var tmp = "book_"+parseInt(i);
		document.getElementById(tmp).src = book[offset+i].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"; break;
	case 2: image+="1.jpg"; color="#CF8236"; break;
	case 3: image+="2.jpg"; color="#CBCC33"; break;
	case 4: image+="3.jpg"; color="#2EB82E"; break;
	case 5: image+="4.jpg"; color="#3F3FCB"; break;
	case 6: image+="5.jpg"; color="#783578"; 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 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; 
}