/*	JAVASCRIPT FOR LITTLE MISS TERRIFIC STORY!	*/
window.onload = initAll;

var totalpages = 28;
var lmtPages = new Array();	//	all images

function initAll() {
	document.getElementById('backbtn').onclick = goBack;
	document.getElementById('fwdbtn').onclick = goFwd;
	document.onkeydown = keyHit;		//	allow use of arrow keys to advance story also!
	
		//	rollOver images
	for (var i=0; i<document.images.length; i++) {
		if (document.images[i].className.indexOf('rollover') > -1) {
			setupRollover(document.images[i]);
		}
	}
	
		//	preLoad Images
	for (var j=1; j<=totalpages; j++) {
		lmtPages[j] = new Image();
		lmtPages[j].src = '/images/lmt/lmt' + j + '.jpg';
	}
}

function keyHit(evt) {
	var thisKey;
	var leftArrow = 37;	//	numeric value for left arrow key
	var rightArrow = 39;	//	numeric value for right arrow key
	
	if (evt) {
		thisKey = evt.which;
	} else {
		thisKey = window.event.keyCode;
	}
	
	if (thisKey == leftArrow) {
		goBack();
	} else if (thisKey == rightArrow) {
		goFwd();
	}
	return false;
}

function setupRollover(thisImage) {
	thisImage.overImage = new Image();
	thisImage.overImage.src = '/images/lmt/' + thisImage.id + '_2.gif';
	thisImage.onmouseover = rollOver;
	
	thisImage.outImage = new Image();
	thisImage.outImage.src = thisImage.src;
	thisImage.onmouseout = rollOut;
}

function rollOver() {
	this.src = this.overImage.src;
}

function rollOut() {
	this.src = this.outImage.src;
}

function goFwd() {
	var page = document.getElementById('lmtpage');
	var backbtn = document.getElementById('backbtn');
	var fwdbtn = document.getElementById('fwdbtn');
	
	page.alt = parseInt(page.alt) + 1;
	//page.src = '/images/lmt/lmt' + page.alt + '.jpg';
	page.src = lmtPages[page.alt].src;
	
	backbtn.style.display = 'inline';
	
	if(page.alt >= totalpages) {
		fwdbtn.style.display = 'none';
	}
}

function goBack() {
	var page = document.getElementById('lmtpage');
	var backbtn = document.getElementById('backbtn');
	var fwdbtn = document.getElementById('fwdbtn');
	
	page.alt = parseInt(page.alt) - 1;
	//page.src = '/images/lmt/lmt' + page.alt + '.jpg';
	page.src = lmtPages[page.alt].src;
	
	fwdbtn.style.display = 'inline';	
	
	if(page.alt <= 1) {
		backbtn.style.display = 'none';
	}
}