/**********
*   Initialisation
**********/

$(document).ready(function () {

    // Links met rel="external" moeten in een nieuw venster worden geopend
    $('A[rel="external"]').click( function() {
        window.open(jQuery(this).attr('href') );
        return false;
    } );

    //start slideshow van winkels
    /*
    $('.slideshow').cycle({
        delay:  5000,
        speed:  500
    });
    */

    if ($('.slideshow').length > 0) {
        $('.slideshow').showcase({
            images: aPictures,
            width: "272px",
            height: "325px",
            border: "0px",
            animation: {type: "fade", interval: 2000, speed: 500, stopOnHover: false}
        });
    }

    $('input.submit').hover(
        function () {
            $(this).addClass('hover');
        },
        function () {
            $(this).removeClass('hover');
        }
    );

    $('.fadeOut').fadeOut(5000);

    //laad de maps als nodig
    if ($('#map_canvas').size() > 0) {
        laadMap();
    }

});


/*****
*   Google Maps
*****/

function laadMap() {

    if (!GBrowserIsCompatible()) {
        return false;
    }

    //maak map aan
    oMap = new GMap2(document.getElementById('map_canvas'), {backgroundColor: '#ffffff'});
    oMap.setMapType(G_NORMAL_MAP);
    oMap.setUIToDefault();

    //marker
    var myIcon = new GIcon();
    myIcon.image = '../images/markers/image.png';
    myIcon.shadow = '../images/markers/shadow.png';
    myIcon.iconSize = new GSize(16,20);
    myIcon.shadowSize = new GSize(26,20);
    myIcon.iconAnchor = new GPoint(8,20);
    myIcon.infoWindowAnchor = new GPoint(8,0);
    myIcon.printImage = '../images/markers/printImage.gif';
    myIcon.mozPrintImage = '../images/markers/mozPrintImage.gif';
    myIcon.printShadow = '../images/markers/printShadow.gif';
    myIcon.transparent = '../images/markers/transparent.png';
    myIcon.imageMap = [15,0,15,1,15,2,15,3,15,4,15,5,15,6,15,7,15,8,15,9,15,10,15,11,15,12,15,13,15,14,15,15,11,16,11,17,10,18,9,19,6,19,5,18,4,17,4,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,0,4,0,3,0,2,0,1,0,0];

    var oLineaMarkerOptions = { title: 'Linea Design', icon: myIcon, clickable: false };

    //plaats marker
    var point = new GLatLng(52.086241,4.278676);
    oLineaMarker = new GMarker(point, oLineaMarkerOptions);
    oMap.addOverlay(oLineaMarker);

    oMap.setCenter(point, 15);

}