$(document).ready(
	function() {

	// BEGIN switching out photo book color select menus
	$("#photo_book_kind").change(function() {
	
		var pbk = $("#photo_book_kind").val();
	
		if (pbk == "8x6 Medium Die Cut Hardcover" || 
			pbk == "11x8.5 Large Die Cut Hardcover (Linen)" || 
			pbk == "11x8.5 Large Die Cut Hardcover (Linen Padded)") {
			
			$("#book_cover_color_li").show();
			$("#book_cover_color_li div").load("/order/photo-book-cover-colors/hardcover/");
		
		} else if (pbk == "8x6 Medium Die Cut Softcover") {
			
			$("#book_cover_color_li").show();
			$("#book_cover_color_li div").load("/order/photo-book-cover-colors/softcover/");
		
		} else if (pbk == "11x8.5 Large Die Cut Hardcover (Leather)" || 
			pbk == "11x8.5 Large Die Cut Hardcover (Leather Padded)") {
			
			$("#book_cover_color_li").show();
			$("#book_cover_color_li div").load("/order/photo-book-cover-colors/leather/");
		
		} else {
		
			$("#book_cover_color_li").hide();
			$("#book_cover_color_li div").load("/order/photo-book-cover-colors/");
		
		}
	
	});
	// END switching out photo book color select menus

	// BEGIN rollover effects for gallery images
	// find the div.fade elements and hook the hover event
	$("div.fade_image").hover(function() {

		// on hovering over find the element we want to fade *up*
		var fade = $("> div", this);

		// if the element is currently being animated (to fadeOut)...
		if (fade.is(":animated")) {
			fade.stop().fadeTo(500, 1); // ...stop the current animation, and fade it to 1 from current position
		} else {
			fade.fadeIn(500);
		}

	}, function () {
	
		var fade = $("> div", this);
		
		if (fade.is(":animated")) {
			fade.stop().fadeTo(500, 0);
		} else {
			fade.fadeOut(500);
		}
		
	});
	// END rollover effects for gallery images
	
});

function popup(url) {
	window.open(url, "popup", "width=630,height=600,location=0,menubars=0,scrollbars=0,status=0,titlebar=0,resizable=0");
	return false;
}