layer = document.getElementById('imagebox');


var table = '<table align="center">';
var borderOvr = 'solid 3px #FDCF42';
var borderOff = 'solid 3px #FFFFFF';
for (i=0; i < imgArray.length; i++) 
{ 
	
    table +='<tr>';

	for (c=1; c<=3;c++)
	{
	//table +='';
	if (imgArray[i]) 
	{
       table +='<td class=centre><div class=rngselector_outer onmouseover="this.style.border=borderOvr" onmouseout="this.style.border=borderOff" onclick=window.location="range.asp?cat=' + linkArray[i] + '"><div class=rngselector_div><img border=0 src=' + imgArray[i] + ' class=rngselector><div class=rngselector_name width=110><div style=padding:2px;>' +  nameArray[i];
	}
	else
	{table +='<td>&nbsp;';
	
	}
   	
	i++;

	}
	if (c = 4)
	{
		i--
	}
	
  
}
table += "<tr><td><a href='#top'>Top</a></td></tr></table>";

layer.innerHTML = table;