title = "Shop for a Port-A-Poo"
price = "$9.95"
var pooValue1 = 0;
var pooValue2 = 1;

pooSize = new Array
pooSize[0] = "Port-A-Poo"
pooSize[1] = "Mini-Poo"

pooSizeDesc = new Array
pooSizeDesc[0] = " (Fits leashes up to 1 inch)"
pooSizeDesc[1] = " (Fits leashes up to 3/4 inch)"

imgNameThumb = new Array
imgNameThumb[0] = "red_sample.jpg"
imgNameThumb[1] = "pink_sample.jpg"
imgNameThumb[2] = "black_sample.jpg"
imgNameThumb[3] = "royal_blue_sample.jpg"
imgNameThumb[4] = "purple_sample.jpg"


imgName = new Array /* Images must be .jpg files */
imgName[0] = "red"
imgName[1] = "pink"
imgName[2] = "black"
imgName[3] = "royal blue"
imgName[4] = "purple"


imgLink = new Array
imgLink[0] = "<img src='./images/color_chooser/" + imgNameThumb[0] + "'>"
imgLink[1] = "<img src='./images/color_chooser/" + imgNameThumb[1] + "'>"
imgLink[2] = "<img src='./images/color_chooser/" + imgNameThumb[2] + "'>"
imgLink[3] = "<img src='./images/color_chooser/" + imgNameThumb[3] + "'>"
imgLink[4] = "<img src='./images/color_chooser/" + imgNameThumb[4] + "'>"

imgPooSize = new Array
imgPooSize[0] = "<img src='./images/color_chooser/portapoo-dark.gif'>"
imgPooSize[1] = "<img src='./images/color_chooser/minipoo-dark.gif'>"


prodURL = new Array
prodURL[0] = "1"
prodURL[1] = "2"
prodURL[2] = "3"
prodURL[3] = "4"
prodURL[4] = "5"

txtName = new Array
txtName[0] = "no_tangle_leash_black.jpg"
txtName[1] = "no_tangle_leash_blue.jpg"
txtName[2] = "no_tangle_leash_pink.jpg"
txtName[3] = "no_tangle_leash_purple.jpg"
txtName[4] = "no_tangle_leash_red.jpg"

txtName[5] = "avante_garde_couture_princess.jpg"
txtName[6] = "avante_garde_floral_fling.jpg"
txtName[7] = "avante_garde_death_star.jpg"
txtName[8] = "avante_garde_fifth_ave.jpg"

txtName[9] = "nylon_leash_black.jpg"
txtName[10] = "nylon_leash_blue.jpg"
txtName[11] = "nylon_leash_pink.jpg"
txtName[12] = "nylon_leash_purple.jpg"
txtName[13] = "nylon_leash_red.jpg"

txtName[14] = "colored_leather_leash_black.jpg"
txtName[15] = "colored_leather_leash_blue.jpg"
txtName[16] = "colored_leather_leash_pink.jpg"
txtName[17] = "colored_leather_leash_purple.jpg"
txtName[18] = "colored_leather_leash_red.jpg"

txtName[19] = "slip_leads_blue.jpg"
txtName[20] = "slip_leads_red.jpg"

txtName[21] = "rf_nylon_leash_black.jpg"
txtName[22] = "rf_nylon_leash_blue.jpg"

txtName[23] = "avante_garde_animal.jpg"
txtName[24] = "avante_garde_prep.jpg"

// Avante Guard
txtLink = new Array
txtLink[5] = "Couture Princess"
txtLink[6] = "Floral Fling"
txtLink[7] = "Death Star"
txtLink[8] = "Fifth Ave"
txtLink[23] = "Animal"
txtLink[24] = "Prep"

function pooNavi()
{
	for ( p = 0; p < pooSize.length; p++)
	{
		document.write("<br /><a href='javascript:void(0);' onClick=openPoo(" + p + ") title='" + pooSize[p] + "'>" + imgPooSize[p] + "</a><br />")
	}
}

function imgNavi()
{
	for ( i = 0; i < imgNameThumb.length; i++)
	{
		document.write("<br /><a href='javascript:void(0);' onClick=openImg(" + i + ")>" + imgLink[i] + "</a>")
	}
}

