var clonedOptions = 0;


function addRow(){
		var contentBox = document.getElementById("BoxOriginal").innerHTML ;
		document.getElementById("nbProduits").value = parseInt(document.getElementById("nbProduits").value) + 1 ; 
		var nbProd = document.getElementById("nbProduits").value ;
		var reg=new RegExp("(annee)", "g");
		var reg2=new RegExp("(numero)", "g");
		id1 = "annee"+nbProd ;
		id2 = "numero"+nbProd; 
		contentBox = contentBox.replace(reg,id1);
		contentBox = contentBox.replace(reg2,id2);
		newSPAN = document.createElement("SPAN");
		newSPAN.innerHTML = contentBox + "<br>";
		document.getElementById("BoxCopy").appendChild(newSPAN) ;
		var sel1 = document.getElementById(id1);
  	var sel2 = document.getElementById(id2);
  	refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
    sel1.onchange = function() {
   			refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
  		};
}

function dynamicSelect(id1, id2) {
 	if (document.getElementById && document.getElementsByTagName) {
  		var sel1 = document.getElementById(id1);
  		var sel2 = document.getElementById(id2);
  		var clone = sel2.cloneNode(true);
  		clonedOptions = clone.getElementsByTagName("option");
  		refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
  		// Onchange of the main select box: call a generic function to display the related options in the dynamic select box
  		sel1.onchange = function() {
   			refreshDynamicSelectOptions(sel1, sel2, clonedOptions);
  		};
 	}
}

function refreshDynamicSelectOptions(sel1, sel2, clonedOptions) {
 	while (sel2.options.length) {
  		sel2.remove(0);
 	}
 	var pattern1 = /( |^)(select)( |$)/;
 	var pattern2 = new RegExp("( |^)(" + sel1.options[sel1.selectedIndex].value + ")( |$)");
 	for (var i = 0; i < clonedOptions.length; i++) {
  		if (clonedOptions[i].className.match(pattern1) || clonedOptions[i].className.match(pattern2)) {
  		 	sel2.appendChild(clonedOptions[i].cloneNode(true));
  		}
 	}
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
dynamicSelect("annee", "numero");
});