/* The following function creates a new input field and then calls datePickerController.create();
		   to dynamically create a new date-picker widgit for it */
		function newline() {
		        var total = document.getElementById("newline-wrapper").getElementsByTagName("div").length;

		        // No more than ten new inputs
		        if(!total) {
		                document.getElementById("newline").style.display = "none";
		                return false;
		        }

		        total++;

		        // Clone the first div in the series
		        var div = document.getElementById("newline-wrapper").getElementsByTagName("div")[0].cloneNode(true);

		        // Reset the cloned labels "for" attributes
		        var labels = div.getElementsByTagName('label');

		        for(var i = 0, lbl; lbl = labels[i]; i++) {
		                // Set the new labels "for" attribute
		                if(lbl["htmlFor"]) {
		                        lbl["htmlFor"] = lbl["htmlFor"].replace(/[0-9]+/g, total);
		                } else if(lbl.getAttribute("for")) {
		                        lbl.setAttribute("for", lbl.getAttribute("for").replace(/[0-9]+/, total));
		                }
		        }

		        // Reset the inputs name and id attributes
		        var inputs = div.getElementsByTagName('input');
		        for(var i = 0, inp; inp = inputs[i]; i++) {
		                // Set the new inputs id and name attribute
		                inp.id = inp.name = inp.id.replace(/[0-9]+/g, total);
		                if(inp.type == "text") inp.value = "";
		        }

		        // Reset the button name and id attributes
		        var inputs = div.getElementsByTagName('button');
		        for(var i = 0, inp; inp = inputs[i]; i++) {
		                inp.id = inp.name = inp.id.replace(/[0-9]+/g, total);
		        }

		        // Create a delete button
		        var deleteBut = document.createElement('button');
		        deleteBut.className = "delete-button";
		        deleteBut.appendChild(document.createTextNode('X'));
		        deleteBut.onclick = destroyLine;

		        // Add the delete button to the wrapper div
		        div.appendChild(deleteBut);

		        // DOM inject the wrapper div
		        document.getElementById("newline-wrapper").appendChild(div);

		        // Call the create method to create and associate a new date-picker widgit with the new input
		        datePickerController.create();

		        // Stop the event
		        return false;
		}

		function resetLineNumbers() {
		        var divs = document.getElementById("newline-wrapper").getElementsByTagName("div");
		        for(var i = 0, div; div = divs[i]; i++) {
		                var inps = div.getElementsByTagName('input');
		                for(var j = 0, inp; inp = inps[j]; j++) {
		                        inp.id = inp.name = inp.id.replace(/[0-9]+/g, i+1);
		                }
		                var buts = div.getElementsByTagName('button');
		                for(var j = 0, but; but = buts[j]; j++) {
		                        but.id = but.name = but.id.replace(/[0-9]+/g, i+1);
		                }
		        }
		}

		function destroyLine() {
		        this.parentNode.parentNode.removeChild(this.parentNode);
		        resetLineNumbers();
		        datePickerController.create();
		}