function drawSquares(height, width, size)
{
	var iHorizontal = 0;
	var iVertical = 0;
	var sHTML= "";
	
	for (iHorizontal = height; iHorizontal>=0;iHorizontal--)
	{
		sHTML += "<tr>";
		for (iVertical = width; iVertical>=0;iVertical--)
		{
			//sHTML += "<td height=\""+size+"\" width=\""+size+"\" onMouseOver=\"alert(\""+iHorizontal+"_"+iVertical+");\">";
			sHTML += "<td height=\""+size+"\" width=\""+size+"\">";
			sHTML += "<img src=\"img/square.gif\" height=\""+size+"\" width=\""+size+"\" id=\""+iHorizontal+"_"+iVertical+"\" onMouseOver=\"enterSquare('"+iHorizontal+"_"+iVertical+"');\" ></td>";
		
		}
		sHTML += "</tr>";
	}
	document.write(sHTML);
}

function writeSquaresCSS(height, width, size)
{
	var iHorizontal = 0;
	var iVertical = 0;
	var sHTML= "";
	
	for (iHorizontal = width; iHorizontal>=0;iHorizontal--)
	{
		for (iVertical = height; iVertical>=0;iVertical--)
		{
			sHTML += "<br>#"+iHorizontal+"_"+iVertical+" {position:absolute; top:(100"+iVertical*size+"); left:"+iHorizontal*size+"; z-index:0;	border-style:solid;";
			sHTML += " border-top-width:1px; border-right-width:1px; border-left-width:1px; border-bottom-width:1px; border-color:#ff0000<; }<br>";
		}
	}
	document.write(sHTML);	
}