/*  GUI     */
//  Load just after the DOM - for Mozilla browsers
if (document.addEventListener) {
    document.addEventListener("DOMContentLoaded", init, false);
}

//  For other browsers
window.onload   =   init;

function    init()
{
    //  Load only once
    if (arguments.callee.done) return;
    arguments.callee.done = true;
    
    set_active_menu_options();
    set_external_links();
    set_photo_gallery();
}

function    set_active_menu_options()
{
    var current_href    =   document.location.pathname;
    var current_href_s  =   current_href+'/';
    
    /*  IE takes a_href absolute..  */
    var host            =   'http://'+document.location.hostname;
    
    var menu            =   document.getElementById('menu');
    if(menu)
    {
        var as              =   menu.getElementsByTagName('a');   
        for(var i=0;i<as.length;i++)
        {
            var a_href      =   as[i].getAttribute('href');
            a_href          =   a_href.replace(host,'');
            var a_href_s    =   a_href+'/';
            if(current_href == a_href || current_href_s == a_href || current_href == a_href_s || current_href_s == a_href_s)
            {
                as[i].className =   'active';
            }
        }
    }
}

function        set_external_links()
{
    //  Set external links to blank target && standards compliant
    if(document.getElementsByTagName)
    {
        var anchors =   document.getElementsByTagName('a');
        for(var i = 0;i<anchors.length;i++)
        {
            var anchor  =   anchors[i];
            if(anchor.getAttribute('href') && anchor.getAttribute('rel') == 'external')
            {
                anchor.title    =   anchor.title + ' (er opent een nieuw scherm)';
                anchor.target   =   '_blank';
            }
        }
    }
}

var CURRENT =   1;
var TOTAL   =   20;

function    set_photo_gallery()
{
    var obj =   document.getElementById('fotos');
    if(obj)
    {
        //  load the array with photos in global var
        PHOTOS      =   new Array();
        var preload =   new Array();
        for(var i = 1;i<=TOTAL;i++)
        {
            PHOTOS[i]       =   '/images/fotos/img'+i+'.jpg';
            preload[i]      =   new Image();
            preload[i].src  =   PHOTOS[i];
        }
        var prev    =   document.getElementById('prev');
        var next    =   document.getElementById('next');
        
        prev.onclick        =   function () { get_img('prev'); return false;  };
        prev.style.display  =   'none';
        
        next.onclick        =   function () { get_img('next'); return false;  };
    }
}

function    get_img(which)
{
    var img_obj =   document.getElementById('img');
    if(img_obj)
    {
        if(which == 'next')
            CURRENT++;
        else
            CURRENT--;
        
        //  Set new
        img_obj.src =   PHOTOS[CURRENT];
        var nr_obj          =   document.getElementById('nr');
        nr_obj.innerHTML    =   CURRENT;
        
        set_next_link();
        set_prev_link();
    }
    return false;
}

function    set_next_link()
{
    //  See if next is visible
    var next    =   document.getElementById('next');
    if(CURRENT < TOTAL || next.style.display == 'none')
        next.style.display  =   'block';
    else
        next.style.display  =   'none';
}

function    set_prev_link()
{
    //  See if prev is visible
    var prev    =   document.getElementById('prev');
    if(CURRENT > 1)
        prev.style.display  =   'block';
    else
        prev.style.display  =   'none';
}