$(document).ready(function () {
    $("#pic").cycle({
        before: showTitle,
        prev: "#btnArrowLeft",
        next: "#btnArrowRight",
        pager: "#options ul",
        pagerAnchorBuilder: function (idx, slide) {
            return '<li><a href="#"><span>' + idx + '</span></a></li>';
        }
    });

    function showTitle() {
        $('#slider_index h2').text(this.alt);
    }

    $("#taalkeuze ul").click(function () {
        if ($("ul", this).hasClass("activated")) {
            $("ul", this).slideUp('fast').removeClass("activated");
        } else {
            $("ul", this).slideDown('fast').addClass("activated");
        }
    });

    $("#mainMenu ul li").hover(function () {
        $("ul", this).css({ "display": "block" });
    }, function () {
        $("ul", this).css({ "display": "none" });
    });

    $(".availabilitybtn").fancybox({
        overlayShow: true,
        overlayOpacity: 0.8,
        overlayColor: '#000000',
        type: 'iframe',
        height: 450,
        width: 820,
        padding: 2,
        titleShow: false
    });

    $(".fancylink").fancybox({
        overlayShow: true,
        overlayOpacity: 0.8,
        overlayColor: '#000000',
        type: 'iframe',
        height: 550,
        padding: 2,
        titleShow: false
    });

    $(".fotoviewer").fancybox({
        overlayShow: true,
        overlayOpacity: 0.8,
        overlayColor: '#000000',
        padding: 2,
        titleShow: false
    });

    $('#aankomst').datepicker({
        showOn: 'both',
        buttonImage: 'images/calendar.jpg',
        buttonImageOnly: true,
        dateFormat: 'dd-mm-yy',
        firstDay: 1,
        onSelect: function (dateStr) {
            var d = $.datepicker.parseDate('dd-mm-yy', dateStr);
            d.setDate(d.getDate() + 1);
            $('#vertrek').datepicker('setDate', d);
        }
    });

    $('#vertrek').datepicker({
        showOn: 'both',
        buttonImage: 'images/calendar.jpg',
        buttonImageOnly: true,
        dateFormat: 'dd-mm-yy',
        firstDay: 1
    });
});

function submitmyform(form) {
    jQuery.fancybox({ href: form.action + '?logisid=' + jQuery("#logisid", form).val() + '&startdatum=' + jQuery("#aankomst", form).val() + '&einddatum=' + jQuery("#vertrek", form).val(), type: 'iframe', width: 500, height: 550, padding: 2 });
    return false;
}