JavaScript - Need Array Creation And Popping From The Middle Advice

function addTextbox(idName, head)
{
var target = document.getElementById('addThings');

var newDiv = document.createElement("div");
newDiv.id = "container"; 
newDiv.name = "container"; 
newDiv.setAttribute("className", "intNew"); //IE
newDiv.setAttribute("class", "intNew"); //FF

var newTextbox = document.createElement("input");
newTextbox.type = "text";
newTextbox.id = idName; //--
newTextbox.name = idName; //Doesn't work in IE?.. 
newTextbox.setAttribute("className", "newWidth"); //IE
newTextbox.setAttribute("class", "newWidth"); //FF

var text = document.createTextNode(head + ":"); 

target.appendChild(newDiv);
newDiv.appendChild(text);
newDiv.innerHTML += "<br />";
newDiv.appendChild(newTextbox);
newDiv.innerHTML += "<p />";

}

if($_POST['createBtn'])
{
$head = $_POST['head']; //1
$intro = $_POST['intro']; //2
$question = $_POST['question']; //3
$answer = $_POST['answer']; //3
$image = $_POST['image']; //?
$author = $_POST['author']; //5
$end = $_POST['end']; //4
//sammanfattning

printHTMLTop(9);

$today = date('Y-m-d');

$text = <<<END
<div class="intContainer">
<div class="intHeadRow"><b>$head &nbsp;</b></div>
<div class="stpdIEContainer">
<div class="intTextContainer">
<p />
$intro
<p />
END;

if($question != "" && answer != "")
{
foreach($question as $k)
{
$text .= $k . "<p />";

foreach($answer as $j)
{
$text .= $j . "<p />";
}

}
}

$text .= <<<END
<p />
$end
<p />
<i>Skrivet av: $author den $today</i>
</div> <!-- intTextContainer -->
<div class="intImgContainer">&nbsp;</div></div> <!-- stpdIEContainer -->
</div> <!-- intContainer -->

END;

//Prints to new file (on server) 
$file = file_put_contents('interviews/interview01.html', $text); //Set name
//Add to DB

//print newly created file
$page = file_get_contents('interviews/interview01.html');

echo $page;

printHTMLBottom();

$('body').mousedown(function(e){
		if(e.button==1)
		return false
	}
);

//Drop Down Panel script (March 29th, 08'): By JavaScript Kit: http://www.javascriptkit.com

var jkpanel={
	controltext: 'Login',
	$mainpanel: null, contentdivheight: 0,

	openclose:function($, speed){
		this.$mainpanel.stop() //stop any animation
		if (this.$mainpanel.attr('openstate')=='closed')
			this.$mainpanel.animate({top: 0}, speed).attr({openstate: 'open'})
		else
			this.$mainpanel.animate({top: -this.contentdivheight+'px'}, speed).attr({openstate: 'closed'})
			
	},
	
	init:function(file, height, speed){
		jQuery(document).ready(function($){
			jkpanel.$mainpanel=$('<div id="dropdownpanel"><div class="contentdiv"></div><div class="control">'+jkpanel.controltext,+'</div></div>').prependTo('body')
			kpanel.$mainpanel.click(function(){jkpanel.openclose($, speed)})
			var $contentdiv=jkpanel.$mainpanel.find('.contentdiv')
			var $controldiv=jkpanel.$mainpanel.find('.control').css({cursor: 'wait'})
			$contentdiv.load(file, '', function($){
					var heightattr=isNaN(parseInt(height))? 'auto' : parseInt(height)+'px'
					$contentdiv.css({height: heightattr})
					jkpanel.contentdivheight=parseInt($contentdiv.get(0).offsetHeight)
					jkpanel.$mainpanel.css({top:-jkpanel.contentdivheight+'px', visibility:'visible'}).attr('openstate', 'closed')
					$controldiv.css({cursor:'hand', cursor:'pointer'})
			})
				
		})
	}
}

//Initialize script: jkpanel.init('path_to_content_file', 'height of content DIV in px', animation_duration)
jkpanel.init('../ajaxexamples/login.html', '210px', 300)

<script type="text/javascript" src="../ajaxexamples/jquery-1.2.2.pack.js"></script>

<style type="text/css">

#dropdownpanel{ /*Outermost Panel DIV*/
position: absolute;
width: 100%;
left: 0;
top: 0;
visibility:hidden;
}

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/
background: url(../images/sitestructure/dropdownbackup.png);
background-repeat: repeat;
color: white;
padding: 20px;
}

