var counter = 0;

function moreFields() {
	counter++;
	var newFields = document.getElementById('productfield_0').cloneNode(true);
	newFields.id = 'productfield_' + counter;
	nodes(newFields);
	var insertHere = document.getElementById('moreFields');
	insertHere.parentNode.insertBefore(newFields,insertHere);
	checkvalue(document.getElementById('product_'+counter));
	document.getElementById('numberofProducts').value = counter+1;
	//eval("document.getElementById('product_'+counter).onchange = checkvalue;");
	eval("document.getElementById('safety_'+counter).onclick = checkqty;");
	eval("document.getElementById('data_'+counter).onclick = checkqty;");
}

function nodes(parentfield) {
	var newField = parentfield.childNodes;
	for (var i=0;i<newField.length;i++) {
		if (newField[i].type == 'checkbox') {
			newField[i].checked = false;
		} else if (newField[i].type == 'select-one') {
			newField[i].selectedIndex = 0;
		} else if (newField[i].type == 'text') {
			newField[i].value = "";
		}
		var theName = newField[i].name
		if (theName)
			newField[i].name = theName.split("_")[0] + "_" + counter;
		var theId = newField[i].id
		if (theId)
			newField[i].id = theId.split("_")[0] + "_" + counter;
		if (newField[i].childNodes)
			nodes(newField[i]);
	}
}

function checkvalue(obj) {
		var theID = obj.id.split("_")[1];
		var theActualTarget=document.getElementById("options_"+theID).style;
		if (obj.value == "") {
			theActualTarget.display="none"; 
			document.getElementById("safety_"+theID).checked = false;
			document.getElementById("safety-qty_"+theID).value = "";
			document.getElementById("options-safety_"+theID).style.display = "none";
			document.getElementById("data_"+theID).checked = false;
			document.getElementById("data-qty_"+theID).value = "";
			document.getElementById("options-data_"+theID).style.display = "none";
			if (counter == theID)
			document.getElementById('moreFields').style.display="none";
			if (counter == 0) {
			document.getElementById('flag').innerHTML = "To request printed safety and data sheets for products, please select the products you are interested in and the information you require";
			document.getElementById('flag').style.fontWeight = "normal";
			}
		} else {
			theActualTarget.display="block"; 
			if (counter == theID)
			document.getElementById('moreFields').style.display="block";
			if (counter == 0) {
			document.getElementById('flag').innerHTML = "Don't forget you can download product data sheets from this website, by visiting the <a href=\"products.asp\">products section</a>.";
			document.getElementById('flag').style.fontWeight = "bold";
			}
		}
 
	}
	
function checkqty() {
		obj = this;
		var qtyID = obj.id.split("_")[1];
		var qtyType = obj.id.split("_")[0];
		//var theActualTarget=document.getElementById(qtyType+"-qty_"+qtyID);
		if (obj.checked != true) {
			document.getElementById(qtyType+"-qty_"+qtyID).value="";
			document.getElementById("options-"+qtyType+"_"+qtyID).style.display="none"; 
			
		} else {
			document.getElementById("options-"+qtyType+"_"+qtyID).style.display="inline"; 
			document.getElementById(qtyType+"-qty_"+qtyID).value="1";
		}
 
	}	

window.onload = function () {
	document.getElementById('moreFields').onclick = moreFields;
document.getElementById('safety_0').onclick = checkqty;
document.getElementById('data_0').onclick = checkqty;


document.getElementById('rag_a4').onclick = checkqty;
document.getElementById('rag_mini').onclick = checkqty;
			checkvalue(document.getElementById('product_0'));
			document.getElementById("rag_a4").checked = false;
			document.getElementById("rag-qty_a4").value = "";
			document.getElementById("options-rag_a4").style.display = "none";
			document.getElementById("rag_mini").checked = false;
			document.getElementById("rag-qty_mini").value = "";
			document.getElementById("options-rag_mini").style.display = "none";
}