JavaScript - Cms Editing Html In A Textarea Breaks Code?!

<script language="Javascript" type="text/JavaScript">
var ad = new Array()

ad[0]='
<iframe src="http://rcm.amazon.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=netbooknewsco-20&o=1&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=B0051VVOB2" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
'

ad[1]='<iframe src="http://rcm.amazon.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=netbooknewsco-20&o=1&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=B0051VVOB2" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
'


function randomorder(targetarray, spacing){

var randomorder=new Array()
var the_one
var z=0
for (i=0;i<targetarray.length;i++)
randomorder[i]=i

while (z<targetarray.length){
the_one=Math.floor(Math.random()*targetarray.length)
if (targetarray[the_one]!="_selected!"){
document.write(targetarray[the_one]+spacing)
targetarray[the_one]="_selected!"
z++
}
}
}

</script>

<script language="Javascript" type="text/javascript" ></script>
<script>
randomorder(ad, ' ')
</script>

a<br>b

result =  result.replace(/<br>/ig,"???")

for ($o = 0; $o <= $totalclass; $o++) 
{ 
	for($i = 1; $i <= 45; $i++)
	{
		if ($_SESSION['classification'][$o] == $i) 
		{
			$sql2="SELECT ClassDesc FROM tblclass WHERE ClassID = '$i'";
			$result2=mysql_query($sql2);
			
			// If successfully queried
			if($result2)
			{
				while ($row2 = mysql_fetch_assoc($result2)) 
				{
					$ClassDesc2 = $row2['ClassDesc'];
				}
			}
			//echo $ClassDesc2;
		?>
			<tr>
			<td bgcolor="FAFAF6" class="small" valign="top">Class <? echo $i; ?></td>
			<input type="hidden" name="<? echo "classid[]"; ?>" value="<? echo $i; ?>">
			<td bgcolor="FAFAF6">
			<textarea name="<? echo "specification[]"; ?>" COLS="50" ROWS="6" class="small" wrap="virtual" tabindex="<? echo $i; ?>"><? echo $ClassDesc2;?></textarea>
			<input type="button" value="Reset" onclick="window.reset();" name="reset">
			</td>
			</tr>
		<?			 
		}
	}
}

<script language="JavaScript1.2">

var ns4 = document.layers;
var ie4 = document.all;
var ns6 = document.getElementById && !document.all;

//drag drop function for NS 4////


var dragswitch = 0;
var nsx;
var nsy;
var nstemp;

function drag_dropns( name )
{
if( !ns4 )
 return;
temp = eval( name );
temp.captureEvents( Event.MOUSEDOWN | Event.MOUSEUP );
temp.onmousedown = gons;
temp.onmousemove = dragns;
temp.onmouseup = stopns;
}

function gons( e )
{
temp.captureEvents( Event.MOUSEMOVE );
nsx = e.x;
nsy = e.y;
}

function dragns( e )
{
if( dragswitch == 1 )
{
 temp.moveBy( e.x-nsx, e.y-nsy );
 return false;
}
}

function stopns()
{
temp.releaseEvents( Event.MOUSEMOVE );
}

//drag drop function for ie4+ and NS6////



function drag_drop( e )
{
if( ie4 && dragapproved )
{
 crossobj.style.left = tempx + event.clientX - offsetx;
 crossobj.style.top = tempy + event.clientY - offsety;
 return false;
}
else if( ns6 && dragapproved )
{
 crossobj.style.left = tempx + e.clientX - offsetx;
 crossobj.style.top = tempy + e.clientY - offsety;
 return false;
}
}

function initializedrag( e )
{
crossobj = ( ( ns6 ) ? document.getElementById( "showimage" ) : document.all.showimage );

var firedobj = ( ( ns6 ) ? e.target : event.srcElement );
var topelement = ( ( ns6 ) ? "HTML" : "BODY" );

while( ( firedobj.tagName != topelement ) && ( firedobj.id != "dragbar" ) )
{
 firedobj=ns6? firedobj.parentNode : firedobj.parentElement;
}

if( firedobj.id == "dragbar" )
{
 offsetx = ( ( ie4 ) ? event.clientX : e.clientX );
 offsety = ( ( ie4 ) ? event.clientY : e.clientY );
 
 tempx = parseInt( crossobj.style.left );
 tempy = parseInt( crossobj.style.top );
 
 dragapproved = true;
 document.onmousemove = drag_drop;
}
}

