// JavaScript Document

jQuery(document).ready(function(){
	
	// Variables
	var currentPage = 1;
	var contentHeight = 520;
	var maxPages = 2;
	var preloadImages = new Array("images/arrow_right.jpg", "images/arrow_right_ro.jpg", "images/arrow_right_off.jpg", "images/arrow_left.jpg", "images/arrow_left_ro.jpg", "images/arrow_left_off.jpg");
	
	// Set up
	jQuery("#pg_"+currentPage).attr("class", "selected");
	jQuery("#pg_prev").css("color", "#ddd");
	setArrows();
	
	// Preload Images
	for(var i = 0; i < preloadImages.length; i++) {
		var pic = new Image;
		pic.src = preloadImages[i];
	}
	
	// Set Arrows
	function setArrows() {
		if (currentPage-1 <= 0) {
			jQuery("#arrow_left").attr("src", "images/arrow_left_off.jpg");
			jQuery("#pg_prev").css("color", "#ddd");
		} else {
			jQuery("#arrow_left").attr("src", "images/arrow_left.jpg");
			jQuery("#pg_prev").css("color", "#777");
		}
		if (currentPage+1 > maxPages) {
			jQuery("#arrow_right").attr("src", "images/arrow_right_off.jpg");
			jQuery("#pg_next").css("color", "#ddd");
		} else {
			jQuery("#arrow_right").attr("src", "images/arrow_right.jpg");
			jQuery("#pg_next").css("color", "#777");
		}
	}
	
	// Main click function
	function pageClick(pageNum) {
		jQuery("#pg_"+currentPage).removeClass("selected");
		currentPage = pageNum;
		jQuery("#pg_"+currentPage).attr("class", "selected");
		jQuery("#content").fadeTo("slow", 0, movePage);
		setArrows();
	}
	// Positioning function
	function movePage() {
		jQuery("#content").css("top", -((currentPage-1)*contentHeight));
		jQuery("#content").fadeTo("slow", 1);
	}
	
	// Arrow Clicks
	jQuery("#pg_prev").click(function () {
		if (currentPage-1 > 0) {
			pageClick(currentPage-1);
		}
	});
	jQuery("#pg_next").click(function () {
		if (currentPage+1 <= maxPages) {
			pageClick(currentPage+1);
		}
	});
	// Arrow Hovers
	jQuery("#arrow_left").hover(
		function () {
			if (currentPage-1 > 0) {
				jQuery(this).attr("src", "images/arrow_left_ro.jpg");
				jQuery("#pg_prev").css("color", "#4ea955");
			}
		},
		function () {
			if (currentPage-1 > 0) {
				jQuery(this).attr("src", "images/arrow_left.jpg");
				jQuery("#pg_prev").css("color", "#777");
			}
		}
	);
	jQuery("#arrow_right").hover(
		function () {
			if (currentPage+1 <= maxPages) {
				jQuery(this).attr("src", "images/arrow_right_ro.jpg");
				jQuery("#pg_next").css("color", "#4ea955");
			}
		},
		function () {
			if (currentPage+1 <= maxPages) {
				jQuery(this).attr("src", "images/arrow_right.jpg");
				jQuery("#pg_next").css("color", "#777");
			}
		}
	);
	
	// Clicks for page numbers
	jQuery("#pageNums > p").click(function () {
		var pageId = jQuery(this).attr("id");
		var page = +pageId.substr(pageId.length-1, 1);
		pageClick(page);
	});

});