JavaScript - [help] Html Auto Generate Character

// Humidor InnerHTML
HumidorInnerHTML[0] = "<img src='NoImage.gif' style='height:100px; width:100px;'>";
HumidorInnerHTML[1] = "<input type='textbox' id='Others_Caption" + HumidorIndex + "'>";
HumidorInnerHTML[2] = "<input type='textbox' value='85' id='Others_Height" + HumidorIndex +"'>";
HumidorInnerHTML[3] = "<input type='textbox' value='85' id='Others_Width" + HumidorIndex +"'>";
HumidorInnerHTML[4] = "<img src='NoImage.gif' style='height:100px; width:100px;'>";
HumidorInnerHTML[5] = "<img src='NoImage.gif' style='height:100px; width:100px;'>";
HumidorInnerHTML[6] = "<img src='delete.png' onClick=DeleteRow('" + HumidorIndex + "','Humidor_Table');>";
HumidorInnerHTML[7] = "<img src='add.png' onClick=AddRow('" + HumidorIndex + "','Humidor_Table');>";

function AddRow(index, DIV)
{
MyTable = document.getElementById(DIV);
 
var newCell;
var newRow = MyTable.insertRow(index);

var Length;

switch (DIV)
{
case "Intro_Table" : Length = IntroInnerHTML.length;
break;
case "Image_Table" : Length = ImageInnerHTML.length;
break;
case "Watch_Table" : Length = WatchInnerHTML.length;
break;
case "Others_Table" : Length = OthersInnerHTML.length;
break;
case "Humidor_Table" : Length = HumidorInnerHTML.length;
break;
}

for (var i = 0; i < Length; i++) 
	{
     newCell = newRow.insertCell(i);
	 
	 switch (DIV)
	 {
	  case "Intro_Table": newCell.innerHTML = IntroInnerHTML[i];
	  break;
	  case "Image_Table": newCell.innerHTML = ImageInnerHTML[i];
	  break;
	  case "Watch_Table": newCell.innerHTML = WatchInnerHTML[i];
	  break;
	  case "Others_Table": newCell.innerHTML = OthersInnerHTML[i];
	  break;
	  case "Humidor_Table": newCell.innerHTML = WatchInnerHTML[i];
	  break;
	 }

    }

// Update the Index Counters
switch (DIV)
 {
 case "Intro_Table": IntroIndex++;
 break;
 case "Image_Table": ImageIndex++;
 break;
 case "Watch_Table": WatchIndex++;
 break;
 case "Others_Table": OthersIndex++;
 break;
 case "Humidor_Table": HumidorIndex++;
 break;
 }
}

function Init()
{
 AddRow(1, "Intro_Table");
 AddRow(1, "Image_Table");
 AddRow(1, "Watch_Table");
 AddRow(1, "Humidor_Table");
 AddRow(1, "Others_Table");
}

<td class="smallDesc"> <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </td>

function search() {
var myRootSite = 'www.mysite.org/sermons?category=';
var myNewTitle = document.getElementById('myTextField').value;
var mySpeaker = document.getElementById('mySpeaker').value;
var myService = document.getElementById('myService').value;
var mySeries = document.getElementById('mySeries').value;

var myBook = document.getElementById('myBook').value;
var myDate = document.getElementById('myDate').value;

if (myNewTitle == 0 && mySpeaker == 0 && myService == 0 && mySeries == 0 && myBook == 0 && myDate == 0) {
alert('Please enter some search criteria');
return;
}

var title = document.getElementById('title');
title.innerHTML = mySpeaker;
}

function uniqid()
{
    var newDate = new Date;
    return newDate.getTime();
}

function calculateLE(inputFieldId1, inputFieldId2, inputFieldId3, outputFieldId){
	var DBR;
	
	var input = document.getElementById(inputFieldId).value;
	
	APA = document.getElementById(fypremium).value;
	DBA = document.getElementById(dbp).value;
	LE  = document.getElementById(average_le).value;
	
	formula = document.getElementById(fypremium).value / document.getElementById(dbp).value = formula3;
	formula2 = document.getElementById(average_le).value * formula3;
	
	if { APA = "" } {
		document.getElementById(outputFieldId).value = "Error getting Annual Premium Amount";
	}
	else if { DBA = "" } {
		document.getElementById(outputFieldId).value = "Error getting Death Benefit Amount";
	}
	else if { LE = "" } {
		document.getElementById(outputFieldId).value = "Error getting Life Expectancy";
	}
	else {
		document.getElementById(outputFieldId).value = formula3;
	}
}

