JavaScript - Javascript Help Needed For Category Image Display And Delete Dynamically

// JavaScript Document
<script language="JavaScript"><!--


function random_imglink(){
  var myimages=new Array()
  var imagetitle=new Array()
urlimage="http://www.mysite.fr/Images/RandomPictures/"


var i=0
//specify here the total number of random images which should be names 1.jpg, 2.jpg etc
nbrandompic=140
for (i=0;i<= nbrandompic;i++)
   {
  myimages[i]=urlimage + i +".jpg"
  imagetitle[i]=urlimage + i +".txt"
   }

  
//Randomly select an image

  var ry=Math.floor(Math.random()*myimages.length)

  if (ry==0)
     ry=1
  var reduction = 1
  var maxWidth=280
  var maxHeight=280

//Calculate the reduction that should be applied


         if(myimages[ry].width > maxWidth || image.height > maxHeight)
            reduction = Math.max(myimages[ry].width/maxWidth,myimages[ry].height/maxHeight)
 
 // New dimensions     
      iw = Math.round(myimages[ry].width / reduction)
      ih = Math.round(myimages[ry].height / reduction)
	 

//Display image	 
	 
    document.write('<a><img src="'myimages[ry]'" title="" border=0 width='+iw+' height='+ih+'></a>')
	

}

  random_imglink()
 

//-->
</script>

<script type="text/javascript">

var xmlDoc;
<!--
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  } 
else // Internet Explorer 5/6
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET","SDS.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;

var x=xmlDoc.getElementsByTagName("NEWS");
i=0;

function display()
{
title=(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue.fontsize("5").fontcolor("white").bold());
date=(x[i].getElementsByTagName("DATE")[0].childNodes[0].nodeValue.fontsize("2").fontcolor("white").bold());
stitle=(x[i].getElementsByTagName("STITLE")[0].childNodes[0].nodeValue.fontsize("3").fontcolor("white").italics());
story=(x[i].getElementsByTagName("STORY")[0].childNodes[0].nodeValue.fontsize("3").fontcolor("white"));
txt= title + "<br />" + date + "<br />" + stitle + "<br />" + story;
document.getElementById("show").innerHTML=txt;
}

//-->
</script>

<?xml version="1.0" encoding="ISO-8859-1"?>

<BULLETIN>
<NEWS>
<PIC>"/newssmall.jpg"</PIC>
<DATE>14/3/2010</DATE>
<TITLE>News Story 1</TITLE>
<STITLE>This is a short sentence to describe the story in brief</STITLE>
<STORY>This is the text of the news story</STORY>
</NEWS>
</BULLETIN>

<script language="JavaScript">
function random_imglink(){
  var myimages=new Array()
        myimages[0]="http://ads.factorymedia.com/www/images/fbm_oct10_300x80.gif"
        myimages[1]="http://ads.factorymedia.com/www/images/rbbyd_web_banner_300x80_animated.gif"
        myimages[2]="http://ads.factorymedia.com/www/images/2010_vex_300x80.jpg"
        myimages[3]="http://ads.factorymedia.com/www/images/image_3.gif"
  var imagelinks=new Array()
        imagelinks[0]="http://www.4downdistribution.com/"
        imagelinks[1]="http://www.redbull.co.uk/cs/Satellite/en_UK/Event/Red-Bull-Backyard-Digger-021242831811513"
        imagelinks[2]="http://verdebmx.com/"
        imagelinks[3]="http://www.zealbmx.com/"
  var count;
  for(count=0; count<myimages.length; count++) {
  if (myimages.length>0) {
     var ry=Math.floor(Math.random()*myimages.length)
     document.write('<div class="feed2"><a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" height=64px width=240px border=0></a></div>')
         if (ry>0 && ry<myimages.length-1) {
            myimages=concat(myimages. (0,ry-1),myimages.slice(ry+1,myimages.length-1));
            imagelinks=concat(imagelinks.slice(0,ry-1),imagelinks.slice(ry+1,imagelinks.length-1));
         }
         if (ry==0) {
            myimages=myimages.slice(1,myimages.length-1);
            imagelinks=imagelinks.slice(1,imagelinks.length-1);
         }
         if (ry==myimages.length-1) {
            myimages=myimages.slice(0,ry-1);
            imagelinks=imagelinks.slice(0,ry-1);
         }
  }
  }
}
</script>

<script language="JavaScript">
random_imglink();
</script>

function random_imglink(){
  var myimages=new Array();
        myimages[0]="http://ads.factorymedia.com/www/images/fbm_oct10_300x80.gif";
        myimages[1]="http://ads.factorymedia.com/www/images/rbbyd_web_banner_300x80_animated.gif";
        myimages[2]="http://ads.factorymedia.com/www/images/2010_vex_300x80.jpg";
        myimages[3]="http://ads.factorymedia.com/www/images/image_3.gif";
  var imagelinks=new Array();
        imagelinks[0]="http://www.4downdistribution.com/";
        imagelinks[1]="http://www.redbull.co.uk/cs/Satellite/en_UK/Event/Red-Bull-Backyard-Digger-021242831811513";
        imagelinks[2]="http://verdebmx.com/";
        imagelinks[3]="http://www.zealbmx.com/";

  var indexes = [0, 1, 2, 3];
  index.sort(function (){ reutrn 0.5 - Math.random(); });

  for(var count=0; count < index.length; count++) {
    var ry = indexes[count];
    document.write('<div class="feed2"><a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" height=64px width=240px border=0></a></div>');
  }
}

