JavaScript - Changing Div Results In Ugly Blank Spaces

function substituteSpaces(aString)
	{
		sRet = '';
		for (var iA = 0; iA < aString.length; iA++)
		{
		if (iA = 0)
			sRet = sRet + ' ';
			//sRet = sRet + 'space';
		//var nextLetter = aString.charAt(iA);		
		// sRet = sRet + nextLetter;
		}
	}	
	sSpace = substituteSpaces('a string with spaces');
	alert ("Hello");

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src = "http://www.corporateavedesign.com/images/website-logoMO1.jpg";
staticImage1 = new Image();
staticImage1.src = "http://www.corporateavedesign.com/images/website-logo1.jpg";

loadImage2 = new Image();
loadImage2.src = "http://www.corporateavedesign.com/images/website-logoMO2.jpg";
staticImage2 = new Image();
staticImage2.src = "http://www.corporateavedesign.com/images/website-logo2.jpg";

loadImage3 = new Image();
loadImage3.src = "http://www.corporateavedesign.com/images/website-logoMO3.jpg";
staticImage3 = new Image();
staticImage3.src = "http://www.corporateavedesign.com/images/website-logo3.jpg";

loadImage4 = new Image();
loadImage4.src = "http://www.corporateavedesign.com/images/website-logoMO4.jpg";
staticImage4 = new Image();
staticImage4.src = "http://www.corporateavedesign.com/images/website-logo4.jpg";

loadImage5 = new Image();
loadImage5.src = "http://www.corporateavedesign.com/images/website-logoMO5.jpg";
staticImage5 = new Image();
staticImage5.src = "http://www.corporateavedesign.com/images/website-logo5.jpg";

loadImage6 = new Image();
loadImage6.src = "http://www.corporateavedesign.com/images/website-logoMO6.jpg";
staticImage6 = new Image();
staticImage6.src = "http://www.corporateavedesign.com/images/website-logo6.jpg";

// End -->
</script>

<!-- STEP TWO: Insert this code into the BODY of your HTML document  -->

<TD 
    style="BORDER-TOP: #000000 0px solid; BORDER-LEFT-WIDTH: 0px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM: #000000 0px solid; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: #000000" 
    vAlign=bottom bgColor=#ffffff colSpan=2 height=10>
<CENTER>
<a href="http://www.corporateavedesign.com/" onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http://www.corporateavedesign.com/images/website-logo1.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/" onmouseover="image2.src=loadImage2.src;" onmouseout="image2.src=staticImage2.src;">
<img name="image2" src="http://www.corporateavedesign.com/images/website-logo2.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/pages/AboutUs.htm" onmouseover="image3.src=loadImage3.src;" onmouseout="image3.src=staticImage3.src;">
<img name="image3" src="http://www.corporateavedesign.com/images/website-logo3.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/contact.htm" onmouseover="image4.src=loadImage4.src;" onmouseout="image4.src=staticImage4.src;">
<img name="image4" src="http://www.corporateavedesign.com/images/website-logo4.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/pages/Portfolio.htm" onmouseover="image5.src=loadImage5.src;" onmouseout="image5.src=staticImage5.src;">
<img name="image5" src="http://www.corporateavedesign.com/images/website-logo5.jpg" border=0></a>

<a href="http://www.corporateavedesign.com/category_36/Current-Price-List.htm" onmouseover="image6.src=loadImage6.src;" onmouseout="image6.src=staticImage6.src;">
<img name="image6" src="http://www.corporateavedesign.com/images/website-logo6.jpg" border=0></a>
</CENTER>

function rmsplcharchkdepo()
{
var iChars = "\\\/~!@#$%^&*()=+[]{}|;:?,.\"`'<>";
var un= document.getElementById("deposit").value;
  for (var i = 0; i < document.ipmform.deposit.value.length; i++) {
        if (iChars.indexOf(document.ipmform.deposit.value.charAt(i)) != -1) {
        alert ("Error!! Remove Special Characters.");
        document.getElementById("deposit").value = un.substring(0,0);
        return false;
        }
}
}

