function loadPic(num) {
	document.getElementById("mainComicImage").src = "comics/" + g_picList[num].filename;
	
	
	if(g_currentPic < 1) {
		document.getElementById("rightArrowImage").src = "rightgrey.png";
		document.getElementById("rightArrowImage").style.cursor = "default";
	} else {
		document.getElementById("rightArrowImage").src = "right.png";
		document.getElementById("rightArrowImage").style.cursor = "pointer";
	}
	
	if(g_currentPic >= g_picList.length - 1) {
		document.getElementById("leftArrowImage").src = "leftgrey.png";
		document.getElementById("leftArrowImage").style.cursor = "default";
	} else {
		document.getElementById("leftArrowImage").src = "left.png";
		document.getElementById("leftArrowImage").style.cursor = "pointer";
	}
	
	window.location.hash = g_picList[num].id;
}

function loadPreviousPic() {
	if(g_currentPic + 1 >= g_picList.length)
		return;
	
	loadPic(++g_currentPic);
}

function loadNextPic() {
	if(g_currentPic - 1 < 0)
		return;
	
	loadPic(--g_currentPic);
}

window.onload = function() {
	if(g_selectedPic > 0 && g_selectedPic < g_picList.length)
		g_currentPic = g_selectedPic;

	// check for hash
	var hash = unescape(document.location.hash.substring(1));
	if(hash) {
		var hashNum = parseInt(hash);
		
		// find the image
		for(var x = 0; x < g_picList.length; x++) {
			if(hashNum == g_picList[x].id) {
				g_currentPic = x;
				break;
			}
		}
	}

	loadPic(g_currentPic);
}