var allArray = new Array("images/sh_logo.jpg", imPath + "price.jpg", imPath + "title.jpg");
var imArray = new Array();
var colArray = new Array();
var counter=2;

if (imTotal== null || imTotal=="undefined") {
	var imTotal = "";
	} else if (imPath== null || imPath=="undefined") {
		var imPath = "";
	} else {
	for (i=2;i<=imTotal;i++) {
		allArray.push(imPath + "col" + i + ".jpg");
	}
	for (i=counter;i<=imTotal+1;i++) {
		allArray.push(imPath + "img" + i + ".jpg");
	}
	for (i=counter;i<=imTotal+1;i++) {
		imArray.push(imPath + "img" + i + ".jpg");
	}
}

function progLoad() {

	var image1 = new Image();
	image1.src = imPath + "img1.jpg";

	for (i=0; i < allArray.length; i++) {
		var preload_a = new Image();
		preload_a.src = allArray[i];
	}

	//for (i=0; i < colArray.length; i++) {
		//var preload_b = new Image();
		//preload_b.src = colArray[i];
	//}
	
	//lastLoad();
}

function lastLoad() {
	for (i=1; i < imArray.length; i++) {
		var preload_c = new Image();
		preload_c.src = imArray[i];
	}
}

function swap(imgNum, init) {
	if (init!=1) {
		document['imgloc'].src = imArray[imgNum];
		document.pp.hosted_button_id.value = ppArray[imgNum];
	} else {
		document['imgloc'].src = imPath + "img1.jpg";
		document.pp.hosted_button_id.value = 0;
	}
}
	
function addBasket() {
	if (document.pp.hosted_button_id.value == 0) {
		alert("Please select a colourway before clicking 'Add to basket'");
	} else {
		document.pp.submit();
	}
}

function kcSwap(imgNum) {
	var n = imgNum.selectedIndex;
	if (n > 0) {
		document['imgloc'].src = polkaArray[n];
	}
}

function pcSwap(imgNum, desNum) {
	var n = imgNum.selectedIndex;
	if (n > 0) {
		document['imgloc'].src = eval("imArray" + desNum)[n];
	}
}

function clearField(t) {
	if (t.value == "Please leave blank for none") {
		t.value = "";
	}
}

// validate colourway dropdown - alert if design has not been selected

function selectCol(n) {

	if (n.selectedIndex!=0) {
		document.getElementById("os1").value = n.value;
		
	} else if (n.selectedIndex==0) {
		document.getElementById("os1").value = "0";
	}
}

// Sample request validation - fill hidden fields with correct values
function fillField(n) {

	var b = Number(returnDrop) + 1;

	if (n.selectedIndex > 0) {
			
		if (returnDrop < 5) {
			document.getElementById("design_list"+b).disabled = false;
		}
		document.getElementById("colourway"+returnDrop).value = n.value;
		dselected = 0;
		
	} else if (n.selectedIndex==0) {
		
		if (returnDrop < 5) {
			document.getElementById("design_list"+b).disabled = true;
		}
		document.getElementById("colourway"+returnDrop).value = "0";
		dselected = 1;
	}
}

function disableCol(n) {
	alert(n.style.display);
	//document.cush_sub.od1.disabled = true;
}

// Products - cushions - select list enables/disables relevant colourway select list
function switchDesign(id){
	var n = "d"+id.selectedIndex;
	var z = "od"+id.selectedIndex;
	desNum = id.selectedIndex;
	
	returnDrop = "od"+id.selectedIndex;
	
	// if design index isnt 1, hide all divs and display drop down required
	if (id.selectedIndex != 0) {
	for (var i=0;i<allDropDownIds.length;i++){
		//alert(document.getElementById(allDropDownIds[i]).style.display)
		document.getElementById(allDropDownIds[i]).style.display = 'none';
		//hidediv(allDropDownIds[i]);
	}
	document.getElementById(z).disabled = false;
	showdiv(n);
	
	// if design index is 1, hide all divs, show drop down 1, and disable
	// reset os1 hidden colourway field for validating
	} else if (id.selectedIndex == 0) {
		for (var i=0;i<allDropDownIds.length;i++){
			document.getElementById(allDropDownIds[i]).style.display = 'none';
			//eval("d"+i).eval("od"+i).disabled=true;
		}
		for (var i=1;i<allDropDownIds.length+1;i++){
			document.getElementById("od"+i).selectedIndex = 0;
		}
	showdiv("d1");
	
	document.getElementById("od1").disabled = true;	
	document.getElementById("os1").value = "0";
	}
}

// SAMPLE REQUEST SWITCH SELECT
function switchSample(id){

	var str=id.name;
	var d_ids = (str.substring(5,6));
	var d_id = Number(d_ids);

	//alert(allDropDownIds[d_id-1][id.selectedIndex-1]);

	//alert("div id = "+n)
	//alert("select id ="+z)
	
	//desNum = id.selectedIndex;
		
	// if design index isnt 1, hide all divs and display drop down required
	
	if (id.selectedIndex > 0) {

	var n = allDropDownIds[d_id-1][id.selectedIndex-1];
	var z = allSelectIds[d_id-1][id.selectedIndex-1];

	returnDrop = d_id;
	
		for (var i=0;i<12;i++){
			document.getElementById(allDropDownIds[d_id-1][i]).style.display = 'none';
		}
	
	showdiv(n);

	document.getElementById(z).disabled = false;
	document.getElementById("design"+d_id).value = id.value;
	
	if (d_id > 1) {
		dselected = 1;
	}
		

	// if design index is 0, hide all divs, show drop down 1, and disable
	// reset os1 hidden colourway field for validating
		
		} else if (id.selectedIndex < 1) {
		
			for (var i=0;i<12;i++){
				document.getElementById(allDropDownIds[d_id-1][i]).style.display = 'none';
			}
			for (var i=0;i<12;i++){
				document.getElementById(allSelectIds[d_id-1][i]).selectedIndex = 0;
			}
	
	showdiv(allDropDownIds[d_id-1][0]);

	document.getElementById(allSelectIds[d_id-1][0]).disabled = true;	
	document.getElementById("colourway"+d_id).value = "0";
	document.getElementById("design"+d_id).value = "0";
	
	}
}

function hideallids(){
	for (var i=0;i<allDropDownIds.length;i++){
		hidediv(allDropDownIds[i]);
	}
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	//if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	//}
	//else {
		//if (document.layers) { // Netscape 4
		//	document.id.display = 'none';
		//}
		//else { // IE 4
		//	document.all.id.style.display = 'none';
		//}
	//}
	
}

function showdiv(id) {
	//safe function to show an element with a specified id
	//alert(id);	  
	//if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'inline';
		
	//}
	//else {
	//	if (document.layers) { // Netscape 4
	//		document.id.display = 'inline';
	//	}
	//	else { // IE 4
	//		document.all.id.style.display = 'inline';
	//	}
	//}
}

progLoad();