if (!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(document.getElementById("customer_name").value))
	 {
	msg=msg+"Must Enter a valid Login-id/Email\n";
	document.getElementById("customer_name").focus();
	}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>
<HEAD>

  <META name="generator" content="Free Script Editor, see www.freescripteditor.com">

  <TITLE>Email Client</TITLE>
  <link rel="stylesheet" type="text/css" href="http://localhost/email/styles/style1.css"/>
  <script src="javascript/prototype.js" type="text/javascript"></script>
  <script src="javascript/scriptaculous.js" type="text/javascript"></script>
  <script src="javascript/dragdrop.js" type="text/javascript"></script>
  <script src="javascript/controls.js" type="text/javascript"></script>
  <script src="javascript/effects.js" type="text/javascript"></script>

  <script type="text/javascript">
  var xmlhttp = false;

  //check if we are using IE
  try {
       //If the javascript version is greater than 5.
       xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
       alert ("You are using Microsoft Internet Explorer.");
       }
  catch(e)
        {
        //if not, then use the older active x object.
        try  {
        //if we are using Internet Explorer
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        alert("You are using Microsoft Internet Explorer");
              }
  catch (E)
         {
         xmlhttp = false;
         }
        }
        //If we are using a non-IE browser, crea a javascript instance of the object
        if(!xmlhttp && typeof XMLHttpRequest != 'undefined')
           {
           xmlhttp = new XMLHttpRequest();
           alert ("You are not using Microsoft Internet Explorer");
           }

        function getmessage(inbox_id)
                 {
                 var object = document.getElementById('content');
                 var server = "getmessage.php?inbox_id=" +inbox_id;
                 xmlhttp.open("GET", server);
                 xmlhttp.onreadystatechange = function()
                         {
                         if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
                            {
                            object.innerHTML = xmlhttp.responseText;
                            }
                         }
                 xmlhttp.send(null);
                 }
        

        function addTable()
                 {
                 var dv = document.getElementById("right");

                 var table = document.createElement("table");
                 var tbody = document.createElement("tbody");
                 var x = 0;
              
                 //create the table rows
                 for(var j =0; j <=2; j++)
                     {
                     var row = document.createElement("tr");

                     //create the table columns
                     for (var k =0; k<=4;k++)
                          {

                          x++;
                          var cell = document.createElement("td");
                          var celltext = document.createTextNode(x);
                          cell.appendChild(celltext);
                          cell.setAttribute("className", "droparea");
                          cell.setAttribute("id", "x");
                          row.appendChild(cell);

                          }
                 //add the row to the end of the table body
                 tbody.appendChild(row);
        }
        table.appendChild(tbody);
        dv.appendChild(table);
        table.setAttribute("className", "tbl");
        }

        document.observe("dom:loaded", function()
                 {
                 var dh;
                 var cells = document.getElementsByTagName('td');
                 for (var z = 0; z <= cells.length; z++)
                      {
                      dh = cells[z].getAttribute('id');
                      if(dh)
                         {
        Droppables.add('dh', {accept:'draggable', hoverclass: 'hover'});
                         }

                      }
                      });
 </script>

</HEAD>

<BODY onload="addTable()">
<div class="container" id="container">
<!--header div - for message 'new', 'reply' -->
<div class="header">
<script type="text/javascript" src="buttons/header_nav.js"></script>

</div>
<!-- end of header div-->

<!--Begin the div class left - this will hold the inbox emails for review-->
<div class="left">
<?PHP
include ($_SERVER['DOCUMENT_ROOT'].'\email\database_connect\connect.php');
$str = "id";
$i = 0;
$inbox_query = "select i.inbox_id, i.to, i.subject, i.sent, i.message from inbox as i";
$inbox_result = mysql_query($inbox_query);
while($row = mysql_fetch_array($inbox_result))
  {//start while trainer query
  $inbox_id = $row['0'];
  $to = $row['1'];
  $subject= $row['2'];
  $sent = $row['3'];
  $message = $row['4'];
  $i++;

  echo "<div class='draggable' id='$str$i'>

 $inbox_id $to $sent <a href='#' onclick='getmessage($inbox_id)'>$str$i $subject
 $message</a>
  <script type='text/javascript'>
  new Draggable('$str$i', {scroll: window});

  </script>
  </div>";


  }//end while inbox query
  ?>

