/**
 * Original Source: Book: DHTML Utopia: Modern Web Design Using JavaScript & DOM
 * Also: http://www.sitepoint.com/article/dhtml-utopia-modern-web-design/2
 */

function setupRollovers()
{
if(!document.getElementsByTagName)
{
return;
}
var all_links = document.getElementsByTagName('a');
for(var i = 0; i < all_links.length; i++)
{
var link = all_links[i];
if(link.className && (' ' + link.className + ' ').indexOf(' rollover ') != -1)
{
link.onmouseover = mouseover;
link.onmouseout = mouseout;
}
}
}

function findTarget(e)
{
 var target;
 if (window.event && window.event.srcElement)
target = window.event.srcElement;
 else if (e && e.target)
target = e.target;
 if (!target)
return null;
 while (target != document.body &&
target.nodeName.toLowerCase() != 'a')
target = target.parentNode;
 if (target.nodeName.toLowerCase() != 'a')
return null;
 return target;
}

function mouseover(e)
{
var target = findTarget(e);
if (!target) return;
var img_tag = target.childNodes[0];
if( img_tag.nodeName.toLowerCase() != 'img')
{
img_tag = target.childNodes[1];
}
img_tag.src = img_tag.src.replace(/(\.[^.]+)$/, '_over$1');
}

function mouseout(e)
{
 var target = findTarget(e);
 if (!target) return;
var img_tag = target.childNodes[0];
if( img_tag.nodeName.toLowerCase() != 'img')
{
img_tag = target.childNodes[1];
}
 img_tag.src = img_tag.src.replace(/_over(\.[^.]+)$/, '$1');
}

addEvent( window, 'load', setupRollovers, false );