// DHTML effecten OG aanbod
// (c) 2007 Loco (Loohuis Consulting), http://www.loohuis-consulting.nl/
// This work is licensed under a 
// Creative Commons Attribution-Share Alike 3.0 Netherlands License
// see http://www.loohuis-consulting.nl/development/cc-by-sa.php

// google maps based locator
// script url
var url = window.location.protocol + '//' + window.location.host + window.location.pathname;
// google map
var map;
// default center of map
var center;
// location marker
var marker;

// display Google map
function loadMap() {
    map = new GMap2(document.getElementById("map"));
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(center, 14);
    map.addOverlay(marker);
}

// show big image
function showImage(e)
{
    img = Event.element(e);
    $('bigimg').setAttribute('src', img.getAttribute('src'));
    // clear active
    var pager = $('imglist');
    if (pager) {
        // thumbnail click events
        var thumbs = document.getElementsByClassName('active', pager);
        thumbs.each(function(t)
        {
            Element.removeClassName(t, 'active');
        });
    }
    // set new active
    Element.addClassName(img, 'active');
}

// initialise page
function init()
{
    var pager = $('imglist');
    if (pager) {
        // thumbnail click events
        var thumbs = document.getElementsByClassName('thumb', pager);
        thumbs.each(function(t)
        {
            Event.observe(t, 'click', showImage);
        });
    }
    if ($('map')) {
        center = new GLatLng(parseFloat($('maplat').value), parseFloat($('maplon').value));
        marker = new GMarker(center, {
            clickable: false
        });
        // set up event listeners
        Event.observe(window, 'unload', GUnload, false);
        loadMap();
    }
}

Event.observe(window, 'load', init);