</div> <!--end left div-->

<!--begin the right div - this is the right side of the screen frame for
postponed email area-->
<div class="right" id="right">

</div>
<!--end the right div element-->
<!--begin the main content div - this will hold sent message-->
<div class="content" id="content" overflow="auto">
</div>


<!--end content div-->
</div>
</BODY>
</HTML>

<script type="text/javascript">
$(document).ready(function()
		{
			$("#DiscountCode").blur(function()
			{
				//remove all the class add the messagebox classes and start fading
				$("#msgbox").removeClass().addClass('messagebox').text('Checking code...').fadeIn("slow");
				//check the username exists or not from ajax
				$.post("check-code.php",{ DiscountCode:$(this).val() } ,function(data)
		        {
				  if(data=='no') //if username not avaiable
				  {
				  	$("#msgbox").fadeTo(200,0.1,function()  //start fading the messagebox
					{ 
					  //add message and change the class of the box and start fading
					  $(this).html('<img src="resources/images/tick.png" /> Code matched!').addClass('messageboxok').fadeTo(900,1);	
					});		
		          }
				  else
				  {
				  	$("#msgbox").fadeTo(200,0.1,function() //start fading the messagebox
					{ 
					  //add message and change the class of the box and start fading
					  $(this).html('<img src="resources/images/cross.png" /> Sorry, code incorrect!').addClass('messageboxerror').fadeTo(900,1);
					});
				  }
						
		        });
		 
			});
		});

</script>

<p>
									<label>Discount code</label>
									<input class="text-input small-input" type="text" id="DiscountCode" name="DiscountCode" />
									<span id="msgbox" style="display:none"></span>
 								</p>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="#" />
<meta name="keywords" content="#" />

<title>#</title>

<meta name="google-site-verification" content="1ksaaEb5-Ur8h5ivruWp4iRcUB-tDLyM43L6yCl1OuQ" />

<link href="css/style.css" rel="stylesheet" type="text/css" />

<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="/js/common.js"></script>


<!--Google Analytics-->

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-12002561-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>




</head>

<body class="#" id="portfolio">

<div id="container">

<!--Top Navigation-->  
<div id="navcontainer"> <?php {include("navbartop.html");} ?> </div>

  
 
<!--Left Navigation-->  
<div id="navBar"> <?php include("navbarleft.html"); ?> </div>


<!--Info-->
<div id="info">
       <span class="Title">ANYTIME CALENDAR | 2009</span>
          <span class="style">Calendar designed to be used any year, any occasion, anytime.</span>    
</div>  





<!--Imagenes-->
<div id="showreel-nav-wrap">
  <span>
    </span>
</div>



<ul id="buy-links" class="slideshow">
  <li>
  </li>
  
  <li>
  </li>
  
  <li>
  </li>
  
  <li>
  </li>
  
  <li>
  </li>
  
  <li>
  </li>
  
  <li>
  </li>
</ul>
        

<div id="showreel">
                <ul class="slideshow pics">    
                    <?xml version="1.0" encoding="utf-8"?>

<li><img src="images/Calendar.png" height="522px"/>
</li>

<li><img src="images/IMG_1162.png" height="522px" />
</li>

<li><img src="images/IMG_1307.png" />
</li> 

<li><a href="images/Calendar/Instructions.gif"><img src="images/Instructions_small.gif" /></a>
</li>        
      </ul>  
			</div><!--/showreel-->




