// Sticker Functions

function redSticker() {
	elem = document.getElementById("dispSticker");
	elem.style.backgroundImage = "url(../images/red.gif)";

}

function orangeSticker() {
	elem = document.getElementById("dispSticker");
	elem.style.backgroundImage = "url(../images/orange.gif)";

}

function purpleSticker() {
	elem = document.getElementById("dispSticker");
	elem.style.backgroundImage = "url(../images/purple.gif)";

}

function yellowSticker() {
	elem = document.getElementById("dispSticker");
	elem.style.backgroundImage = "url(../images/yellow.gif)";

}


function populateSticker() {

	len = document.quant.Quantity.length;

	for (i = 0; i <len; i++) {
		if (document.quant.Quantity[i].checked) {
			quantity = document.quant.Quantity[i].value;
		}
	}


	len = document.colr.StickerColour.length

	for (i = 0; i <len; i++) {
		if (document.colr.StickerColour[i].checked) {
			colour = document.colr.StickerColour[i].value;
		}
	}

	var line1 = document.getElementById('Line1Name');
	var line2 = document.getElementById('Line2Title');
	var line3 = document.getElementById('Line3Phone');
	var line4 = document.getElementById('Line4Web');


	document.getElementById('NameL1').innerHTML = line1.value;
	document.getElementById('TitleL2').innerHTML = line2.value;
	document.getElementById('PhoneL3').innerHTML = line3.value;
	document.getElementById('WebL4').innerHTML = line4.value;
	
	document.getElementsByName("Product_Code")[0].value = quantity;
	
	document.getElementsByName("Product_Attributes[1]:code")[0].value = quantity + "-colour";
	document.getElementsByName("Product_Attributes[1]:value")[0].value = quantity + "-colour-" + colour;
	
	document.getElementsByName("Product_Attributes[2]:code")[0].value = quantity + "-line1";
	document.getElementsByName("Product_Attributes[2]:value")[0].value = line1.value;
	document.getElementsByName("Product_Attributes[3]:code")[0].value = quantity + "-line2";
	document.getElementsByName("Product_Attributes[3]:value")[0].value = line2.value;
	document.getElementsByName("Product_Attributes[4]:code")[0].value = quantity + "-line3";
	document.getElementsByName("Product_Attributes[4]:value")[0].value = line3.value;
	document.getElementsByName("Product_Attributes[5]:code")[0].value = quantity + "-line4";
	document.getElementsByName("Product_Attributes[5]:value")[0].value = line4.value;
	
}