/* ----- hoverable.js ----- */
//alert("HOVAR");

function imgHoverOn( event )
{
    var sender = null;
    if(event) sender = event.target;
    else      sender = window.event.srcElement;

    
    sender.src = sender.src.replace("_normal","_hover");
    
    
}

function imgHoverOff( event )
{
    var sender = null;
    if(event) sender = event.target;
    else      sender = window.event.srcElement;
    
    sender.src = sender.src.replace("_hover","_normal");
    
}


var preload = [];
function initHoverableImages()
{
    var imgs = document.getElementsByTagName('img');
    for(x=0; x<imgs.length; x++)
    {
        var img = imgs[x];
        if( img.className == 'hoverable' )
        {
            img.onmouseover = imgHoverOn;
            img.onmouseout  = imgHoverOff;
            
            var preloadUrl = img.src.replace("_normal","_hover");
            var preloadImage = new Image();
            preloadImage.src = preloadUrl;
            preload[preload.length] = preloadImage;
        }
    }
                            
                            
    
}

if(window.addEventListener)
{
    window.addEventListener('load',initHoverableImages, false);
}    
else
{
    window.attachEvent('onload', initHoverableImages);    
}    

//document.onload = initHoverableImages;