<script type="text/javascript">
$(function() {	
	var totalImg = $("#showreel li").size() - 1;
	$("#buy-links li:gt(" + totalImg + ")").remove();
	
    $("#showreel-nav-wrap span").after('<div id="showreel-nav" class="showreel-nav">')

	$('.slideshow').each(function(index) {
        $(this).cycle({
			fx:     'fade',
			speed:  'slow',
			timeout: 0,
			sync:    false,
			pager:  '#showreel-nav',
			pagerAnchorBuilder: function(i) {
				if (index == 0)
					// for first slideshow, return a new anchor
					return '<a href="#">'+(i+1)+'</a>';
				// for 2nd slideshow, select the anchor created previously
				return '#showreel-nav a:eq('+i+')';
        	}
		});
    });

	//Image to trigger showreel links
	activeLink = $('#showreel-nav').find('.activeSlide');
	nextLink = activeLink.next();

	$('.slideshow img').bind('click',function(){
		activeLink = $('#showreel-nav').find('.activeSlide');
		nextLink = activeLink.next();
		nextLink.trigger('click');
	});
	
	//Get h1 text length
	var h1length = $('h1').text().length;
	if(h1length > 27) {
		$('.oj-title').css('margin-top','-21px');
	}
});
</script>

<!-- end #mainContent --></div>


</body>
</html>

<script type="text/javascript">
function checkFeedbackForm(form){
	if(form.fullname.value=='') {
		alert('Please enter your Name');
		form.fullname.focus();
		return false;
		}
if(form.email.value=='') {
	alert('Please enter a valid Email address');
	form.email.focus();
	return false;
	}
if(form.message.value=='') {
	alert('Please tell me a little bit about your ideas.');
	form.message.focus();
	return false;
	}
return true;
}
</script>

<form id="signup" action="mailinfo.php" method="post" onSubmit="return checkFeedbackForm(this);" >
<input type="hidden" name="returnURL" value="thankyou.html" />
<fieldset><ol>

<li><label for="fullname">Name</label> 
<input type="text" id="fullname" name="fullname" placeholder="Your name" required /></li>

<li><label for="email">Email</label> 
<input type="email" id="email" name="email" placeholder="Your email" title="Please enter a valid email" required /></li>

<li><label for="message">Message</label> 
<textarea id="message" name="message" cols="32" rows="8"  placeholder="Your message" required /></textarea></li></ol>
</fieldset>

<input type="submit" value="Send It" />
<div class="privacy">Your information is for our project only and will not be shared or sold. Promise.</div>
</form>

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

var question_type=new Array(4)
question_type[0]="mult";
question_type[1]="mult";
question_type[2]="blank";
question_type[3]="blank";


var questions=new Array(4)
questions[0]="The words used to <u>describe</u> the manifestation of Jesus as Messiah of Israel, Son of God and Savior of the world are ...";
questions[1]="Which of these is not a symbol of the Holy Spirit?";
questions[2]="Human life must be respected and protected absolutely from the moment of ______.";
questions[3]="_____ is an attitude or behavior which leads another to do evil.";


var answers = new Array(4)
answers[0]= "B"; //The Epiphany
answers[1]= "C"; //Sunshine [water, fire, anointing]
answers[2]="conception";
answers[3]="scandal";


var each_question = new Array(3)

each_question[0]="<table width='98%' border='0'>" + "<tr>" + "<td colspan='2'>" + "<font face='Arial, Helvetica, sans-serif'>" 
	 + questions[0] + "</font>" + "</td>" + "</tr>" +
	 "<tr>" + "<td width='28%'>" + "&nbsp;" + "</td>" + "<td>" + "&nbsp;" + "</td>" + "</tr>" + 
	 "<tr>" + "<td width='28%' align='right'>" + "<input type='radio' name='choice' value='A'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" +  "The creed" + "</font>" + "</td>" + "</tr>" +
	  "<tr>" + "<td width='28%' align='right'>" + "<input type='radio' name='choice' value='B'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" + "The Epiphany" + "</font>" + "</td>" + "</tr>" +
	  "<tr>" + "<td width='28%' align='right'>" + "<input type='radio' name='choice' value='C'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" + "The magisterium" + "</font>" + "</tr>" +
	  "<tr>" + "<td width='28%' align='right'>" + "<input type='radio' name='choice' value='D'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" + "The Annunciation" + "</font>" + "</tr>" + 
	  "<tr>" + "<td width='28%' align='right'>" + "&nbsp;" + "</td>" + "<td>" + "<img src='line_animation.gif' width='160' height='14' align='right'>" + "</td>" + "</tr>" + "</table>" + "</font>";
	
