var arrInput = new Array(0,1,2,3);
var arrInputValue = new Array(0);

var arrsavebox = new Array(0);
var arrsaveuse = new Array(0);

function addInput() {
  //arrInput.push(createInput(arrInput.length));
  arrInput.push(arrInput.length);
  //arrInputValue.push(arrInputValue.length);
  arrInputValue.push("");
  save();
  display();
  extract();
}

function deleteInput() {
  if (arrInput.length > 3) { 
     arrInput.pop(); 
     arrInputValue.pop();
  }
  save2();
  display();
  extract();
  }

function display() {
  document.getElementById('phrases').innerHTML="";
  for (intI=1;intI<arrInput.length;intI++) {
    document.getElementById('phrases').innerHTML+=createInput(arrInput[intI], arrInputValue[intI]);
  }
}

function saveValue(intId,strValue) {
  arrInputValue[intId]=strValue;
}  

function createInput(value) {

document.getElementById('numBox').value = value;


return "<input id=\"holder"+value+"\" name=\"holder"+value+"\" type=\"hidden\" value=\"\"\><table width=\"100%\" align=\"center\"><td><tr><td><h2>Phrase Block "+value+"</h2></td><td><td align=\"center\" width=\"40%\"><textarea class=\"phraseBox\" id=\"box"+value+"\" name=\"box"+value+"\" wrap=\"on\" style=\"height: 100px; width: 100%\"></textarea></td><td><input type=\"radio\" class=\"radio\" name=\"use"+value+"\" value=\"0\" checked onClick=\"javascript:Use("+value+" \">Use sometimes<br><input type=\"radio\" class=\"radio\" name=\"use"+value+"\" value=\"1\" onClick=\"javascript:Use("+value+")\">Use always</td><td>Move <a href=\"javascript:move("+value+",'down')\">&darr;</a> <a href=\"javascript:move("+value+",'up')\">&uarr;</a></td></tr></table>";


}





function move(num,direction) {
  if (direction == 'up' ) {
    if(num>=2){var newnum = num--;}else{var newnum = num;}
  } else if (direction == 'down') {
    if(num<document.getElementById('numBox').value){var newnum = num++;}else{var newnum = num;}
  }

    var temp = document.getElementById('box'+newnum).value;
    document.getElementById('box'+newnum).value = document.getElementById('box'+num).value;
    document.getElementById('box'+num).value = temp;

}



function save(){

	for(snum = 1; snum < arrInput.length-1; snum++){
		arrsavebox[snum] = document.forms['phrasesform'].elements['box'+snum].value;
		
		
		for(susenum = 0; susenum<=1; susenum++){
		
			if(document.forms['phrasesform'].elements['use'+snum][susenum].checked){
			
				arrsaveuse[snum] = susenum +1;
			
			}
		
		}
	}
}

function save2(){

	for(snum = 1; snum <= arrInput.length; snum++){
	
		arrsavebox[snum] = document.forms['phrasesform'].elements['box'+snum].value;
		
		for(susenum = 0; susenum<=1; susenum++){
		
			if(document.forms['phrasesform'].elements['use'+snum][susenum].checked){
			
				arrsaveuse[snum] = susenum +1;
			
			}
		
		}
	}

arrsavebox.pop();
arrsaveuse.pop();

}

function extract(){

	for(exnum = 1; exnum < arrInput.length; exnum++){
		if(arrsavebox[exnum]){
			document.forms.phrasesform.elements['box'+exnum].value = arrsavebox[exnum];
		}
		
		CheckUseRadio(document.forms['phrasesform'].elements['use'+exnum], arrsaveuse[exnum]-1)
	}
	
	


}


function CheckUseRadio(UseRadioName, UseRadioValue){

	if(UseRadioName && UseRadioValue){
	
		for(var r = 0; r < 2; r++) {
		
			UseRadioName[r].checked = false;
			if(UseRadioName[r].value == UseRadioValue.toString()){
			
				UseRadioName[r].checked = true;
			
			}
		
		}
	
	}

}