/*
    On Load
*/

$(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;
    } );

    //add a balloontip to portfolio thumbs
    portfolioBalloonTips();

} );

/*
    Homepage Slider
*/

function homepageSlider(iMarginMenu, iMarginBlocks) {

    $("#slider_menu").animate({marginLeft: iMarginMenu}, 1500, "easeOutQuad");
    $("#slider_blocks").animate({marginLeft: iMarginBlocks}, 1500, "easeOutQuad");

    return false;

}


/*
    Over Ons Slider
*/

var medewerkerPopupOpen = false;

function medewerkerSlider(sKey, sDirection) {

    if (medewerkerPopupOpen == true) {

        if (sDirection == 'left') {
            $("#medewerkers_popup div.popupContent").animate({marginLeft: '600px'}, 300, "easeOutQuad", function() {
                newMedewerkerSlide(sKey, sDirection);
            } );
        } else {
            $("#medewerkers_popup div.popupContent").animate({marginLeft: '-600px'}, 300, "easeOutQuad", function() {
                newMedewerkerSlide(sKey, sDirection);
            } );
        }
    } else {
        newMedewerkerSlide(sKey);
    }

    return false;

}

function newMedewerkerSlide(sKey, sDirection) {

    //haal data op
    $.getJSON("ajax/getMedewerker.php", { naam_key: sKey }, function(json) {

        var data = eval(json);

        //laat plaatje/foto/media zien
        if (data.media_popup != '') {
            $("#medewerkers_popup .media").html('<img src="'+ data.media_popup +'" alt="'+ data.naam +'"><br>');
        } else {
            $("#medewerkers_popup .media").html('');
        }

        //vul teksten in
        $("#medewerkers_popup .tekst").html('<h1>'+ data.naam +'</h1><br>'+ data.tekst +'<br><a href="mailto:'+ data.email +'" class="email"><img src="images/icoon_email.gif">'+ data.email +'</a>');

        //pas de vorige/volgende links aan
        $("#medewerkers_popup a#left").attr('href', '');
        $("#medewerkers_popup a#left").unbind('click');
        $("#medewerkers_popup a#left").click( function() {
            medewerkerSlider(data.sPrevKey, 'left');
            return false;
        });

        $("#medewerkers_popup a#right").attr('href', '');
        $("#medewerkers_popup a#right").unbind('click');
        $("#medewerkers_popup a#right").click( function() {
            medewerkerSlider(data.sNextKey, 'right');
            return false;
        });

        //open popup als nodig
        if (medewerkerPopupOpen == false) {
            $("#medewerkers_popup").show('normal');
            medewerkerPopupOpen = true;
        }

        //animeer alles in en uit beeld
        if (sDirection == 'left') {
            $("#medewerkers_popup div.popupContent").css('margin-left', '-600px');
            $("#medewerkers_popup div.popupContent").animate({marginLeft: '0px'}, 300, "easeOutQuad");
        } else {
            $("#medewerkers_popup div.popupContent").css('margin-left', '600px');
            $("#medewerkers_popup div.popupContent").animate({marginLeft: '0px'}, 300, "easeOutQuad");
        }

        return false;

    } );

}

function closeMedewerkerSlider() {

    $("#medewerkers_popup").hide('normal');
    $("#medewerkers_popup").removeClass("display");
    medewerkerPopupOpen = false;
    return false;

}


/*
    Contactpagina informatie
*/

function getContactSubpage(sPage) {

    //haal data op
    $.getJSON("ajax/getContactSubpage.php", function(json) {

        var data = eval(json);

        //data leegmaken
        $("#map_overlay p").empty();
        $("#map_overlay form").empty();
        $("#map_overlay .submit").empty();

        if (sPage == 'routebeschrijving') {

            //buttons wisselen
            $(".button1").attr('src', 'images/button_adresgegevens.gif');
            $(".button2").attr('src', 'images/button_routebeschrijving_active.gif');

            //data invullen
            $("#map_overlay").append(data.tekst);
            $("#map_overlay").append('<form name="routeForm" id="routeForm" action="routebeschrijving" method="post">'+
                                     '<input type="hidden" name="swis_straat" value="'+ data.straat +'">'+
                                     '<input type="hidden" name="swis_postcode" value="'+ data.postcode +'">'+
                                     '<input type="hidden" name="swis_plaats" value="'+ data.plaats +'">'+
                                     '<label>Straatnaam + huisnummer:<br> <input type="text" class="textField" name="adres"></label><br>'+
                                     '<label>Plaatsnaam:<br> <input type="text" class="textField" name="plaats"></label>'+
                                     '<p><input type="submit" class="submit" value="Open routebeschrijving"></p>'+
                                     '</form>');

        } else {

            //buttons wisselen
            $(".button1").attr('src', 'images/button_adresgegevens_active.gif');
            $(".button2").attr('src', 'images/button_routebeschrijving.gif');

            //data invullen
            $("#map_overlay").append(data.adres);


        }

    } );

    return false;

}


function portfolioBalloonTips() {

    $(".portfolio_thumb").qtip(
        {
            style: {
                background: 'white',
                color: 'black',
                padding: 10,
                border: {
                    width: 8,
                    color: '#d8d8d8'
                },
                classes: {
                    content: 'tooltipContent'
                },
                name: 'cream',
                tip: true
            },
            position: {
                target: 'mouse',
                corner: {
                    target: 'topRight',
                    tooltip: 'bottomRight'
                },
                adjust: {
                    mouse: true,
                    screen: true
                }
            }
        }
    );

}