window.onload = init

function init()
{ setRollovers()
}



/*

setRollovers() scans the HTML page for any img tag that
has the class "rollover". When it finds one, it attaches
the mouseover events.

*/

function setRollovers()
{ imgs = document.getElementsByTagName("img")
  for (i=0;i<imgs.length;i++)
  { if (/rollOver/.test(imgs[i].className))
    { imgs[i].parentNode.onmouseover=function(){roll(this,true);}
      imgs[i].parentNode.onmouseout=function(){roll(this,false);}
      imgs[i].parentNode.onfocus=function(){roll(this,true);}
      imgs[i].parentNode.onblur=function(){roll(this,false);}
    }
  }
}




/*

roll() handles the image rollovers.

*/

function roll(node,status)
{	nodeImg = node.firstChild
	srcImage = nodeImg.getAttribute("src")
	
	if (status)
	{	navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
		if (navState == "off")
		{	srcImage = srcImage.substring(0,srcImage.length - 7)
			srcImage = srcImage + "on.gif"
			nodeImg.setAttribute("src",srcImage)
		}
	}
	else
	{	navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
		if ((navState != "sel") && (navState != "off"))
		{	srcImage = srcImage.substring(0,srcImage.length - 6)
			srcImage = srcImage + "off.gif"
			nodeImg.setAttribute("src",srcImage)
		}
	}
}





/*

openDemo() opens a pop-up window for the demo.

*/

function openDemo()
{	x = (screen.availWidth - 640) / 2 
	y = ((screen.availHeight - 400) / 2 ) - 40
	attribs = "width=640,height=400,left=" + x + ",top=" + y
	galleryWin = window.open("demo/demo_win.htm","demoWindow",attribs)
}