function createButton(srcid,bttn)
{
 if (bttn=='mag') {s='Magnify';h='Magnify';o='DoZoom(event,\'0\',\''+srcid+'\')';}
 if (bttn=='frz') {s='Pause';h='Freeze/Unfreeze';o='setPicture(\''+srcid+'\',0)';}
 if (bttn=='swp') {s='Swap';h='Swap maps';o='setPicture(\''+srcid+'\',2)';}
 btn=document.createElement('img');
 btn.setAttribute('src','toolbox/'+s+'.gif');
 btn.setAttribute('width','16px');
 btn.setAttribute('height','16px');
 btn.setAttribute('id',bttn+'btn_'+srcid);
 btn.setAttribute('class','button');
 btn.setAttribute('name','Toolbox');
 btn.setAttribute('title',h);
 btn.setAttribute('onclick',o);
 document.getElementById('ctrlDiv').appendChild(btn);
}

.button
{
 position: absolute;
 left: 5;
 top: 5;
 z-index: 1;
}

document.getElementById('mytab1').tabber.tabShow(0);

<li><a href="admin.htm" onClick="document.getElementById('Admin').tabber.tabShow(0)" >Forms</a></li>

<ul id="QualityMenuBar" class="MenuBarHorizontal">
                  <li><a class="MenuBarItemSubmenu" href="#"><strong>Admin</strong></a>
                    <ul>

                    
                      <li><a href="AdminDocuments.htm" onClick="document.getElementById("Admin").tabber.tabShow(0)" >Forms</a></li>
                      <li><a href="AdminDocuments.htm"  >Guidance</a></li>
                      <li><a href="AdminDocuments.htm" onClick="document.getElementById("Admin").tabber.tabShow(2)" >Organisation Chart</a></li>
                      <li><a href="AdminDocuments.htm">Plans</a></li>
                      <li><a href="AdminDocuments.htm">Procedures</a></li>
                    </ul>
                  </li>

<div class="tabber" id="admin">

     <div class="tabbertab">
	  <h2>Forms</h2>
   
<script type="text/javascript" src="adminForms.js"></script>

     </div>


      <div class="tabbertab">
	  <h2>Guidance</h2>

       
	<script type="text/javascript" src="adminGuidance.js"></script>
     </div>


     <div class="tabbertab">
	  <h2>Org. Chart</h2>
	<script type="text/javascript" src="adminOrg.js"></script>
     </div>
     
     
       <div class="tabbertab">
	  <h2>Plans</h2>
	<script type="text/javascript" src="adminPlans.js"></script>
     </div>
     
     
       <div class="tabbertab">
	  <h2>Procedures</h2>
	 <script type="text/javascript" src="adminProc.js"></script>
     </div>

</div>

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

myform = document.createElement("form");
	myform.method = "post";
	myform.action = "editdetails.php";
	myform.id = "editemail";
	myform.name = "editemail";
	
	var a=document.getElementById('editdetailstable').insertRow(2);
	var b=document.getElementById('editdetailstable').insertRow(3);
	
	var x=a.insertCell(0);
        x.innerHTML="New Email:  ";
	x.align = "right";

	var y=a.insertCell(1);
        y.innerHTML="<input type='text' name='email' id='email' />";
	
        var z=b.insertCell(0);
	z.innerHTML="<input type='button' value='Change' />"
	z.colSpan = "2";
	z.align = "center";

function calculateOld() {
	// get both values
	unitprice = document.forms["invoice"].unitprice.value;
	units = document.forms["invoice"].units.value;
	// do some calculation
	lineTotal = formatNumber((unitprice * units), 2);
	// set the value in the right field
	document.forms["invoice"].linetotal.value = lineTotal;
	
	unitprice2 = document.forms["invoice"].unitprice2.value;
	units2 = document.forms["invoice"].units2.value;

	if(unitprice2 != '') {
		// do some calculation
		lineTotal2 = formatNumber((unitprice2 * units2), 2);
		// set the value in the right field
		document.forms["invoice"].linetotal2.value = lineTotal2;
		document.forms["invoice"].totalprice.value = formatNumber((parseFloat(lineTotal) + parseFloat(lineTotal2)),2);
	}
	else {
		document.forms["invoice"].linetotal2.value = '';
		document.forms["invoice"].totalprice.value = formatNumber(lineTotal,2);
	}
}

function calculate() {
	
	var unitprice[i]	= document.forms["invoice"].unitprice[i].value;
	var units[i]		= document.forms["invoice"].units[i].value;
	var linetotal[i]	= formatNumber((unitprice[i] * units[i]), 2);
	
	return linetotal;
}

<head>
<script type="text/JavaScript">
/*<![CDATA[*/var el="bgImg";var bgimg=new Array("../00home/06home.jpg","../00home/07home.jpg");var random=Math.round((bgimg.length-1)*Math.random());var cssStr="#"+el+" { background: url("+bgimg[random]+") no-repeat center } ";var style=document.createElement("style");style.setAttribute("type","text/css");if(style.styleSheet){style.styleSheet.cssText=cssStr;}else{var cssText=document.createTextNode(cssStr);style.appendChild(cssText);}document.getElementsByTagName("head")[0].appendChild(style);/*]]>*/
</script>

<style type="text/css">
.rotatebg {
	z-index:0;
	position:fixed;
	top:0; left:0;
	width:1378px; height:1178px;
	background-repeat: no-repeat;
	background-position:inherit;
	overflow:hidden;
}
</style>
</head

<body>
<div  class="rotatebg" id="bgImg" style="width:100%; height:100%" ></div>
</body>