document.onmousedown = initializedrag
document.onmouseup = new Function( "dragapproved=false" );

////drag drop functions end here//////

function hidebox(){
if (ie4||ns6)
    crossobj.style.visibility="hidden"
else if (ns4)
    document.dnwtop_100_showimage.visibility="hide"
}


</script>

<style type="text/css">

#showimage
{
position:absolute;
width:300px;

padding:2px;
}

#showimage #dragbar
{
font-family:Trebuchet MS;
font-size:10pt;
text-align:left;
font-weight:bold;
width:280px;
}

#showimage #closebutton
{
font-family:Tahoma;
font-weight:bold;
height:12px;
width:12px;

font-size:8pt;
border:2px solid;
border-top-color:#EEE;
border-right-color:#AAA;
border-bottom-color:#AAA;
border-left-color:#EEE;
padding:0 3px 0 4px;
color:#000;
text-decoration:none;
}

#showimage #message
{
font-family:Trebuchet MS;
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
padding:4px;
background-color:#000000;
}

</style>

<div id="showimage" style="left:500px;top:100px;">
<table border="0" cellspacing="0" cellpadding="0">
 <tr>

  <td id="message" width="100%" colspan="2" align="center">
   <img src="http://img822.imageshack.us/img822/79/38866885.jpg" border="0" alt="">
<br><br>
   <a href="http://bgtop.net/in.php/1293974162" target="_blank" onClick="hidebox(true)"><img src="http://img221.imageshack.us/img221/2269/yesw.png" border="0"></a>
   &nbsp;
   <a href="#" onClick="hidebox();return false"><img src="http://img195.imageshack.us/img195/6383/72081945.png" border="0"></a>
  </td>
 </tr>
</table>
</div>

<script>
function expandCollapselapse(showHide) {
       
        var hideShowDiv = document.getElementById(showHide);
        var label = document.getElementById("expand");

        if (hideShowDiv.style.display == 'none') {
            label.innerHTML = label.innerHTML.replace("[+]", "[-]");
            hideShowDiv.style.display = 'block';           
        } else {
            label.innerHTML = label.innerHTML.replace("[-]", "[+]");
            hideShowDiv.style.display = 'none';

        }
    }
</script>
<div>
        <table style="width: 500px;" align="left">
            <tr>
                <td onclick="expandCollapse('showHide');" id="expand"><b>[+]
                    Menu1</b></td>
            </tr>
        </table>
    </div>
   <br><br>
    <div id="showHide" style="display: none;">
        <table style="width: 500px;" align="left">
            <tr>
                <td>Start Date</td>
                <td>End Date</td>
                <td>Amount</td>
            </tr>

            <tr>
                <td>06/05/2013</td>
                <td>06/05/2013</td>
                <td>1000</td>
            </tr>

            <tr>
                <td>06/05/2013</td>
                <td>06/05/2013</td>
                <td>1000</td>
            </tr>

            <tr>
                <td>06/05/2013</td>
                <td>06/05/2013</td>
                <td>1000</td>
            </tr>
        </table>
    </div>

<br><br>

<div>
        <table style="width: 500px;" align="left">
            <tr>
                <td onclick="expandCollapse('showHide');" id="expand"><b>[+]
                    Menu2</b></td>
            </tr>
        </table>
    </div>
   <br><br>
    <div id="showHide" style="display: none;">
        <table style="width: 500px;" align="left">
            <tr>
                <td>Start Date</td>
                <td>End Date</td>
                <td>Amount</td>
            </tr>

            <tr>
                <td>06/05/2013</td>
                <td>06/05/2013</td>
                <td>1000</td>
            </tr>

            <tr>
                <td>06/05/2013</td>
                <td>06/05/2013</td>
                <td>1000</td>
            </tr>

            <tr>
                <td>06/05/2013</td>
                <td>06/05/2013</td>
                <td>1000</td>
            </tr>
        </table>
    </div>

<html>
<head>
<script language="javascript">


function rf()
{

    var fs,file;

    fs = new ActiveXObject('Scripting.FileSystemObject');

    file = fs.OpenTextFile('C:/Users/Imran/Documents/Imran          IT/Web/Test/user.txt',2);

    file.Write('The text to write to file');

    file.Close();

}
</script>
</head>
<body onLoad="rf();">

</body>
</html>