$(document).ready(function() 
{
    $('img#navi-frontpage').mouseover(function()
    {
        $(this).attr('src', '/img/btn/navi_frontpage_anim.gif');
    });

    $('img#navi-gallery').mouseover(function()
    {
        $(this).attr('src', '/img/btn/navi_gallery_anim.gif');
    });

    $('img#navi-games').mouseover(function()
    {
        $(this).attr('src', '/img/btn/navi_games_anim.gif');
    });

    $('img#navi-reijo').mouseover(function()
    {
        $(this).attr('src', '/img/btn/navi_reijo_anim.gif');
    });

    $('img#navi-risto').mouseover(function()
    {
        $(this).attr('src', '/img/btn/navi_risto_anim.gif');
    });

    $('a.new-window').live('click', function(){
        window.open(this.href);
        return false;
    });
});

function ajaxrequest()
{
    var r;
    if (window.XMLHttpRequest)
    {
        try { r = new XMLHttpRequest(); }
        catch (e) {}
    }
    else if (window.ActiveXObject)
    {
        try { r = new ActiveXObject('Msxml2.XMLHTTP'); }
        catch (e)
        {
            try { r = new ActiveXObject('Microsoft.XMLHTTP'); }
            catch (e) {}
        }
    }
    return r;
}

function fetchurl(url, container_id, params)
{
    container = document.getElementById(container_id);
    container.innerHTML = '<div style="position: relative"><div style="position: absolute; left: 50%; top: 50%; z-index: 42"><img src="/img/loader.gif" alt="Loading..."/></div>' + container.innerHTML + '</div>';
    req = ajaxrequest();
    if(!req) return true;
    req.onreadystatechange=function() { if(req.readyState==4) if (container) container.innerHTML = req.responseText; }
    url += '?ajax=1';
    if (params) url += '&' + params;
    req.open('GET',url,true);
    req.send(null);
    return false;
}