// preload rollover images

if (document.images) {

  pic1 = new Image(); 
  pic1.src="images/nav/home_on.gif"; 

  pic2= new Image(); 
  pic2.src="images/nav/story_on.gif"; 
  
  pic2a= new Image(); 
  pic2a.src="images/nav/hm-story_on.gif"; 

  pic3= new Image(); 
  pic3.src="images/nav/products_on.gif"; 
  
  pic3a = new Image(); 
  pic3a.src="images/nav/hm-products_on.gif"; 
 
  pic4= new Image(); 
  pic4.src="images/nav/tv_on.gif"; 
  
  pic4a = new Image(); 
  pic4a.src="images/nav/hm-tv_on.gif"; 
  
  
  pic5= new Image(); 
  pic5.src="images/nav/wtb_on.gif"; 
  
  pic5a= new Image(); 
  pic5a.src="images/nav/hm-wtb_on.gif"; 
  

}

 function lightup(imgName) {
	if(document.images) {
		imgOn=eval(imgName + ".src");
		document[imgName].src= imgOn;
	}
 }

function turnoff(imgName) {
	if(document.images) {
		document[imgName].src = document[imgName].src.replace(/_on.gif/g, ".gif");
	}
 }
 
  function resizeWin(newLoc, newWidth, newHeight) {
         newWin = open("",newLoc,"scrollbars=no,resizable=yes,status=no,height=" + newHeight + ",width=" + newWidth);
 }
 
 
 window.onload=InitializePage;

function InitializePage()
{
var myarray = new Array();
myarray[0] = new Array(2);
myarray[0][0] = 'blackberry.gif';
myarray[0][1] = 'ProductDetail.aspx?product=12270';

myarray[1] = new Array(2);
myarray[1][0] = 'strawberry.gif';
myarray[1][1] = 'ProductDetail.aspx?product=349';

myarray[2] = new Array(2);
myarray[2][0] = 'apple-cina.gif';
myarray[2][1] = 'ProductDetail.aspx?product=336';

myarray[3] = new Array(2);
myarray[3][0] = 'blueberry.gif';
myarray[3][1] = 'ProductDetail.aspx?product=340';

myarray[4] = new Array(2);
myarray[4][0] = 'mixed-berry.gif';
myarray[4][1] = 'ProductDetail.aspx?product=346';

myarray[5] = new Array(2);
myarray[5][0] = 'raspberry.gif';
myarray[5][1] = 'ProductDetail.aspx?product=347';

myarray[6] = new Array(2);
myarray[6][0] = 'cherry.gif';
myarray[6][1] = 'ProductDetail.aspx?product=344';

myarray[7] = new Array(2);
myarray[7][0] = 'strawberry-yog.gif';
myarray[7][1] = 'ProductDetail.aspx?product=360';



if (myarray!=null)
	var image = new Array(2);
	
	{for (i=0; i<myarray.length; i++)
		{
		TDElement=document.createElement("TD");
		image=myarray[i];
		TDElement.innerHTML="<a href='" + image[i,1] + "'><IMG border='0' src='Thumbnails/"+image[i,0]+"'></a>"
		document.getElementById('ImageContainer').appendChild(TDElement)		
		}
	}

setIDs();
attachEventhandlers();
}


// ::::::::::::::::::::::::
// ::: Event Handlers ::
// ::::::::::::::::::::::::


// Attach event handlers to all images within container
function attachEventhandlers()
{
ContainerElement=document.getElementById('ImageContainer')
TDCol=ContainerElement.getElementsByTagName('TD');

if (TDCol!=null)
	{for (l=0; l<TDCol.length; l++)
		{
		IMGCol=TDCol.item(l).getElementsByTagName("IMG");
		IMGCol.item(0).style.cursor="pointer"
		IMGCol.item(0).setAttribute('id',"Image"+l)

		}
	}
}

// Set ID's for all table cells
function setIDs()
{
ContainerElement=document.getElementById('ImageContainer')
TDCol=ContainerElement.getElementsByTagName('TD');
if (TDCol!=null)
	{	for (i=0; i<TDCol.length; i++)
			{TDCol.item(i).setAttribute('id',i)}
	}
}

// :::::::::::::::::::::::::
// ::: Scroll Functions ::
// :::::::::::::::::::::::::

function moveLeft()
{
ContainerElement=document.getElementById("ImageContainer");
firstTD=document.getElementById("0");
dupfirstTD=firstTD.cloneNode(false)
dupfirstTD.innerHTML=firstTD.innerHTML
ContainerElement.removeChild(firstTD);
ContainerElement.appendChild(dupfirstTD);
setIDs();attachEventhandlers();
}

function moveRight()
{
lastTD=document.getElementById(TDCol.length-1);
duplastTD=lastTD.cloneNode(false)
duplastTD.innerHTML=lastTD.innerHTML
firstTD=document.getElementById("0");
ContainerElement=document.getElementById("ImageContainer");
ContainerElement.insertBefore(duplastTD,firstTD);
ContainerElement.removeChild(lastTD);
setIDs();attachEventhandlers();
}