function openImg(id)
{
	if (pooValue1 == 0) var imgSrc = "images/color_chooser/" + imgName[id] + ".jpg";
	if (pooValue1 == 1) var imgSrc = "images/color_chooser/" + imgName[id] + "-mini.jpg";
	var getURL = prodURL[id];
	var clrName = imgName[id];
	pooValue2 = prodURL[id];
	pooValue = pooValue1 + pooValue2;
	document.getElementById('image').src = imgSrc;
	document.getElementById('item').value = pooValue; // getURL;
	
	// document.getElementById('colorname').value = clrName;
	var colorName_temp = clrName;
	document.getElementById('colorname').value = clrName;
	var colorname = document.getElementById("colorname");
    colorname.firstChild.nodeValue=colorName_temp;
	
	// document.getElementById('colorname2').value = clrName;
	var colorName2_temp = clrName;
	document.getElementById('colorname2').value = clrName;
	var colorname2 = document.getElementById("colorname2");
    colorname2.firstChild.nodeValue=colorName2_temp;
	
	document.getElementById('price').value = price;
	document.getElementById('pooValue2').value = pooValue2;
	document.getElementById('pooValue').value = pooValue;
};

function openPoo(id)
{
	if (id == 0) pooValue1 = 0;
	if (id == 1) pooValue1 = 1;
	if (pooValue1 == 0) var imgSrc = "images/color_chooser/" + imgName[0] + ".jpg";
	if (pooValue1 == 1) var imgSrc = "images/color_chooser/" + imgName[0] + "-mini.jpg";
	var pooSizer = pooSize[id];
	pooValue = pooValue1 + pooValue2;
	document.getElementById('image').src = imgSrc;
	
	// document.getElementById('poosize').value = pooSizer;	
	var pooSize_temp = pooSizer + pooSizeDesc[id];
	document.getElementById('poosize').value = pooSizer;
	var poosize = document.getElementById("poosize");
    poosize.firstChild.nodeValue=pooSize_temp;
	
	// document.getElementById('poosize2').value = pooSizer;
	var pooSize2_temp = pooSizer;
	document.getElementById('poosize2').value = pooSizer;
	var poosize2 = document.getElementById("poosize2");
    poosize2.firstChild.nodeValue=pooSize2_temp;

	document.getElementById('pooValue1').value = pooValue1;
	document.getElementById('pooValue').value = pooValue;
	document.getElementById('item').value = pooValue;
	
	// document.getElementById('colorname').value = "Pick A Color";
	var colorName_temp = "Pick A Color";
	document.getElementById('colorname').value = "Pick A Color";
	var colorname = document.getElementById("colorname");
    colorname.firstChild.nodeValue=colorName_temp;
	
	// document.getElementById('colorname2').value = "Pick A Color";
	var colorName2_temp = "Pick A Color";
	document.getElementById('colorname2').value = "Pick A Color";
	var colorname2 = document.getElementById("colorname2");
    colorname2.firstChild.nodeValue=colorName2_temp;
};

var popup;
function porta_PopUp(url)
{
	popup=window.open(url,'name','height=250,width=500,toolbar=no,location=no,status=no,scrollbars=yes,resizable=no');
	if (window.focus) {popup.focus()}
}

function porta_PopUp_infomercial(url)
{
	popup=window.open(url,'name','height=340,width=350,toolbar=no,location=no,status=no,scrollbars=yes,directories=no,resizable=no');
	if (window.focus) {popup.focus()}
}

var popup;
function porta_PopUp_feedback(url)
{
	popup=window.open(url,'name','height=400,width=450,toolbar=no,location=no,status=no,scrollbars=yes,resizable=no');
	if (window.focus) {popup.focus()}
}

// Avante Garde Style Picker

function txtNavi()
{
	for ( i = 0; i < txtLink.length; i++)
	{
		document.write("<a href='javascript:void(0);' onClick=openAvante(" + i + ")>" + txtLink[i] + "</a> &middot; ")
	}
};

// NO TANGLE LEASH COLOR CHANGER

function openNtlc(id)
{
	var txtSrc = "images/products/" + txtName[id];
	document.getElementById('no_tangle_leash').src=txtSrc;
};

