/**
 * BMI Calcultator
 * Created: 11 June, 2008
 * Updated: 30 June, 2008
 *
 * @author Eric Scott
 */

function display_form () {
	document.getElementById('form_content').innerHTML = '<form action="204.php" name="bmi_form" id="bmi_form" class="frmbox">'
             + '<h3>Enter your height and weight to determine your body mass index</h3>'
			 + '<hr />'
			 			 
             + '<div class="twrap">'
             + '<div class="twocol"><strong>Enter Your Height:</strong></div>'
             + '<div class="twocol">'
              + '<input name="height" type="text" class="txtbox" id="height" style="width:60px" />'
              + '<em>ft.</em>'
              + '<input name="height2" type="text" class="txtbox" id="height2" style="width:60px" />'
			  + '<em>in.</em>'
            + '</div>'
          + '</div>'
			 
          + '<div class="twrap">'
            + '<div class="twocol"><strong>Enter Your Weight:</strong></div>'
            + '<div class="twocol">'
              + '<input name="weight" type="text" class="txtbox" id="weight" style="width:60px" />' 
              + '<em>lbs.</em> </div>'
          + '</div>'
			 
          + '<hr />'
		  + '<div class="center">'
			+ '<input type="image" name="imageField" src="images/calculate.gif" onclick="javascript:display_result();" />'
		  + '</div>'
	 + '</form>';
}

function display_result (){
	var weight = parseInt(document.getElementById('weight').value)/2.205; //Convert to Kilograms
	var height = (parseInt(document.getElementById('height').value)*12 + parseInt(document.getElementById('height2').value))/39.370; //Convert to Meters
	
	var bmi = Math.round(weight/Math.pow(height, 2)*10)/10;

	document.getElementById('form_content').innerHTML = '<div class="frmbox">'
             + '<h2>Your BMI is <strong class="orange">' + bmi + '</strong></h2>'
             + '<hr />'
			 
			 + '<div class="twrap">'
			   + '<div class="threecol"><strong>BMI</strong></div>'
			   + '<div class="threecol"><strong>Weight Range</strong></div>'
			   + '<div class="threecol"><strong>Weight Status</strong></div>'
			 + '</div>'
			 
			 + '<div class="twrap">'
			   + '<div class="threecol"><span' + ((bmi <= 18.4) ? ' class="orange"' : '') + '>18.4 and Below</span></div>'
			   + '<div class="threecol"><span' + ((bmi <= 18.4) ? ' class="orange"' : '') + '>'
			   + Math.round(Math.pow(height, 2)*18.4*2.205) + ' lbs and Below</span></div>'
			   + '<div class="threecol"><span' + ((bmi <= 18.4) ? ' class="orange"' : '') + '>Underweight</span></div>'
			 + '</div>'
			 
			 + '<div class="twrap">'
			   + '<div class="threecol"><span' + ((bmi >= 18.5 && bmi <= 24.9) ? ' class="orange"' : '') + '>18.5 - 24.9</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 18.5 && bmi <= 24.9) ? ' class="orange"' : '') + '>'
			   + Math.round(Math.pow(height, 2)*18.5*2.205) + ' - ' + Math.round(Math.pow(height, 2)*24.9*2.205) + ' lbs</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 18.5 && bmi <= 24.9) ? ' class="orange"' : '') + '>Normal</span></div>'
			 + '</div>'
			 
			 + '<div class="twrap">'
			   + '<div class="threecol"><span' + ((bmi >= 25.0 && bmi <= 29.9) ? ' class="orange"' : '') + '>25.0 - 29.9</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 25.0 && bmi <= 29.9) ? ' class="orange"' : '') + '>'
			   + Math.round(Math.pow(height, 2)*25.0*2.205) + ' - ' + Math.round(Math.pow(height, 2)*29.9*2.205) + ' lbs</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 25.0 && bmi <= 29.9) ? ' class="orange"' : '') + '>Overweight</span></div>'
			 + '</div>'
			 
			 + '<div class="twrap">'
			   + '<div class="threecol"><span' + ((bmi >= 30.0 && bmi <= 34.9) ? ' class="orange"' : '') + '>30.0 - 34.9</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 30.0 && bmi <= 34.9) ? ' class="orange"' : '') + '>'
			   + Math.round(Math.pow(height, 2)*30.0*2.205) + ' - ' + Math.round(Math.pow(height, 2)*34.9*2.205) + ' lbs</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 30.0 && bmi <= 34.9) ? ' class="orange"' : '') + '>Obese (moderate)</span></div>'
			 + '</div>'
			 
			 + '<div class="twrap">'
			   + '<div class="threecol"><span' + ((bmi >= 35.0 && bmi <= 39.9) ? ' class="orange"' : '') + '>35.0 - 39.9</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 35.0 && bmi <= 39.9) ? ' class="orange"' : '') + '>'
			   + Math.round(Math.pow(height, 2)*35.0*2.205) + ' - ' + Math.round(Math.pow(height, 2)*39.9*2.205) + ' lbs</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 35.0 && bmi <= 39.9) ? ' class="orange"' : '') + '>Obese (severe)</span></div>'
			 + '</div>'
			 
			 + '<div class="twrap">'
			   + '<div class="threecol"><span' + ((bmi >= 40.0) ? ' class="orange"' : '') + '>40.0 and Above</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 40.0) ? ' class="orange"' : '') + '>'
			   + Math.round(Math.pow(height, 2)*40.0*2.205) + ' lbs and Above</span></div>'
			   + '<div class="threecol"><span' + ((bmi >= 40.0) ? ' class="orange"' : '') + '>Obese (very severe)</span></div>'
			 + '</div>'

			 + '<hr class="clr" />'
			 + '<p>Try our <a href="204.php" onclick="javascript:display_form()"><strong>BMI Calculator</strong></a> again.</p>'


		 + '</div>';
	  
	  window.scrollTo(0,0);
}