var AllItems = new Array(15);
AllItems[1] = "Pirate Pearl Necklace";
AllItems[2] = "Pearl Clasp Necklace";
AllItems[3] = "Disco Fever Necklace";
AllItems[4] = "Spanish Goth Necklace";
AllItems[5] = "Double Strand Pirate's Deck Necklace";
AllItems[6] = "Quartz Pixel Cluster Necklace";
AllItems[7] = "Political Tyranny Necklace";
AllItems[8] = "Chain and Jeweled Charm Necklace";
AllItems[9] = "Tribal Gate Necklace";
AllItems[10] = "Wrapped Crystal Hermitage Necklace";
AllItems[11] = "Wrapped Crystal Tribal Charm Necklace";
AllItems[12] = "Wrapped Crystal Fringe Necklace";
AllItems[13] = "Crystal Roe Hermitage Necklace";
AllItems[14] = "Disco Ladder Necklace";
AllItems[15] = "Cabaret Feather Necklace";

var AllPrices = new Array(15);
AllPrices[1] = "1400.00";
AllPrices[2] = "1800.00";
AllPrices[3] = "1400.00";
AllPrices[4] = "1800.00";
AllPrices[5] = "800.00";
AllPrices[6] = "1200.00";
AllPrices[7] = "2250.00";
AllPrices[8] = "1800.00";
AllPrices[9] = "1800.00";
AllPrices[10] = "2250.00";
AllPrices[11] = "1800.00";
AllPrices[12] = "1200.00";
AllPrices[13] = "3000.00";
AllPrices[14] = "1600.00";
AllPrices[15] = "2200.00";

//contactOff = new Image();
//contactOff.src = "contact.gif";
//contactOn  = new Image();
//contactOn.src = "contact2.gif";
//design1a = new Image();
//design1a.src = "design1a.gif";
//design2a = new Image();
//design2a.src = "design2a.gif";
//design1b = new Image();
//design1b.src = "design1b.gif";
//design2b = new Image();
//design2b.src = "design2b.gif";

var tnA = new Array(15);
var tnB = new Array(15);
var txt = new Array(15);
var itm = new Array(15);

// Uses the Image() prototype to preload images [variables declared above]
for (var i = 1; i <= 15; i++) {
    if (i < 10) {
        itm[i] = new Image();
        itm[i].src = 'calderscircus/item0' + i.toString() + '.png';
        txt[i] = new Image();
        txt[i].src = 'calderscircus/0' + i.toString() + 't.jpg';
        tnA[i] = new Image();
        tnA[i].src = 'calderscircus/tn0' + i.toString() + 'a.jpg';
        tnB[i] = new Image();
        tnB[i].src = 'calderscircus/tn0' + i.toString() + 'b.jpg';
    }
    else {
        itm[i] = new Image();
        itm[i].src = 'calderscircus/item' + i.toString() + '.png';
        txt[i] = new Image();
        txt[i].src = 'calderscircus/' + i.toString() + 't.jpg';
        tnA[i] = new Image();
        tnA[i].src = 'calderscircus/tn' + i.toString() + 'a.jpg';
        tnB[i] = new Image();
        tnB[i].src = 'calderscircus/tn' + i.toString() + 'b.jpg';
    }
}  

// Called by CloseItems(), itself called by ToggleItem() - resets display and arrays
function CloseAll() {
    for (var i = 2; i <= 15; i++) {
        document.getElementById('item' + i.toString()).style.display = "none";
        document.getElementById('txt' + i.toString()).style.display = "none";
	}
    document.form1.item_name.value = AllItems[1];
    document.form1.amount.value = AllPrices[1];
}

// Called by href property of thumbnail <a> tags
function ToggleItem(saleitem, textbox) {
    CloseItems();
    if (document.getElementById(saleitem).style.display !== "block") {
        document.getElementById(saleitem).style.display = "block";
        document.getElementById(textbox).style.display = "block";
    }
}

/*
 * EXPLANATION:
 *
 * The function below was added to work around an oversight in the code whereby,
 * because item1 is always "display: block," paypal1 can never be hidden.  This unfortunate
 * bit of code should be removed in future pages if a <select> is not required for item1.
 *
 * Please also note the code which should be removed from swapInput() [which invokes
 * hidePaypal1()] in that circumstance.
 *
 */
 
function hidePaypal1() {
    for (var x = 2; x <= 15; x++) {
		if (document.getElementById('item' + x).style.display === "block") {
			document.getElementById('paypal1').style.display = "none";
			document.getElementById('paypal').style.left = "435px";//added for styling

		}
	}
	if (document.getElementById('item3').style.display === "block") {//added for styling

		document.getElementById('paypal').style.left = "390px";
	}
	else if (document.getElementById('item5').style.display === "block") {//added for styling

		document.getElementById('paypal').style.left = "390px";
	}
	else if (document.getElementById('item6').style.display === "block") {//added for styling

		document.getElementById('paypal').style.left = "390px";
	}
	else if (document.getElementById('item7').style.display === "block") {//added for styling

		document.getElementById('paypal').style.left = "390px";
	}
}