function no_tangle_leash_colors()
{
	var pagesObj = document.getElementById("vcSelectAttribute-5-21");
	
	if (pagesObj.options[pagesObj.selectedIndex].value == "21.11.0") openNtlc(0);
	if (pagesObj.options[pagesObj.selectedIndex].value == "21.12.0") openNtlc(1);
	if (pagesObj.options[pagesObj.selectedIndex].value == "21.13.0") openNtlc(2);
	if (pagesObj.options[pagesObj.selectedIndex].value == "21.14.0") openNtlc(3);
	if (pagesObj.options[pagesObj.selectedIndex].value == "21.17.0") openNtlc(4);

};

// AVANTE GARDE STYLE CHANGER

function openAvante(id)
{
	var txtSrc = "images/products/" + txtName[id];
	document.getElementById('avante').src=txtSrc;
		
	var avanteName_temp = txtLink[id];
	document.getElementById('avante_txt').value = "Choose a style";
	var avantename = document.getElementById("avante_txt");
    avantename.firstChild.nodeValue=avanteName_temp;
};

function ag_styles()
{
	var pagesObj = document.getElementById("vcSelectAttribute-7-22");
	
	if (pagesObj.options[pagesObj.selectedIndex].value == "22.20.0") openAvante(5);
	if (pagesObj.options[pagesObj.selectedIndex].value == "22.21.0") openAvante(6);
	if (pagesObj.options[pagesObj.selectedIndex].value == "22.22.0") openAvante(7);
	if (pagesObj.options[pagesObj.selectedIndex].value == "22.23.0") openAvante(8);
	if (pagesObj.options[pagesObj.selectedIndex].value == "22.31.0") openAvante(23);
	if (pagesObj.options[pagesObj.selectedIndex].value == "22.32.0") openAvante(24);

};

// NYLON LEASH COLOR CHANGER

function openNlc(id)
{
	var txtSrc = "images/products/" + txtName[id];
	document.getElementById('nylon_leash').src=txtSrc;
};

function nylon_leash_colors()
{
	var pagesObj = document.getElementById("vcSelectAttribute-5-23");
	
	if (pagesObj.options[pagesObj.selectedIndex].value == "23.11.0") openNlc(9);
	if (pagesObj.options[pagesObj.selectedIndex].value == "23.12.0") openNlc(10);
	if (pagesObj.options[pagesObj.selectedIndex].value == "23.13.0") openNlc(11);
	if (pagesObj.options[pagesObj.selectedIndex].value == "23.14.0") openNlc(12);
	if (pagesObj.options[pagesObj.selectedIndex].value == "23.17.0") openNlc(13);

};

// NYLON LEASH COLOR CHANGER

function openrfNlc(id)
{
	var txtSrc = "images/products/" + txtName[id];
	document.getElementById('rf_nylon_leash').src=txtSrc;
};

function rf_nylon_leash_colors()
{
	var pagesObj = document.getElementById("vcSelectAttribute-5-29");
	
	if (pagesObj.options[pagesObj.selectedIndex].value == "29.11.0") openrfNlc(21);
	if (pagesObj.options[pagesObj.selectedIndex].value == "29.12.0") openrfNlc(22);

};

// COLORED LEATHER LEASH COLOR CHANGER

function openCllc(id)
{
	var txtSrc = "images/products/" + txtName[id];
	document.getElementById('colored_leather_leash').src=txtSrc;
};

function colored_leather_leash_colors()
{
	var pagesObj = document.getElementById("vcSelectAttribute-5-25");
	
	if (pagesObj.options[pagesObj.selectedIndex].value == "25.11.0") openCllc(14);
	if (pagesObj.options[pagesObj.selectedIndex].value == "25.12.0") openCllc(15);
	if (pagesObj.options[pagesObj.selectedIndex].value == "25.13.0") openCllc(16);
	if (pagesObj.options[pagesObj.selectedIndex].value == "25.14.0") openCllc(17);
	if (pagesObj.options[pagesObj.selectedIndex].value == "25.17.0") openCllc(18);

};

// SLIP LEADS COLOR CHANGER

function openSl(id)
{
	var txtSrc = "images/products/" + txtName[id];
	document.getElementById('slip_leads').src=txtSrc;
};

function slip_leads_color()
{
	var pagesObj = document.getElementById("vcSelectAttribute-10-27");
	
	if (pagesObj.options[pagesObj.selectedIndex].value == "27.29.0") openSl(19);
	if (pagesObj.options[pagesObj.selectedIndex].value == "27.30.0") openSl(20);

};