#dropdownpanel .control{ /*Div containing panel button*/
border-top: 5px solid black;
color: white;
font-weight: normal;
text-align: center;
background: transparent url("../ajaxexamples/panel.gif") center center no-repeat;  /*change panel.gif to your own if desired*/
padding-bottom: 3px; /* 21px + 3px should equal height of "panel.gif" */
height: 21px; /* 21px + 3 px should equal height of "panel.gif" */
line-height: 21px; /* 21px + 3px should equal height of "panel.gif" */
}

</style>

<script type="text/javascript" src="../ajaxexamples/jkpanel.js">

/***********************************************
* Drop Down Panel script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

</script>

<HTML>
<HEAD>


<SCRIPT LANGUAGE="JavaScript">


function addNumbers()
{
var val1 = parseInt(document.getElementById("value1").value);
var val2 = parseInt(document.getElementById("value2").value);
var val3 = parseInt(document.getElementById("value3").value);
var val4 = parseInt(document.getElementById("value4").value);
var ansD = document.getElementById("answer");
ansD.value = val1 + val2 + val3 + val4;
}


function calc()
{

var val5 = parseInt(document.getElementById("value5").value);
var val6 = parseInt(document.getElementById("value6").value);
var val7 = parseInt(document.getElementById("value7").value);

var ansD = document.getElementById("answer2");
ansD.value = (val5 + val6 + val7)*100/(100-10);
}

function calc2()
{
var val8 = parseInt(document.getElementById("value8").value);
var val9 = parseInt(document.getElementById("value9").value);
var val10 = parseInt(document.getElementById("value10").value);

var ansD = document.getElementById("answer3");
ansD.value = (val8 + val9 + val10)*100/(100-20);
}


function addNumbers1()
{
var val11 = parseInt(document.getElementById("answer").value);

var val12 = parseInt(document.getElementById("answer2").value);

var val13 = parseInt(document.getElementById("answer3").value);

var ansD = document.getElementById("answer4");
ansD.value = (val11 + val12 + val13);
}


</script>

<HEAD>

<BODY


<FORM NAME="Calc">
<TABLE BORDER=1>
<TR>
<TD>

INCOME (GROSS)

<br>

Income = <input type="text" id="value1" name="value1" value=""/><br>
Income = <input type="text" id="value2" name="value2" value=""/><br>
Income = <input type="text" id="value3" name="value3" value=""/><br>
Income = <input type="text" id="value4" name="value4" value=""/><br>
<input type="button" name="Sumbit" value="TOTAL (GROSS)"onClick="javascript:addNumbers()"/> =
<input type="text" id="answer" name="answer" value=""/>

<br>
<br>


INCOME (NET) 10%

<br>

Income = <input type="text" id="value5" name="value5" value=""/><br>
Income = <input type="text" id="value6" name="value6" value=""/><br>
Income = <input type="text" id="value7" name="value7" value=""/><br>
<input type="button" name="Sumbit" value="TOTAL GROSSED (@ 10%)"
onClick="javascript:calc(2)"/> =
<input type="text" id="answer2" name="answer2" value=""/>

<br>
<br>

INCOME (NET) 20%

<br>

Income = <input type="text" id="value8" name="value8" value=""/><br>
Income = <input type="text" id="value9" name="value9" value=""/><br>
Income = <input type="text" id="value10" name="value10" value=""/><br>
<br>

<input type="button" name="Sumbit2" value="TOTAL GROSSED (@ 20%)"onClick="javascript:calc2()"/> =
<input type="text" id="answer3" name="answer3" value=""/>

<br>
<br>

<input type="button" name="TOTAL STATUTORY INCOME" value="TOTAL STATUTORY INCOME"onClick="javascript:addNumbers1()"/> =
<input type="text" id="answer4" name="answer4" value=""/>



<br>

<br>
</TD>
</TR>
</TABLE>
</FORM>


</BODY>
<HTML>