function roll_over(img_name, img_src){
   document[img_name].src = img_src;
}

function toggle(show,hide) {
	var showDiv = document.getElementById(show);
	var hideDiv = document.getElementById(hide);
	
	showDiv.style.display = 'block';
	hideDiv.style.display = 'none';  
}

function changeAge(element, age, position){
	var elmAge = element.value;
	var location = document.getElementById(position);
	var color = document.getElementById("color");
	var rowColor = color.value;
	var startAge = document.getElementById("agestartnew");
	var endAge = document.getElementById("ageendnew");
	
	var results = "<table>";
	
	if(elmAge != null && elmAge != "" && elmAge.length > 0){
		
		if(position == "start"){
			
			if(age > elmAge){
				//Add inputs
				for(i=(age-1);i>=elmAge;i--){
					
					if(rowColor == "tableRow"){
						rowColor = "alternateRow";	
					} else { 
						rowColor = "tableRow";
					}
					
					results = "<tr class=\""+rowColor+"\">\n<td>" + i + "\n<input type=\"hidden\" name=\"pi"+i+"\" value=\"\" />\n</td>\n<td>M : <input type=\"text\" name=\"mp"+i+"\" id=\"mp"+i+"\" value=\"0\" /></td>\n<td>F : <input type=\"text\" name=\"fp"+i+"\" id=\"fp"+i+"\" value=\"0\" /></td></tr>" + results;
				}
				
				location.innerHTML = results+"</table>";
				
				//Check the remaining inputs to make sure they weren't disabled due to a back input choice
				for(i=age;i<=endAge.value;i++){
					var male = document.getElementById("mp"+i);
					var female = document.getElementById("fp"+i);
					
					male.disabled = false;
					female.disabled = false;	
				}
			} else if(age < elmAge) {
				//Disable Inputs because then will be deleted
				for(i=age;i<elmAge;i++){
					var male = document.getElementById("mp"+i);
					var female = document.getElementById("fp"+i);
					
					male.disabled = true;
					female.disabled = true;
				}
				
			} else {
				//Check the remaining inputs to make sure they weren't disabled due to a back input choice
				for(i=age;i<=endAge.value;i++){
					var male = document.getElementById("mp"+i);
					var female = document.getElementById("fp"+i);
					
					male.disabled = false;
					female.disabled = false;	
				}
				
				location.innerHTML = "";
			}
			
		} else if(position == "end"){
			
			if(age < elmAge){
				//Add inputs
				for(i=(age+1);i<=parseInt(elmAge);i++){
					
					if(rowColor == "tableRow"){
						rowColor = "alternateRow";	
					} else { 
						rowColor = "tableRow";
					}
					
					results += "<tr class=\""+rowColor+"\"><td>" + i + "<input type=\"hidden\" name=\"pi"+i+"\" value=\"\" /></td><td>M : <input type=\"text\" name=\"mp"+i+"\" id=\"mp"+i+"\" value=\"0\" /></td><td>F : <input type=\"text\" name=\"fp"+i+"\" id=\"fp"+i+"\" value=\"0\" /></td></tr>";
				}
				
				location.innerHTML = results+"</table>";
				
				//Check the remaining inputs to make sure they weren't disabled due to a back input choice
				for(i=age;(i > 0 && i>=parseInt(startAge.value));i--){
					var male = document.getElementById("mp"+i);
					var female = document.getElementById("fp"+i);
					
					male.disabled = false;
					female.disabled = false;
						
				}
			} else if(age > elmAge) {
				//Disable Inputs because then will be deleted
				for(i=age;i>elmAge;i--){
					var male = document.getElementById("mp"+i);
					var female = document.getElementById("fp"+i);
					
					male.disabled = true;
					female.disabled = true;
				}
			} else {
				//Check the remaining inputs to make sure they weren't disabled due to a back input choice
				for(i=age;i>=startAge.value;i--){
					var male = document.getElementById("mp"+i);
					var female = document.getElementById("fp"+i);
					
					male.disabled = false;
					female.disabled = false;	
				}
				
				location.innerHTML = "";
			}
		
		}
		
	}

}