// drawPercentBar()
  // Written by Matthew Harvey (matt AT unlikelywords DOT com)
  // (http://www.unlikelywords.com/html-morsels/)
  // Distributed under the Creative Commons 
  // "Attribution-NonCommercial-ShareAlike 2.0" License
  // (http://creativecommons.org/licenses/by-nc-sa/2.0/)
  function drawPercentBar(width, percent, color, background,myText) 
  { 
    var pixels = width * (percent / 100); 
    if (!background) { background = "none"; }
 
    document.write("<div style=\"float:left; line-height: 1em; background-color: " 

                   + background + "; border: 1px solid black; height: " 
                   + width + "px; width: 2.5em\">"); 
    document.write("<div style=\"width: 2.5em; height: " + pixels + "px; background-color: "
                   + color + ";\"></div>"); 
    document.write("<div style=\"text-align: center; padding-top: 0em; height: " 
                   + width + "px; top: 0; left: 0\">" + myText + "</div>"); 

    document.write("</div>"); 
  } 				

function getElement(mySpan){
								
						if (document.getElementById) {
							// IE 5.5+, NS6+, Opera 6+
							element = document.getElementById(mySpan).style;
						} else if (document.layers) {
							// NS4
							element = document.layers[mySpan];
						} else if (document.all) {
							// IE less than 5.5, Opera 5(?)
							element = document.all(mySpan).style;
						}
									
									
						return element;
					}
							
							
					function makeVisible(mySpan) {
						
						var element;
						
						element = getElement('yesSpan');
						if (element) element.display = 'none';
							element = getElement('noSpan');
						if (element) element.visibility = 'hidden';
								element = getElement(mySpan);
						if (element) {
							element.visibility = 'visible';
							element.display = 'block';
						} else {
							alert("I hope you're reading this, because if you have JavaScript off, you will see nothing");
						}
					}
						
					function blocking(nr)
					{
						if (document.layers)
						{
							document.layers['yesSpan'].display = 'none';
							document.layers['noSpan'].display = 'none';
							current = (document.layers[nr].display == 'none') ? 'block' : 'none';
							document.layers[nr].display = current;
						}
						else if (document.all)
						{
							document.all['yesSpan'].style.display = 'none';
							document.all['noSpan'].style.display = 'none';
							current = (document.all[nr].style.display == 'none') ? 'block' : 'none';
							document.all[nr].style.display = current;
						}
						else if (document.getElementById)
						{
							document.getElementById('yesSpan').style.display = 'none';
							document.getElementById('noSpan').style.display = 'none';
							vista = (document.getElementById(nr).style.display == 'none') ? 'block' : 'none';
							document.getElementById(nr).style.display = vista;
						}
						
						top.document.location.href='#step2';
					}
					
					
					
					
					// -->