<input type="text" name="fypremium" id="fypremium" onblur="calculateLE('fypremium', 'dbp', 'average_le', 'premium_dbr')">
<input type="text" name="dbp" id="dbp" onblur="calculateLE('fypremium', 'dbp', 'average_le', 'premium_dbr')">
<input type="text" name="average_le" id="average_le" onblur="calculateLE('fypremium', 'dbp', 'average_le', 'premium_dbr')">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">



<head>


<script type="text/javascript">

var count=3;

var questions = new Array(3);

  for (var i = 1; i <=count; i++)
  {
   questions[i] = "Question "+String(i);
  }

</script>




<script type="text/javascript">
/*
Global "swap" holder
Use value, null, if no layer initially visible
*/

var currlayerId = "question1";

function toglayer(id)
{
if(currlayerId) setDisplay(currlayerId, "none");
if(id)setDisplay(id, "block");
currlayerId = id;
}


function setDisplay(id,value)
{
var elm = document.getElementById(id);
elm.style.display = value;
}

</script>







<style type="text/css" media="screen, print, projection">
    
.text
       {
        display:none;
       }


</style>


</head>





<body>


<li><a href="#" onclick="toglayer('question1');return false;">Q.1</a></li>
<li><a href="#" onclick="toglayer('question2');return false;">Q.2</a></li>
<li><a href="#" onclick="toglayer('question3');return false;">Q.3</a></li>



                

<div id="question1" class="text">
<script>document.write(questions[1]);</script>
<br>
</div>


<div id="question2" class="text">
<script>document.write(questions[2]);</script>
</div>


<div id="question3" class="text">
<script>document.write(questions[3]);</script>
</div>
  
  
             



<script>toglayer('question1');</script>

  

</body>
</html>

<li><a href="#" onclick="toglayer('question1');return false;">Q.1</a></li>
<li><a href="#" onclick="toglayer('question2');return false;">Q.2</a></li>
<li><a href="#" onclick="toglayer('question3');return false;">Q.3</a></li>

<div id="question1" class="text">
<script>document.write(questions[1]);</script>
<br>
</div>


<div id="question2" class="text">
<script>document.write(questions[2]);</script>
</div>


<div id="question3" class="text">
<script>document.write(questions[3]);</script>
</div>

(for var i=1;i<=count;i++)
{
<li><a href="#" onclick="toglayer('question[i]');return false;">Q.[i]</a></li>
}

(for var i=1;i<=count;i++)
{
<div id="question[i]" class="text">
<script>document.write(questions[i]);</script>
<br>
</div>
}

<head>
</head>

<frameset rows='44,*' cols="*" frameborder='no'>
<frame name="toolbar" noresize="noresize" src="toolbar.htm" marginwidth="5px" marginheight="10px" scrolling="no">
<frame name="main" noresize="noresize" src="http://www.google.com" marginwidth="5px" marginheight="5px" scrolling="auto" >
</frameset><noframes></noframes>

<body>
</body>

</html>

<head>
<title></title>
<script type="text/JavaScript" src="random.js"></script>
</head>

<body>

<div id="wrapper">
  <div id="toolbar">
    <a href="javascript:getaPage()"><img src="Images/nextpage.png" align="right" /></a>
  </div>
</div>
</body>
</html>

function get_random()
{
var ranNum= Math.floor(Math.random()*3);
return ranNum;
}

function getaPage()
{
var randomPage=get_random();

var page=new Array(3)
Page[0]="http://www.google.com";
Page[1]="http://www.yahoo.com";
Page[2]="http://www.myspace.com";



top.main.location.href=page[randomPage];

}

function randomusers(){
	
	var given = 3, used = {}, randnum, opts = $('#select1 option'), olen = opts.length;
		function ran() { // generate a unique random number
		  randnum = Math.floor(Math.random() * olen);
		  return used['u'+randnum] ? ran() : randnum;
		}
		for (var i = 0; i < given; i++) { // get the correct quantity of randoms
		  used['u'+ran()] = true;
		}
		opts.filter(function(index) { // remove all options that are not one of the randoms
		  return !!used['u'+index];
		}).appendTo('#select2');
	
}