function jqHide(){
	$("#js_warning").remove();
	$("#cvrtemp-bi").fadeOut();
	$("#cvrtemp-k").fadeOut();
	$("#cvrtemp-m").fadeOut();
	$("#cvrtemp-o").fadeOut();
	$("#chooseImage").fadeOut();
	$("#chooseCoverTemplate").fadeOut();
	$("#choosePages").fadeOut();
	$("#chooseIFC").fadeOut();
	$("#chooseIBC").fadeOut();
	$("#chooseBC").fadeOut();
	$(".plainPage").fadeOut();
	$("#customizeBook").fadeOut();
	$("#chooseimage-bi, #chooseimage-k, #chooseimage-m, #chooseimage-o").fadeOut();
}

function chooseIsland(island, signatures){
	$("#cvrtemp-bi, #cvrtemp-k, #cvrtemp-m, #cvrtemp-o").fadeOut();
	$("#chooseimage-bi, #chooseimage-k, #chooseimage-m, #chooseimage-o").fadeOut();
	$("#chooseImage").fadeIn();
	$(island, signatures).fadeIn();
}

function choosePage(pageSet, page){
	$("#chooseCoverTemplate, #chooseIFC, #chooseIBC, #chooseBC").hide();
	$("#pick-fc, #pick-ifc, #pick-ibc, #pick-bc").css("background-color","#ffffff");
	$(pageSet).show();
	$(page).css("background-color","#eeeeee");
}

function chooseCoverBack(image, button){
	$(".cover-templates, #pick-fc img").css("background","#000000 url(img/image-templates/"+image+"_sm.jpg) no-repeat");
	$(".ornatePage img, .page-templates, #pick-ifc img, #pick-ibc img").css("background","#000000 url(img/image-templates/"+image+"_sm-bg.jpg) no-repeat");
	$("#chooseBC .page-templates, #pick-bc img").css("background","#000000 url(img/image-templates/"+image+"_sm.jpg) no-repeat");
	$(".add").attr({src:"/img/icons/add.png",alt:"Choose This One"});
	$(button).attr({src:"/img/icons/add-off.png",alt:"Selected"});
	$("#customizeBook").fadeIn();
}

function choosePageDesign(image, image2, button, page){
	switch (page)
	{
	case "fc":
		$("#pick-fc img").attr({src:"img/cover-templates/"+image+".png",alt:"Front Cover Choice"});
		$("#chooseCoverTemplate .add").attr({src:"/img/icons/add.png",alt:"Choose This One"});
		break
	case "ifc":
		$("#pick-ifc img").attr({src:"img/page-templates_trans/ifc/"+image2+".png",alt:"Inside Front Cover Choice"});
		$("#chooseIFC .add").attr({src:"/img/icons/add.png",alt:"Choose This One"});
		break
	case "ibc":
		$("#pick-ibc img").attr({src:"img/page-templates_trans/ibc/"+image2+".png",alt:"Inside Back Cover Choice"});
		$("#chooseIBC .add").attr({src:"/img/icons/add.png",alt:"Choose This One"});
		break
	case "bc":
		$("#pick-bc img").attr({src:"img/page-templates_trans/bc/"+image2+".png",alt:"Back Cover Choice"});
		$("#chooseBC .add").attr({src:"/img/icons/add.png",alt:"Choose This One"});
		break
	}
	$(button).attr({src:"/img/icons/add-off.png",alt:"Selected"});
}

