var x = 0;
var inputItem;
var inputItem2;

function disableOptions(){
	var theContainer = document.getElementById("options");
	var theSelts = theContainer.getElementsByTagName("select");
	var theInpts = theContainer.getElementsByTagName("input");
	
	for(var x=0; x<theSelts.length; x++){
		theSelts[x].disabled = true;
	}
	
	for(var y=0; y<theInpts.length; y++){
		theInpts[y].disabled = true;
	}
}

function enableOptions(){
	var theContainer = document.getElementById("options");
	var theSelts = theContainer.getElementsByTagName("select");
	var theInpts = theContainer.getElementsByTagName("input");
	
	for(var x=0; x<theSelts.length; x++){
		theSelts[x].disabled = false;
	}
	
	for(var y=0; y<theInpts.length; y++){
		theInpts[y].disabled = false;
	}
}

var createElementWithName = ( function(){
  try {
    var el = document.createElement( '<div name="foo">' );
    if( el.tagName !== 'DIV' || el.name !== 'foo' ){
      throw 'create failed';
    }
    return function( tag, name ){
      return document.createElement( '<' + tag + ' type=hidden name="' +
        name + '"></' + tag + '>' );
    };
  }catch( e ){
    return function( tag, name ){
      var el = document.createElement( tag );
      el.setAttribute( 'name', name );
	  el.setAttribute( 'type', 'hidden' );
      return el;
    };
  }
})();

function removeElement(id)	{
	var Node = document.getElementById(id);
	Node.parentNode.removeChild(Node);
}


function showPers(elem, val){
	var theFrm = document.getElementById("pitfrm");
	var theRow = document.getElementById("options");
	var theQty = document.getElementById("quantity-box");
	var theSpecialQty = document.getElementById("custom-quan");
	val = parseFloat(val).toFixed(2);
	
	if(elem.checked == true){
		elem.value = "Yes";
		enableOptions();
		theRow.style.display = "block";
		
		inputItem = createElementWithName("input","Personalization Charge");
		/*if(theSpecialQty && (theSpecialQty.selectedIndex != 0)){
			var revisedVal = val * theSpecialQty.value;
			inputItem.setAttribute("value", ("(+" + revisedVal + ")"));
		}else{
			inputItem.setAttribute("value", ("(+" + val + ")"));
		}*/
		inputItem.setAttribute("value", ("(+" + val + ")"));
		inputItem.setAttribute("id", "persinpt");
		theFrm.appendChild(inputItem);
		
	}else{
		elem.value = "No";
		disableOptions();
		theRow.style.display = "none";
		if(document.getElementById("persinpt")){
			removeElement("persinpt");
		}
	}
	
	x = val;
}