// Called by href property of thumbnail <a> tags [see EXPLANATION above]
function swapInput(i) {
    document.form1.item_name.value = AllItems[i];
    document.form1.amount.value = AllPrices[i];
    if (document.getElementById('item1').style.display === "block") {
        document.getElementById('paypal1').style.display = "block";
        document.getElementById('paypal').style.left = "390px";
    }
    else { 
        document.getElementById('paypal1').style.display = "none";
    }
    if (document.getElementById('item3').style.display === "block") {
        document.getElementById('paypal3').style.display = "block";
    }
    else {
        document.getElementById('paypal3').style.display = "none";
        hidePaypal1();//see EXPLANATION above
    }
    if (document.getElementById('item5').style.display === "block") {
        document.getElementById('paypal5').style.display = "block";
    }
    else {

        document.getElementById('paypal5').style.display = "none";
        hidePaypal1();//see EXPLANATION above
    }
    if (document.getElementById('item6').style.display === "block") {
        document.getElementById('paypal6').style.display = "block";
    } 
    else {
        document.getElementById('paypal6').style.display = "none";
        hidePaypal1();//see EXPLANATION above
    }
    if (document.getElementById('item7').style.display === "block") {
        document.getElementById('paypal7').style.display = "block";
    } 
    else {

        document.getElementById('paypal7').style.display = "none";
        hidePaypal1();//see EXPLANATION above
    }
    if (document.getElementById('item8').style.display === "block") {
        document.getElementById('paypal8').style.display = "block";
        document.getElementById('paypal1').style.display = "none";//see EXPLANATION above
        document.getElementById('paypal').style.left = "390px";
    }
    else {

        document.getElementById('paypal8').style.display = "none";
        hidePaypal1();//see EXPLANATION above
    }
}



//The functions below are called when options are changed on the various forms
function checkPrices1() {
    var m1 = document.form1b.opt1.options[document.form1b.opt1.selectedIndex].value;
	if (m1 === "Type1") {
		document.form1.item_name.value = "Pirate Pearl Necklace";
		document.form1.amount.value = "1450.00";
	}
	else if (m1 === "Type2") {
		document.form1.item_name.value = "Skull and Tassel Earrings";
		document.form1.amount.value = "420.00";
	}
	else
	{
		document.form1.item_name.value = "Please select an option";
		document.form1.amount.value = "";
	}
}
function checkPrices3() {
    var m3 = document.form3.opt3.options[document.form3.opt3.selectedIndex].value;
	if (m3 === "Type1") {
		document.form1.item_name.value = "Disco Fever Necklace";
		document.form1.amount.value = "1400.00";
	}
	else if (m3 === "Type2") {
		document.form1.item_name.value = "Clover Fringe Earrings";
		document.form1.amount.value = "420.00";
	}
	else {
		document.form1.item_name.value = "Please select an option";
		document.form1.amount.value = "";
	}
}
function checkPrices5() {
    var m5 = document.form5.opt5.options[document.form5.opt5.selectedIndex].value;
	if (m5 === "Type1") {
		document.form1.item_name.value = "Double Strand Pirate's Deck Necklace";
		document.form1.amount.value = "800.00";
	}
	else if (m5 === "Type2") {
		document.form1.item_name.value = "Skull and Saturn Earrings";
		document.form1.amount.value = "420.00";
	}
	else {
		document.form1.item_name.value = "Please select an option";
		document.form1.amount.value = "";
	}
}
function checkPrices6() {
    var m6 = document.form6.opt6.options[document.form6.opt6.selectedIndex].value;
	if (m6 === "Type1") {
		document.form1.item_name.value = "Quartz Pixel Cluster Necklace";
		document.form1.amount.value = "1200.00";
	}
	else if (m6 === "Type2") {
		document.form1.item_name.value = "Color Quartz Cluster Bracelet";
		document.form1.amount.value = "1550.00";
	}
	else {
		document.form1.item_name.value = "Please select an option";
		document.form1.amount.value = "";
	}
}
function checkPrices7() {
    var m7 = document.form7.opt7.options[document.form7.opt7.selectedIndex].value;
	if (m7 === "Type1") {
		document.form1.item_name.value = "Political Tyranny Necklace";
		document.form1.amount.value = "2250.00";
	}
	else if (m7 === "Type2") {
		document.form1.item_name.value = "Yellow Spoke Pearl Cluster Earrings";
		document.form1.amount.value = "420.00";
	}
	else {
		document.form1.item_name.value = "Please select an option";
		document.form1.amount.value = "";
	}
}
function checkPrices8() {
    var m8 = document.form8.opt8.options[document.form8.opt8.selectedIndex].value;
	if (m8 === "Type1") {
		document.form1.item_name.value = "Chain and Jeweled Charm Necklace";
		document.form1.amount.value = "1800.00";
	}
	else if (m8 === "Type2") {
		document.form1.item_name.value = "Ring Around the Wrist Bracelet";
		document.form1.amount.value = "650.00";
	}
	else {
		document.form1.item_name.value = "Please select an option";
		document.form1.amount.value = "";
	}
}

// Unfortunate use of eval.  Creates mouseover effect
function Highlight(imageID, newImage) {
	document.images[imageID].src = eval(newImage + ".src");
}

function wstatus(m) {
	window.status = m;
	return true;
}

function CloseCommonBio() {
	document.getElementById('primary').style.display = "none";
	document.getElementById('biopage').style.display = "none";
	document.getElementById('biotext').style.display = "none";
	document.getElementById('biolink').style.display = "none";
}

function CloseDrawers() {
	document.getElementById('CDrawer').style.display = "none";
	document.getElementById('BDrawer').style.display = "none";
	document.getElementById('PDrawer').style.display = "none";
	document.getElementById('NDrawer').style.display = "none";
}

function ShowPage(pagetitle) {
	document.getElementById('revert').style.display = "block";
	CloseItems();
	if (pagetitle === "About") {
		document.getElementById('biopage').style.display = "block";
		document.getElementById('biotext').style.display = "block";
	} else if (pagetitle === "Revert") {
		CloseCommonBio();
		document.getElementById('primary').style.display = "block";
		document.getElementById('revert').style.display = "none";
	}
}

function OpenDrawer(drawer) {
	CloseDrawers();
	document.getElementById(drawer).style.display = "block";
}

function CloseItems() {
	CloseAll();
}

function ToggleBioText(b) {
	document.getElementById('biolink').style.display = b;
}