/*
Functions to change personalization field options
*/

function changeid(prodid){
	document.getElementById('productid').value = prodid;
}//end changeid function

// changes item codes based on index in product selector combo box
// itemCodes array should be defined in js in order form page
// form should have ID hidden input
// pass name of select as select parameter
function changeItemCode(frm, select) {
	if (itemCodes && frm.elements["ID"] && select && frm[select]) {
		frm.elements["ID"].value = itemCodes[frm[select].selectedIndex];
	}
}

// changes item codes based on index in product selector combo box
// when there are different codes based on another parameter (like # lines of personalization)
// itemCodes array should be defined as 2D array in js in order form page
// form should have ID hidden input
// pass name of select as select parameter
// pass array of names of subselectors as subselect parameter
// subselect will default to item 0 if no fields have content, so
//    if default price is same as price with first subselect, don't worry
//    if default price is different, need to add a hidden field with value="",
//      and submit that name as the first in the subselect array
function changeItemCode2D(frm, select, subselect) {
	var subselectIndex = 0;
	if (itemCodes && itemCodes[0][0] && frm.elements["ID"] && select && frm[select] && subselect && subselect.length) {
		for (var i = 0; i < subselect.length; i++) {
			if (!frm[subselect[i]]) return;
			if (frm[subselect[i]].value.length > 0) subselectIndex = i;
		}
		frm.elements["ID"].value = itemCodes[frm[select].selectedIndex][subselectIndex];
	}
}

function changeItemCodeByLinesOnly(frm, subselect) {
	var subselectIndex = 0;
	if (itemCodes && frm.elements["ID"] && subselect && subselect.length) {
		for (var i = 0; i < subselect.length; i++) {
			if (!frm[subselect[i]]) return;
			if (frm[subselect[i]].value.length > 0) subselectIndex = i;
		}
		frm.elements["ID"].value = itemCodes[subselectIndex];
	}
}

function changeper(elem1){
	//split argument
	var per1 = elem1.split(":");
	
	//set personalization line element properties
	
	//Line1
	if(per1[2] == "false"){
		document.getElementById(per1[0]).disabled = false;
		document.getElementById(per1[0]).style.backgroundColor = "#FFFFFF";
	}
	else{
		document.getElementById(per1[0]).disabled = true;
		document.getElementById(per1[0]).style.backgroundColor = "#666666";
	}
	document.getElementById(per1[0]).maxLength = per1[1];
	document.getElementById(per1[0]).setAttribute("size", parseInt(per1[1]) + parseInt(3));
	document.getElementById(per1[0]).value = "";
}//end changeper function


function changeper2(elem1, elem2){
	//split arguement
	var per1 = elem1.split(":");
	var per2 = elem2.split(":");
	
	//set personalization line element properties
	
	//Line1
	if(per1[2] == "false"){
		document.getElementById(per1[0]).disabled = false;
		document.getElementById(per1[0]).style.backgroundColor = "#FFFFFF";
	}
	else{
		document.getElementById(per1[0]).disabled = true;
		document.getElementById(per1[0]).style.backgroundColor = "#666666";
	}
	document.getElementById(per1[0]).maxLength = per1[1];
	document.getElementById(per1[0]).setAttribute("size", parseInt(per1[1]) + parseInt(3));
	document.getElementById(per1[0]).value = "";
	
	
	
	//Line2
	if(per2[2] == "false"){
		document.getElementById(per2[0]).disabled = false;
		document.getElementById(per2[0]).style.backgroundColor = "#FFFFFF";
	}
	else{
		document.getElementById(per2[0]).disabled = true;
		document.getElementById(per2[0]).style.backgroundColor = "#666666";
	}
	document.getElementById(per2[0]).maxLength = per2[1];
	document.getElementById(per2[0]).setAttribute("size", parseInt(per2[1]) + parseInt(3));
	document.getElementById(per2[0]).value = "";
}//end changeper2 function

function changeper3(elem1, elem2, elem3){
	//split arguement
	var per1 = elem1.split(":");
	var per2 = elem2.split(":");
	var per3 = elem3.split(":");
	
	//set personalization line element properties
	
	//Line1
	if(per1[2] == "false"){
		document.getElementById(per1[0]).disabled = false;
		document.getElementById(per1[0]).style.backgroundColor = "#FFFFFF";
	}
	else{
		document.getElementById(per1[0]).disabled = true;
		document.getElementById(per1[0]).style.backgroundColor = "#666666";
	}
	document.getElementById(per1[0]).maxLength = per1[1];
	document.getElementById(per1[0]).setAttribute("size", parseInt(per1[1]) + parseInt(3));
	document.getElementById(per1[0]).value = "";
	
	
	
	//Line2
	if(per2[2] == "false"){
		document.getElementById(per2[0]).disabled = false;
		document.getElementById(per2[0]).style.backgroundColor = "#FFFFFF";
	}
	else{
		document.getElementById(per2[0]).disabled = true;
		document.getElementById(per2[0]).style.backgroundColor = "#666666";
	}
	document.getElementById(per2[0]).maxLength = per2[1];
	document.getElementById(per2[0]).setAttribute("size", parseInt(per2[1]) + parseInt(3));
	document.getElementById(per2[0]).value = "";
	
	//Line3
	if(per3[2] == "false"){
		document.getElementById(per3[0]).disabled = false;
		document.getElementById(per3[0]).style.backgroundColor = "#FFFFFF";
	}
	else{
		document.getElementById(per3[0]).disabled = true;
		document.getElementById(per3[0]).style.backgroundColor = "#666666";
	}
	document.getElementById(per3[0]).maxLength = per3[1];
	document.getElementById(per3[0]).setAttribute("size", parseInt(per3[1]) + parseInt(3));
	document.getElementById(per3[0]).value = "";
}//end changeper3 function


function setpercp(elemid) {

//element of clicked
var element = document.getElementById(elemid);

if (elemid == "peropt1"){
		document.getElementById("per1").style.display = "block";
		document.getElementById("per2").style.display = "none";
		document.getElementById("per3").style.display = "none";
}
else if (elemid == "peropt2"){
		document.getElementById("per1").style.display = "none";
		document.getElementById("per2").style.display = "block";
		document.getElementById("per3").style.display = "none";
}
else if (elemid == "peropt3"){
		document.getElementById("per1").style.display = "none";
		document.getElementById("per2").style.display = "none";
		document.getElementById("per3").style.display = "block";
}
else {
	
}

}//end setpercp function

function setper2(elemid) {

//element of clicked
var element = document.getElementById(elemid);

if (elemid == "welcome1"){
	document.forms['productoptions1'].elements['AddOn2'].disabled = true;
	document.forms['productoptions1'].elements['AddOn3'].disabled = true;
}
else if (elemid == "est1"){
	document.forms['productoptions1'].elements['AddOn2'].disabled = false;
	document.forms['productoptions1'].elements['AddOn3'].disabled = true;
}
else if (elemid == "custom1"){
	document.forms['productoptions1'].elements['AddOn2'].disabled = true;
	document.forms['productoptions1'].elements['AddOn3'].disabled = false;
}
else if (elemid == "welcome2"){
	document.forms['productoptions2'].elements['AddOn2'].disabled = true;
}
else if (elemid == "est2"){
	document.forms['productoptions2'].elements['AddOn2'].disabled = false;
}
else {
	
}

}//end setper function