/*
Helper function that checks if a given element has a certain class assigned to it.
returns true/false
*/
function hasClass(element, className)
{
var classes = element.className.split(" ");
for (var i=classes.length-1; i>=0; i--) if (classes[i]==className) return true;
return false;
}
/*
Automatically adds rollover effects to image links.
The function should be called
- on load of the body (...)
- or tied to the window.onLoad event (window.onload = prepareRollOvers;)
It assumes the following:
- The image tag is marked with class="imgRollOver" (
)
- The hover image file is named with the suffix "_h", i.e. "image.gif" has the hover graphic "image_h.gif"
- The highlighted image file ("emphasized") is named with the suffix "_em", i.e. "image.gif" has the highlighted graphic "image_em.gif"
Full example:
*/
function prepareRollOvers()
{
var rollOverImgs = document.getElementsByTagName("img");
for (var i=0; i