<!--
// ----------------------------------------------------
// Style / Catalogue Scripts
// Copyright Original T Limited
// ----------------------------------------------------


var partnerItemID = new Array(); var catalogueFront = new Array(); var rollOverDescription = new Array(); var categoryID = new Array(); ii = 0

function writeStyles(category) {

	var catStart, catEnd, holder
	
	catStart = "<div class=\"raised\" style=\"width:80px;\">";
	catStart += "<b class=\"b1\"></b><b class=\"b2\"></b><b class=\"b3\"></b><b class=\"b4\"></b>";
	catStart += "<div class=\"boxcontent\">";
	holder = ""
	catEnd = "</div><b class=\"b4b\"></b><b class=\"b3b\"></b><b class=\"b2b\"></b><b class=\"b1b\"></b></div>";

	for (i=0;i<categoryID.length;i++) {

		if(categoryID[i] == category) { // write style shot
			holder += "<a href=\"javascript:changeStyle(" + i + ");\" onMouseover=\"ddrivetip('" + rollOverDescription[i] + "', 100)\"; onMouseout=\"hideddrivetip()\"><img src=\"/images/items/" + catalogueFront[i] + "\" width=\"75\" height=\"83\" border=\"0\" /></a><br />"
		}
	}

	if (holder != "") {
		return catStart + holder + catEnd
	} else {
		return false
	}

}

function getCurrentCat5Style(category) {
	// this is a short cut to get the pet's section to display first.
	for (i=0;i<categoryID.length;i++) {
		if (currentStyle == 0) {
			if(categoryID[i] == category) {
				currentStyle = i;
			}
		}
	}
}
function changeStyleList(val) {

	var hldr = ""
	var element = document.getElementById("catalogue");


	if (val != "0") {
		element.innerHTML = writeStyles(val);
	} else {
		if (writeStyles("5")) { hldr += writeStyles("5") + "<br />"; getCurrentCat5Style("5") };
		if (writeStyles("1")) { hldr += writeStyles("1") + "<br />" };
		if (writeStyles("2")) { hldr += writeStyles("2") + "<br />" };
		if (writeStyles("3")) { hldr += writeStyles("3") + "<br />" };
		if (writeStyles("4")) { hldr += writeStyles("4") + "<br />" };
		element.innerHTML = hldr;
	}

}

function stylesLoading() {
	var element = document.getElementById("catalogue");
	element.innerHTML = "<div align='left'><img src='/images/timer.gif' width='30' height='30' /></div>"
}


// -->