each_question[1]="<table width='98%' border='0'>" + "<tr>" + "<td colspan='2'>" + "<font face='Arial, Helvetica, sans-serif'>" 
	 + questions[1] + "</font>" + "</td>" + "</tr>" +
	 "<tr>" + "<td width='28%'>" + "&nbsp;" + "</td>" + "<td>" + "&nbsp;" + "</td>" + "</tr>" + 
	 "<tr>" + "<td width='28%' align='right'>" + "<input type='radio' name='choice' value='A'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" +  "Water" + "</font>" + "</td>" + "</tr>" +
	  "<tr>" + "<td width='28%' align='right'>" + "<input type='radio' name='choice' value='B'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" + "Fire" + "</font>" + "</td>" + "</tr>" +
	  "<tr>" + "<td width='28%' align='right'>" + "<input type='radio' name='choice' value='C'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" + "Sunshine" + "</font>" + "</tr>" +
	  "<tr>" + "<td width='28%' align='right'>" + "<input type='radio' name='choice' value='D'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" + "Anointing" + "</font>" + "</tr>" + 
	  "<tr>" + "<td width='28%' align='right'>" + "&nbsp;" + "</td>" + "<td>" + "<img src='line_animation.gif' width='160' height='14' align='right'>" + "</td>" + "</tr>" + "</table>" + "</font>";
	

each_question[2] = "<table width='98%' border='0'>" + "<tr>" + "<td colspan='2'>" + "<font face='Arial, Helvetica, sans-serif'>" 
	 + questions[2] + "</font>" + "</td>" + "</tr>" +
	 "<tr>" + "<td width='28%'>" + "&nbsp;" + "</td>" + "<td>" + "&nbsp;" + "</td>" + "</tr>" + 
	 "<tr>" + "<td width='28%' align='right'>" + "<input type='text' name='text_field'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" + "</font>" + "</td>" + "</tr>" +
	  "<tr>" + "<td width='28%' align='right'>" + "&nbsp;" + "</td>" + "<td>" + "<img src='line_animation.gif' width='160' height='14' align='right'>" + "</td>" + "</tr>" + "</table>" + "</font>";

each_question[3] = "<table width='98%' border='0'>" + "<tr>" + "<td colspan='2'>" + "<font face='Arial, Helvetica, sans-serif'>" 
	 + questions[3] + "</font>" + "</td>" + "</tr>" +
	 "<tr>" + "<td width='28%'>" + "&nbsp;" + "</td>" + "<td>" + "&nbsp;" + "</td>" + "</tr>" + 
	 "<tr>" + "<td width='28%' align='right'>" + "<input type='text' name='text_field'>" + "</td>" + "<td>" + "<font face='Arial, Helvetica, sans-serif'>" + "</font>" + "</td>" + "</tr>" +
	  "<tr>" + "<td width='28%' align='right'>" + "&nbsp;" + "</td>" + "<td>" + "<img src='line_animation.gif' width='160' height='14' align='right'>" + "</td>" + "</tr>" + "</table>" + "</font>";



var currentQuestion=0;
var score=0;

function writeEachQuestion() {
	if(currentQuestion==0){
	top.bottom_right.document.open();
	top.bottom_right.document.write("<center>" + "<h3>" + "<font face='arial, helvetica, verdana'>" + "Go get 'em," + " " + userName + "!" + "<br>" + "</h3>" +
	"Let's see how well" + "<br>" + "you know your faith!" + "</center>" + "</font>");
	top.bottom_left.document.write(each_question[currentQuestion]);
	}  else {
	top.bottom_left.document.write(each_question[currentQuestion]);
	top.bottom_right.document.open();
	}
}

function swapper() {
	top.bottom_left.document.fish_first.src="next2.gif";
}

function unswapper() {
	top.bottom_left.document.fish_first.src="next.gif";
}	
	
function checkQuestionType() {
	if (question_type[currentQuestion-1]=="mult"){
		multChecker();
	} else if (question_type[currentQuestion-1]=="blank") {
	 	textChecker();
	}
}

