var page = 0, preImg = [];
preImg[0] = new Image; preImg[0].src = "images/lFlip.png";
preImg[1] = new Image; preImg[1].src = "images/rFlip.png";

function prevPage() {
	if (page > 2) {
		page -= 4;
		$("#lPage").load("pages/p" + (++page) + ".html");
		$("#rPage").load("pages/p" + (++page) + ".html", function() {
			if (!($.browser.msie && $.browser.version < 7)) {
				$("#bgFlip").show().attr("src", preImg[0].src);
				setTimeout ('$("#bgFlip").hide()', 250);
			}
		});
	}
	return false;
}

function nextPage() {
	if (page < 22) {
		page += 2;
		$("#rPage").load("pages/p" + (page--) + ".html");
		$("#lPage").load("pages/p" + (page++) + ".html", function() {
			if (!($.browser.msie && $.browser.version < 7 || page == 2)) {
				$("#bgFlip").show().attr("src", preImg[1].src);
				setTimeout ('$("#bgFlip").hide()', 250);
			}
		});
	}
	return false;
}

function directPage(p, obj) {
	page = (p % 2 == 0) ? p : p + 1;
	$("#rPage").load("pages/p" + (page--) + ".html");
	$("#lPage").load("pages/p" + (page++) + ".html");
	if (obj) { $(obj).attr("href", "#"); }
	return false;
}

function keyUpHandler(e) {
	if (document.all) { e = window.event; }
	switch (e.keyCode) {
		case 188 : { prevPage(); break; }
		case 190 : { nextPage(); break; }
	}
}

$(function() {
	nextPage();
	$("#btnIndex").click(function() { directPage(2); });
	$("#btnPrev").click(function() { prevPage(); });
	$("#btnNext").click(function() { nextPage(); });
	document.onkeyup  = keyUpHandler;
});