<!--
function find_the_next_element(element) {
/*  Possible infinite loop here if no siblings maybe should just use a i < 100 or something  */
	var condition = true;
    while(condition == true)
    {
	 if(element.nodeType != 1)
	 {
	   element = element.nextSibling;
	 } else {
	   condition = false;
	 }
    }
    return element;
}


function swapOptions(the_select) {
	var the_array = eval(the_select.options[the_select.selectedIndex].text);
	var next_select = document.getElementById(the_select.id).nextSibling;
	next_select = find_the_next_element(next_select);
	setOptionText(next_select, the_array);
}


function setOptionText(the_select, the_array) {
	the_select.options.length = the_array.length/2;
		for (loop=0; loop < the_select.options.length; loop++) {
			var value_counter = loop * 2;
			var text_counter = value_counter + 1;
			the_select.options[loop].value = the_array[value_counter];
			the_select.options[loop].text = the_array[text_counter];
		}
}


var wt_counter = 0; // counter for naming the elements
function moreWorktops(fieldValue1,fieldValue2) {
    wt_counter++;
    var newFields = document.getElementById('worktop_readroot').cloneNode(true);
    newFields.id = '';
    newFields.style.display = 'block';
    var newField = newFields.childNodes;
    for (var i=0;i<newField.length;i++)
    {
		 var theName = newField[i].name
		
		 if(theName)
		 {
		 newField[i].name = theName + "[" + wt_counter + "]"; /* we need the name for php processing $_POST later */
		 newField[i].id = theName + "[" + wt_counter + "]"; /* need an id for the javascript manipulation because there is no getElementByName() only Id*/
			if(i == 0) {
				if(fieldValue1 != "") {
				   newField[i].value = fieldValue1;
				}
			 }
			if(i == 4) {
				if(fieldValue2 != "") {
				   newField[i].value = fieldValue2;
				}
			}
		 }
    }
    var insertHere = document.getElementById('worktop_writeroot');
    insertHere.parentNode.insertBefore(newFields,insertHere);
}

var is_counter = 0; // counter for naming the elements
function moreIslands(fieldValue1,fieldValue2) {
    is_counter++;
    var newFields = document.getElementById('island_readroot').cloneNode(true);
    newFields.id = '';
    newFields.style.display = 'block';
    var newField = newFields.childNodes;
    for (var i=0;i<newField.length;i++)
    {
		 var theName = newField[i].name
		
		 if(theName)
		 {
		 newField[i].name = theName + "[" + is_counter + "]"; /* we need the name for php processing $_POST later */
		 newField[i].id = theName + "[" + is_counter + "]"; /* need an id for the javascript manipulation because there is no getElementByName() only Id*/
			if(i == 0) {
				if(fieldValue1 != "") {
				   newField[i].value = fieldValue1;
				}
			 }
			if(i == 4) {
				if(fieldValue2 != "") {
				   newField[i].value = fieldValue2;
				}
			}
		 }
    }
    var insertHere = document.getElementById('island_writeroot');
    insertHere.parentNode.insertBefore(newFields,insertHere);

}

var sb_counter = 0; // counter for naming the elements
function moreSplashbacks(fieldValue1,fieldValue2) {
    sb_counter++;
    var newFields = document.getElementById('splashback_readroot').cloneNode(true);
    newFields.id = '';
    newFields.style.display = 'block';
    var newField = newFields.childNodes;
    for (var i=0;i<newField.length;i++)
    {
		 var theName = newField[i].name
		
		 if(theName)
		 {
		 newField[i].name = theName + "[" + sb_counter + "]"; /* we need the name for php processing $_POST later */
		 newField[i].id = theName + "[" + sb_counter + "]"; /* need an id for the javascript manipulation because there is no getElementByName() only Id*/
			if(i == 0) {
				if(fieldValue1 != "") {
				   newField[i].value = fieldValue1;
				}
			 }
			if(i == 4) {
				if(fieldValue2 != "") {
				   newField[i].value = fieldValue2;
				}
			}
		 }
    }
    var insertHere = document.getElementById('splashback_writeroot');
    insertHere.parentNode.insertBefore(newFields,insertHere);

}

var up_counter = 0; // counter for naming the elements
function moreUpstands(fieldValue1,fieldValue2) {
    up_counter++;
    var newFields = document.getElementById('upstand_readroot').cloneNode(true);
    newFields.id = '';
    newFields.style.display = 'block';
    var newField = newFields.childNodes;
    for (var i=0;i<newField.length;i++)
    {
		 var theName = newField[i].name
		
		 if(theName)
		 {
		 newField[i].name = theName + "[" + up_counter + "]"; /* we need the name for php processing $_POST later */
		 newField[i].id = theName + "[" + up_counter + "]"; /* need an id for the javascript manipulation because there is no getElementByName() only Id*/
			if(i == 0) {
				if(fieldValue1 != "") {
				   newField[i].value = fieldValue1;
				}
			 }
			if(i == 4) {
				if(fieldValue2 != "") {
				   newField[i].value = fieldValue2;
				}
			}
		 }
    }
    var insertHere = document.getElementById('upstand_writeroot');
    insertHere.parentNode.insertBefore(newFields,insertHere);

}

var sill_counter = 0; // counter for naming the elements
function moreSills(fieldValue1,fieldValue2) {
    sill_counter++;
    var newFields = document.getElementById('sill_readroot').cloneNode(true);
    newFields.id = '';
    newFields.style.display = 'block';
    var newField = newFields.childNodes;
    for (var i=0;i<newField.length;i++)
    {
		 var theName = newField[i].name
		
		 if(theName)
		 {
		 newField[i].name = theName + "[" + sill_counter + "]"; /* we need the name for php processing $_POST later */
		 newField[i].id = theName + "[" + sill_counter + "]"; /* need an id for the javascript manipulation because there is no getElementByName() only Id*/
			if(i == 0) {
				if(fieldValue1 != "") {
				   newField[i].value = fieldValue1;
				}
			 }
			if(i == 4) {
				if(fieldValue2 != "") {
				   newField[i].value = fieldValue2;
				}
			}
		 }
    }
    var insertHere = document.getElementById('sill_writeroot');
    insertHere.parentNode.insertBefore(newFields,insertHere);

}
// -->