function multChecker() {
var answerValue=answers[currentQuestion-1];
	var checkedIndex = -1;
	for(i=0; i < top.bottom_left.document.quiz_questions.choice.length; i++) {
		//if a radio button is checked, the variable checkedIndex is set to the value of that index number.
		if(top.bottom_left.document.quiz_questions.choice[i].checked){
			checkedIndex = i;
			selected_answer = top.bottom_left.document.quiz_questions[checkedIndex].value;
			}
	}
	
		if (selected_answer==answerValue) {
		score++;
	//The angelTableCorrect() function runs(see below).	
		angelTableCorrect();
	//An alert pops up if nothing's checked, with a string telling the user to guess next time.
		} else if (checkedIndex==-1){
		alert("Next time," + " " + userName + "," + " " + "take a guess!");
	//Because I'm heartless, the user isn't given a second chance. If not guess was made, angelTableWrong() executes (see below).
		angelTableWrong();
		} else {
	
		angelTableWrong();
		
		}
}


function textChecker() {
	var answerValue=answers[currentQuestion-1];
//theWord represents the user's input.
	var theWord = top.bottom_left.document.quiz_questions.text_field.value;

	theWordLower=theWord.toLowerCase();
	if(theWordLower==answerValue) {
	score++;
	angelTableCorrect();
	} else if (theWord!=answerValue) {
	angelTableWrong();
	}
}

function angelTableCorrect () {
	top.top_right.document.open();
	top.top_right.document.write("<table align='left'>" + 
	"<tr>" + "<td align='center'>" + "<font face='Arial'>" + "Right," + " " +
	userName + "!" + "<br>" + "You're" + " " + score + " " + "out of" + " " + currentQuestion +
	 "</td>" + "<td>" + "<img src='angel_correct.gif'>" + "</td>" +
	"</tr>" + "</table>");
	}

function angelTableWrong () {
	top.top_right.document.open();
	top.top_right.document.write("<table align='left'>" + 
	"<tr>" + "<td align='center'>" + "<font face='Arial'>" + "Wrong," + " " + userName + "." + "<br>" + 
	"You're" + " " + score + " " + "out of" + " " + currentQuestion +
	 "</td>" + "<td>" + "<img src='angel_wrong.gif'>" + "</td>" +
	"</tr>" + "</table>");
	}



function writeBeginning() {
	top.bottom_left.document.clear();
	top.bottom_left.document.open();
	top.bottom_left.document.write("<html>" + "<head>" + "</head>" + "<body>" + "<form name='quiz_questions'>");
	}

//This function writes the concluding part of each quiz question table in the bottom_left frame, except for the last one.
//The last one's Next button has to call a different function, so I wrote the next function to do that.
function writeEnding(){
	top.bottom_left.document.write("<img name='fish_first' src='next.gif' align='right' onMouseOver='top.top_left.swapper();' onMouseOut='top.top_left.unswapper();' onMouseUp='top.top_left.onNext();'>" +
	"</form>" + "</body>" + "</html>")
}

//This function writes the concluding part of the last question, which has a next button that calls a 
//different function.
function writeEndingLast(){
	top.bottom_left.document.write("<img name='fish_first' src='next.gif' align='right' onMouseOver='top.top_left.swapper();' onMouseOut='top.top_left.unswapper();' onMouseUp='top.top_left.writeMailTable();'>" +
	"</form>" + "</body>" + "</html>")
}

function writeMailTable(){
	top.top_right.document.open();
	top.top_right.document.write("<font face='arial, verdana, helvetica'>" + "<center>"  + "Thank you for" + "<br>" + "taking the quiz," + " " + userName + "!" + "<br><br>" + "</center>");
	top.bottom_right.document.open();
	top.bottom_right.document.write("<font face='arial, verdana, helvetica'>" + "<center>" + "If you don't have questions" + "<br>" +  "you'd like to have answered," +  " " + "<a href='http://www.archden.org' target='_blank')>" + "return to the" + "<br>" + "Archdiocese of Denver home page." + "</a>" + "</center>");
	top.bottom_left.document.open();
	top.bottom_left.document.write("<font face='arial, verdana, helvetica'>" + "Do you have questions about this quiz," + " " + userName + "?" + " " +  "<img src='angel_final.gif' align='right'>" + "Post them in"
  + " " + "<a href='http://www.archden.org/ubb' target='_blank')>" + "The Upper Room," + "</a>" + " " + "the online community of the Archdiocese of Denver, in the 'What Does the Church Teach About ...?' forum!");
}


