// JavaScript Document

var num_items=0;
var num_items_list='';
var array = new Array();


function addItem(){	
	num_items++;
	array.push(num_items);
	//alert(array.length.toString());
	var form1 = document.getElementById('form1');
	var el = document.createElement('div');
	el.setAttribute('id',"div_"+num_items.toString());
	el.innerHTML = '<table border=\'0\' cellpadding=\'3\' cellspacing=\'0\' width=\'100%\'><tr><td bgcolor=\'#999999\'><b>Item '+num_items+'</b></td><td td align=\'right\' bgcolor=\'#999999\'><input type=\'button\' value=\'Remove Item\' onclick=\"javascript:removeItem('+num_items+');\"></td></tr><tr><td>Item Description:<span class=\'required\'>*</span></td><td><span id=\'spryselect_itemDescription'+num_items+'\'><select id=\'select_itemDescription'+num_items+'\' name=\'select_itemDescription'+num_items+'\' tabindex=\'0\' style=\'width: 210px;\' ><option value=\'\' selected>Choose an Item</option><option value=\'Front Curtain\' >Front Curtain</option><option value=\'Valance\' >Valance</option><option value=\'Traveler\' >Traveler</option><option value=\'Leg\' >Leg</option><option value=\'Border\' >Border</option><option value=\'Back Drop\' >Back Drop</option><option value=\'Muslin-Cyc - Seamed\' >Muslin-Cyc - Seamed</option><option value=\'Muslin-Cyc - Seamless\' >Muslin-Cyc - Seamless</option><option value=\'Scrim Drop\' >Scrim Drop</option><option value=\'Other\' >Other (describe)</option></select></span></td></tr><tr><td>Other Item:&nbsp;</td><td><span id=\'sprytextfield_text_otherItemDescription'+num_items+'\'><input type=\'text\' id=\'Item_Description_Other'+num_items+'\' name=\'Item_Description_Other'+num_items+'\' value=\'\' tabindex=\'0\' style=\'width: 210px;\' /></span></td></tr><tr><td>Fabric Type:<span class=\'required\'>*</span></td><td><span id=\'spryselect_fabric'+num_items+'\'><select id=\'select_fabric'+num_items+'\' name=\'select_fabric'+num_items+'\' tabindex=\'0\' style=\'width: 210px;\' ><option value=\'\' selected>Choose a Fabric</option><option value=\'25 oz Velour\' >25 oz Velour</option><option value=\'16 oz Velour\' >16 oz Velour</option><option value=\'22 oz Encore\' >22 oz Encore</option><option value=\'IFR Doral (vinyl backed)\' >IFR Doral (vinyl backed)</option><option value=\'IFR Nevada\' >IFR Nevada</option><option value=\'Chevron\' >Chevron</option><option value=\'Commando\' >Commando</option><option value=\'Serge\' >Serge</option><option value=\'NFR Muslin\' >NFR Muslin</option><option value=\'FR Muslin\' >FR Muslin</option><option value=\'Scrim\' >Scrim</option><option value=\'Filled Scrim (Leno)\' >Filled Scrim (Leno)</option><option value=\'Other\' >Other (describe)</option></select></span></td></tr><tr><td>Other Fabric:&nbsp;</td><td><span id=\'sprytextfield_otherFabric'+num_items+'\'><input type=\'text\' id=\'text_otherFabric'+num_items+'\' name=\'text_otherFabric'+num_items+'\' value=\'\' tabindex=\'0\' style=\'width: 210px;\' /></span></td></tr><tr><td>Fullness:<span class=\'required\'>*</span></td><td><span id=\'spryselect_fullness'+num_items+'\'><select id=\'select_fullness'+num_items+'\'  name=\'select_fullness'+num_items+'\' tabindex=\'0\' style=\'width: 210px;\'><option value=\'\' selected>Choose a Fullness</option><option value=\'Flat\' >Flat</option><option value=\'+50%\' >+50%</option><option value=\'+75%\' >+75%</option><option value=\'+100%\' >+100%</option></select></span></td></tr><tr><td>Finish:<span class=\'required\'>*</span></td><td><span id=\'spryselect_finish'+num_items+'\'><select id=\'select_finish'+num_items+'\' name=\'select_finish'+num_items+'\' tabindex=\'0\' style=\'width: 210px;\'><option value=\'\' selected>Choose a Finish</option><option value=\'Web/Grom/Ties + Hem\' >Web/Grom/Ties + Hem</option><option value=\'Web/Grom/Ties + Pipe Pocket\' >Web/Grom/Ties + Pipe Pocket</option><option value=\'Web/Grom/Ties + Weights\' >Web/Grom/Ties + Weights</option><option value=\'Other\' >Other (describe)</option></select></span></td></tr><tr><td>Other Finish:&nbsp;</td><td><span id=\'sprytextfield_otherFinish'+num_items+'\'><input type=\'text\' id=\'text_otherFinish'+num_items+'\' name=\'text_otherFinish'+num_items+'\' tabindex=\'0\' style=\'width: 210px;\' /></span></td></tr><tr><td>Color:<span class=\'required\'>*</span></td><td><span id=\'sprytextfield_color'+num_items+'\'><input type=\'text\' id=\'text_color'+num_items+'\' name=\'text_color'+num_items+'\' tabindex=\'0\' style=\'width: 210px;\' /></span></td></tr><tr><td>Lining:<span class=\'required\'>*</span></td><td><input name=\'radio_lining'+num_items+'\' type=\'radio\' value=\'No\' tabindex=\'0\' selected /> No <input name=\'radio_lining'+num_items+'\' type=\'radio\' value=\'Yes\' tabindex=\'0\' /> Yes</td></tr><tr><td>Size per panel (H x W):<span class=\'required\'>*</span></td><td><span id=\'sprytextfield_height'+num_items+'\'><input id=\'text_height'+num_items+'\' name=\'text_height'+num_items+'\' type=\'text\' size\'5\' value=\'\' tabindex=\'0\' style=\'width: 90px;\' /></span> x <span id=\'sprytextfield_width'+num_items+'\'><input id=\'text_width'+num_items+'\' name=\'text_width'+num_items+'\' type=\'text\' size\'5\' value=\'\' tabindex=\'0\' style=\'width: 90px;\' /></span></td></tr><tr><td>Quantity:<span class=\'required\'>*</span></td><td><span id=\'sprytextfield_quantity'+num_items+'\'><input id=\'text_quantity'+num_items+'\' name=\'text_quantity'+num_items+'\' type=\'text\' value=\'\' tabindex=\'0\' style=\'width: 90px;\' /></span></td></tr></table>';
		
	num_items_list+=','+num_items.toString();
	//alert('num_items_list: '+num_items_list);
	form1.items_num.value=num_items_list;
	
	form1.appendChild(el);
	
	var body1 = document.getElementById('body1');
	var newScript = document.createElement('script');
	newScript.type = 'text/javascript';
	newScript.innerHTML='var spryselect_itemDescription'+num_items+' = new Spry.Widget.ValidationSelect(\"spryselect_itemDescription'+num_items+'\");';
	newScript.innerHTML+=' var spryselect_fabric'+num_items+' = new Spry.Widget.ValidationSelect(\"spryselect_fabric'+num_items+'\");';
	newScript.innerHTML+=' var spryselect_fullness'+num_items+' = new Spry.Widget.ValidationSelect(\"spryselect_fullness'+num_items+'\");';
	newScript.innerHTML+=' var spryselect_finish'+num_items+' = new Spry.Widget.ValidationSelect(\"spryselect_finish'+num_items+'\", {isRequired:true});';
	newScript.innerHTML+=' var sprytextfield_otherItemDescription'+num_items+' = new Spry.Widget.ValidationTextField(\"sprytextfield_otherItemDescription'+num_items+'\", \"none\", {isRequired:false, minChars:1, maxChars:50, validateOn:[\"blur\"]});';
	newScript.innerHTML+=' var sprytextfield_otherFabric'+num_items+' = new Spry.Widget.ValidationTextField(\"sprytextfield_otherFabric'+num_items+'\", \"none\", {isRequired:false, minChars:1, maxChars:50, validateOn:[\"blur\"]});';
	newScript.innerHTML+=' var sprytextfield_otherFinish'+num_items+' = new Spry.Widget.ValidationTextField(\"sprytextfield_otherFinish'+num_items+'\", \"none\", {isRequired:false, minChars:1, maxChars:50, validateOn:[\"blur\"]});';
	newScript.innerHTML+=' var sprytextfield_height'+num_items+' = new Spry.Widget.ValidationTextField(\"sprytextfield_height'+num_items+'\", \"none\", {isRequired:true, minChars:1, maxChars:50, validateOn:[\"blur\"]});';
	newScript.innerHTML+=' var sprytextfield_width'+num_items+' = new Spry.Widget.ValidationTextField(\"sprytextfield_width'+num_items+'\", \"none\", {isRequired:true, minChars:1, maxChars:50, validateOn:[\"blur\"]});';
	newScript.innerHTML+=' var sprytextfield_color'+num_items+' = new Spry.Widget.ValidationTextField(\"sprytextfield_color'+num_items+'\", \"none\", {isRequired:true, minChars:1, maxChars:50, validateOn:[\"blur\"]});';
	newScript.innerHTML+=' var sprytextfield_quantity'+num_items+' = new Spry.Widget.ValidationTextField(\"sprytextfield_quantity'+num_items+'\", \"integer\", {isRequired:true, minChars:1, maxChars:7, validateOn:[\"blur\"]});';
	body1.appendChild(newScript);

}

function removeItem(num){
	//var num=prompt("Which Item?");
	var form1= document.getElementById('form1');
	form1.removeChild(document.getElementById('div_'+num.toString()));
	//num_items--;
	//alert(num_items_list);
	//alert(num);
	if (parseInt(num)<10){
		//alert('if');
		num_items_list=num_items_list.substring(0,num_items_list.search(num)-1)+num_items_list.substring(num_items_list.search(num)+1,num_items_list.length);
	}
	else{
		//alert('else');
		num_items_list=num_items_list.substring(0,num_items_list.search(num)-1)+num_items_list.substring(num_items_list.search(num)+2,num_items_list.length);
	}
	form1.items_num.value=num_items_list;
	//alert(num_items_list);
}