var buttonArray = new Array(10)  
var buttonArray2 = new Array(10)  
var hotspotArray = new Array(10)  

function init()
{
  var t=0
 for(a=0;a<10;a++)
 {
  buttonArray[a] = document.createElement("img");
  buttonArray[a].style.position = "absolute";
  buttonArray[a].src= "images/button_" + (a+1) + ".jpg";
  contentWindow.appendChild(buttonArray[a]);  
 }

 for(a=0;a<10;a++)
 {
  buttonArray2[a] = document.createElement("img");
  buttonArray2[a].style.position = "absolute";
  buttonArray2[a].src= "images/button_" + (a+1) + "a.jpg";
  buttonArray2[a].style.visibility="hidden";
  contentWindow.appendChild(buttonArray2[a]);  
 }

 for(a=0;a<10;a++)
 {
  t=0
  hotspotArray[a] = document.createElement("img");
  hotspotArray[a].style.position = "absolute";
  hotspotArray[a].style.cursor = "pointer";
  hotspotArray[a].src= "images/blank.gif";
  hotspotArray[a].width=136;
  hotspotArray[a].height=75;
  hotspotArray[a].hspace = a;
  hotspotArray[a].onmouseover = hilight;
  hotspotArray[a].onmouseout = unhilight;  
  hotspotArray[a].onclick = jumpTo;  
  contentWindow.appendChild(hotspotArray[a]);  
 }


 placeButton(0,20,250)
 placeButton(1,20,340)
 placeButton(2,20,430)

 placeButton(4,700,250)
 placeButton(5,700,340)
 placeButton(6,700,430)

 placeButton(8,20,
 520)
 placeButton(7,20,610)
 placeButton(3,700,520)
 placeButton(9,700,610)

}

function hilight()
{

 buttonArray2[this.hspace].style.visibility="visible" 
}

function unhilight()
{
 buttonArray2[this.hspace].style.visibility="hidden" 
}

function placeButton(bIndex,x,y)
{
 buttonArray[bIndex].style.left=x
 buttonArray[bIndex].style.top=y
 
 buttonArray2[bIndex].style.left=x
 buttonArray2[bIndex].style.top=y

 hotspotArray[bIndex].style.left=x
 hotspotArray[bIndex].style.top=y

}

function jumpTo()
{
  var a = this.hspace;
  var t=0;
  if( a>7)
  {
   t=8
  }
  document.location.href="pages.asp?section=" + (a+t)+ "&page=1"

}