function onNext() {
	//Write a table to the_questions.htm that includes a variable for the new question.
	if(currentQuestion==3) {
	currentQuestion++;
	textChecker();
	doTheMath();
	top.bottom_left.document.open();
	top.bottom_left.document.write("<font face='arial, verdana, helvetica'>" + "<center>" + "You got" + " " + "<b>" + finalPercent + "%" + "</b>" + " " + "of the questions right," + " " + userName + "!" + "<br>" + "Click on the 'Next' fish" + "<br>" + "one more time to find out" + "<br>" + "how to get answers for those questions you missed." + "</center>" + "</font>");
	writeEndingLast();
	} else {
	currentQuestion++;
	checkQuestionType();
	writeBeginning();
	writeEachQuestion();
	writeEnding();
	}	
}

//The doTheMath function divides the score by 20, and that multiplies that value by 100 to come up
//with a final percentage value. That is used in the string written at the end (in the above onNext function).
function doTheMath(){
	thePercent=score/4;
	finalPercent=thePercent*100;
}
</script>
</head>
<body bgcolor="#FFFFFF" onLoad="writeBeginning(); writeEachQuestion(); writeEnding();">
<img src="title.gif" width="371" height="109">
<script language="JavaScript">
</script>
</body>
</html>

CL = temp.match(/\s(\d{1,2}\%)<\/td>/)[1]; 
alert("CL = " + CL); //returns 4%

Neo = temp.match(/\s(\d{1,2}\%)<\/td>/)[2]; 
alert("Neo = " + Neo);//returns undefined and should return 2%

Oak = temp.match(/\s(\d{1,2}\%)<\/td>/)[3]; 
alert("Oak = " + Oak); //returns undefined and should return 14%

Queen = temp.match(/\s(\d{1,2}\%)<\/td>/)[4]; 
alert("Queen = " + Queen); // returns undefined and should return 27%

<form id="emailbox" name="form1" method="post" action="">
    	<div>
            <input type="text" name="go" id="go" value="your e-mail" onclick="removeText()"/>
            <input type="submit" value="Join" />
        </div>
    </form>

<script type="text/javascript">
function removeText(){
	var form = document.getElementById['emailbox'];
	var name = form.elements['go'].value;	
}
</script>

function checkBid(fieldName,minValue,maxValue){
   var numberfield = fieldName;

   if (chkNumeric(fieldName,minValue,maxValue) == false){
      numberfield.select();
      numberfield.focus();
      return false;
   }
   else{
      return true;
   }
}

function chkNumeric(fieldName,minValue,maxValue){
   var checkOK = "0123456789";
   var checkStr = fieldName;
   var allValid = true;
   var decPoints = 0;
   var allNum = "";

   for (i = 0;  i < checkStr.value.length;  i++){
      ch = checkStr.value.charAt(i);
   for (j = 0;  j < checkOK.length;  j++)

   if (ch == checkOK.charAt(j))
      break;
   if (j == checkOK.length){
      allValid = false;
      break;
   }
   if (ch != ",")
      allNum += ch;
   }
   if (!allValid){	
      alertsay = "The bid field contains one or more invalid characters:\nPlease use only numeric digits in this field ...\n "
      alert(alertsay);
      return (false);
}

   var chkVal = allNum;
   var prsVal = parseInt(allNum);

   if (chkVal != "" && !(prsVal >= minValue && prsVal <= maxValue)){
   alertsay = "Your bid value is outside the acceptable bidding range:\nPlease enter a value from "+minValue+" to "+maxValue+" ...\n "
   alert(alertsay);
   return (false);
   }
}