function jqBYO(){
	$("#island-bi").click(function() {
		chooseIsland("#cvrtemp-bi, #chooseimage-bi");
	});
	$("#island-k").click(function() {
		chooseIsland("#cvrtemp-k, #chooseimage-k");
	});
	$("#island-m").click(function() {
		chooseIsland("#cvrtemp-m, #chooseimage-m");
	});
	$("#island-o").click(function() {
		chooseIsland("#cvrtemp-o, #chooseimage-o");
	});

	$("#pick-fc").click(function() {
		choosePage("#chooseCoverTemplate", this);
	});
	$("#pick-ifc").click(function() {
		choosePage("#chooseIFC", this);
	});
	$("#pick-ibc").click(function() {
		choosePage("#chooseIBC", this);
	});
	$("#pick-bc").click(function() {
		choosePage("#chooseBC", this);
	});

	$("#button_heritage, #image-heritage").click(function() {
		chooseCoverBack("heritage", "#button_heritage");
	});
	$("#button_hibiscus, #image-hibiscus").click(function() {
		chooseCoverBack("hibiscus", "#button_hibiscus");
	});
	$("#button_scuba, #image-scuba").click(function() {
		chooseCoverBack("surfer", "#button_scuba");
	});
	$("#button_wave, #image-wave").click(function() {
		chooseCoverBack("wave", "#button_wave");
	});
	$("#button_is-bi1, #image-is-bi1").click(function() {
		chooseCoverBack("is-bi1", "#button_is-bi1");
	});
	$("#button_is-bi2, #image-is-bi2").click(function() {
		chooseCoverBack("is-bi2", "#button_is-bi2");
	});
	$("#button_is-bi3, #image-is-bi3").click(function() {
		chooseCoverBack("is-bi3", "#button_is-bi3");
	});
	$("#button_is-bi4, #image-is-bi4").click(function() {
		chooseCoverBack("is-bi4", "#button_is-bi4");
	});
	$("#button_is-k1, #image-is-k1").click(function() {
		chooseCoverBack("is-k1", "#button_is-k1");
	});
	$("#button_is-k2, #image-is-k2").click(function() {
		chooseCoverBack("is-k2", "#button_is-k2");
	});
	$("#button_is-k3, #image-is-k3").click(function() {
		chooseCoverBack("is-k3", "#button_is-k3");
	});
	$("#button_is-k4, #image-is-k4").click(function() {
		chooseCoverBack("is-k4", "#button_is-k4");
	});
	$("#button_is-m1, #image-is-m1").click(function() {
		chooseCoverBack("is-m1", "#button_is-m1");
	});
	$("#button_is-m2, #image-is-m2").click(function() {
		chooseCoverBack("is-m2", "#button_is-m2");
	});
	$("#button_is-m3, #image-is-m3").click(function() {
		chooseCoverBack("is-m3", "#button_is-m3");
	});
	$("#button_is-m4, #image-is-m4").click(function() {
		chooseCoverBack("is-m4", "#button_is-m4");
	});
	$("#button_is-o1, #image-is-o1").click(function() {
		chooseCoverBack("is-o1", "#button_is-o1");
	});
	$("#button_is-o2, #image-is-o2").click(function() {
		chooseCoverBack("is-o2", "#button_is-o2");
	});
	$("#button_is-o3, #image-is-o3").click(function() {
		chooseCoverBack("is-o3", "#button_is-o3");
	});
	$("#button_is-o4, #image-is-o4").click(function() {
		chooseCoverBack("is-o4", "#button_is-o4");
	});

	$("#image_c1-bi, #button_c1-bi").click(function() {
		choosePageDesign("c1-bi", "", "#button_c1-bi", "fc");
	});
	$("#image_c2-bi, #button_c2-bi").click(function() {
		choosePageDesign("c2-bi", "", "#button_c2-bi", "fc");
	});
	$("#image_c3-bi, #button_c3-bi").click(function() {
		choosePageDesign("c3-bi", "", "#button_c3-bi", "fc");
	});
	$("#image_c4-bi, #button_c4-bi").click(function() {
		choosePageDesign("c4-bi", "", "#button_c4-bi", "fc");
	});
	$("#image_c1-k, #button_c1-k").click(function() {
		choosePageDesign("c1-k", "", "#button_c1-k", "fc");
	});
	$("#image_c2-k, #button_c2-k").click(function() {
		choosePageDesign("c2-k", "", "#button_c2-k", "fc");
	});
	$("#image_c3-k, #button_c3-k").click(function() {
		choosePageDesign("c3-k", "", "#button_c3-k", "fc");
	});
	$("#image_c4-k, #button_c4-k").click(function() {
		choosePageDesign("c4-k", "", "#button_c4-k", "fc");
	});
	$("#image_c1-m, #button_c1-m").click(function() {
		choosePageDesign("c1-m", "", "#button_c1-m", "fc");
	});
	$("#image_c2-m, #button_c2-m").click(function() {
		choosePageDesign("c2-m", "", "#button_c2-m", "fc");
	});
	$("#image_c3-m, #button_c3-m").click(function() {
		choosePageDesign("c3-m", "", "#button_c3-m", "fc");
	});
	$("#image_c4-m, #button_c4-m").click(function() {
		choosePageDesign("c4-m", "", "#button_c4-m", "fc");
	});
	$("#image_c1-o, #button_c1-o").click(function() {
		choosePageDesign("c1-o", "", "#button_c1-o", "fc");
	});
	$("#image_c2-o, #button_c2-o").click(function() {
		choosePageDesign("c2-o", "", "#button_c2-o", "fc");
	});
	$("#image_c3-o, #button_c3-o").click(function() {
		choosePageDesign("c3-o", "", "#button_c3-o", "fc");
	});
	$("#image_c4-o, #button_c4-o").click(function() {
		choosePageDesign("c4-o", "", "#button_c4-o", "fc");
	});

	$("#button_ifc-a, #ifc-a_sample").click(function() {
		choosePageDesign("", "1", "#button_ifc-a", "ifc");
	});
	$("#button_ifc-b, #ifc-b_sample").click(function() {
		choosePageDesign("", "2", "#button_ifc-b", "ifc");
	});
	$("#button_ifc-c, #ifc-c_sample").click(function() {
		choosePageDesign("", "3", "#button_ifc-c", "ifc");
	});
	$("#button_ifc-d, #ifc-d_sample").click(function() {
		choosePageDesign("", "4", "#button_ifc-d", "ifc");
	});

	$("#button_ibc-a, #ibc-a_sample").click(function() {
		choosePageDesign("", "1", "#button_ibc-a", "ibc");
	});
	$("#button_ibc-b, #ibc-b_sample").click(function() {
		choosePageDesign("", "2", "#button_ibc-b", "ibc");
	});
	$("#button_ibc-c, #ibc-c_sample").click(function() {
		choosePageDesign("", "3", "#button_ibc-c", "ibc");
	});
	$("#button_ibc-d, #ibc-d_sample").click(function() {
		choosePageDesign("", "4", "#button_ibc-d", "ibc");
	});

	$("#button_bc-a, #bc-a_sample").click(function() {
		choosePageDesign("", "1", "#button_bc-a", "bc");
	});
	$("#button_bc-b, #bc-b_sample").click(function() {
		choosePageDesign("", "2", "#button_bc-b", "bc");
	});
	$("#button_bc-c, #bc-c_sample").click(function() {
		choosePageDesign("", "3", "#button_bc-c", "bc");
	});
	$("#button_bc-d, #bc-d_sample").click(function() {
		choosePageDesign("", "4", "#button_bc-d", "bc");
	});
}

$(document).ready(jqHide).ready(jqBYO);