var currentAnimateElem;
var currentZIndex = 1000;

$(document).ready(function () {

    $('.diaporama1').innerfade({
        speed: 4000,
        timeout: 8000,
        type: 'sequence'
        //containerheight: '220px'
    });

    $('.ScrollZone').jScrollPane({
        showArrows: true,
        arrowScrollOnHover: true,
        contentWidth : 200
    });

    $("#Date").datepicker();

    $("a[rel='ChambreImageColorBox']").colorbox();
    $("a[rel='LivredorImageColorBox']").colorbox();
    $("a[rel='LegalesLinkColorBox']").colorbox();
    $("a[rel='CGVLinkColorBox']").colorbox();
    $("a[rel='CGVLinkColorBox1']").colorbox();

    /*---- script menu -----*/
    $(".contenubox").each(function () {
        $(this)[0].oldHeight = $(this)[0].offsetHeight;
    });

    $(".contenubox").css({
        opacity: 0.3
    });

    $(".contenubox").css({
        height: '0px'
    });

    $('.box').hover(function () {

        var l = $(".titrebox").offset().left;
        var tmp = $("div:eq(0)", this).offset().left;
        var dec = tmp - l;
        var w = 935 - dec;

        $e = $("div:eq(1)", this);
        
        if($e.length > 0){
	        $e.css("width", w);
	        $e.css("zIndex", currentZIndex++);
	        $e.css('paddingLeft', dec);
	        $e.dequeue().stop().animate({
	            opacity: 1,
	            height: $e[0].oldHeight
	        });
      	}

    }, function () {

        $e = $("div:eq(1)", this);
        $e.animate({
            opacity: 0.3,
            height: '0px'
        });
    });

    $('.menu').css('visibility', 'visible');

});

function ShowReservationBoxWrapper() {
    ShowReservationBox();
}

function ShowReservationBox(val) {

    $.colorbox(
    {
        href: "/Contact/ReservationWrapper/" + (val != null ? val : ""),
        title: "",
        onComplete: function () {

            ReservationLoaded();
        }
    });
}

function ShowReservationBoxOffres(val) {
    $.colorbox(
    {
        href: "/Contact/ReservationWrapper?idOffre=" + val,
        title: "",
        onComplete: function () {
            ReservationLoaded();
        }
    });
}

function ReservationLoaded() {
    $("#DateResa").datepicker();
    $("#DateResto").datepicker();
    $("#DateEvenement").datepicker();

    CheckObjetValue($("#Objet").val());
    CheckNbChambres($("#NbChambres").val());
    CheckNbEnfants($("#NbEnfants").val());

    $("#Objet").change(function () {

        var val = $(this).val();

        CheckObjetValue(val);
    });

    $("#Objet").focusout(function () {

        var val = $(this).val();

        CheckObjetValue(val);
    });

    $("#NbChambres").change(function () {
        var val = $(this).val();
        CheckNbChambres(val);
    });

    $("#NbEnfants").change(function () {
        var val = $(this).val();
        CheckNbEnfants(val);
    });

    if ($("#Identifiant").length > 0) {
        LaunchTagForm($("#Identifiant").val());
    }
}

function CheckNbEnfants(val) {
    if (val == "")
        $(".EnfantsSup").css("display", "none");
    else
        $(".EnfantsSup").css("display", "inline");
}

function CheckNbChambres(val) {
    if (val == 1) {
        $(".CategorieSup1").css("display", "inline");
        $(".CategorieSup2").css("display", "none");
    }
    else if (val == 2) {
        $(".CategorieSup1").css("display", "inline");
        $(".CategorieSup2").css("display", "inline");
    }
    else {
        $(".CategorieSup1").css("display", "none");
        $(".CategorieSup2").css("display", "none");
    }
}

function CheckObjetValue(val) {
    if (val == "Réservation hôtel") {
        $("#EvenementContact").css("display", "none");
        $("#ContactRestaurant").css("display", "none");
        $("#ContactHotel").css("display", "block");
    }
    else if (val == "Réservation restaurant") {
        $("#ContactHotel").css("display", "none");
        $("#EvenementContact").css("display", "none");
        $("#ContactRestaurant").css("display", "block");
    }
    else if (val == "Demande d'information") {
        $("#ContactHotel").css("display", "none");
        $("#EvenementContact").css("display", "none");
        $("#ContactRestaurant").css("display", "none");
    }
    else if (val == "Demande de devis") {
        $("#ContactRestaurant").css("display", "none");
        $("#ContactHotel").css("display", "none");
        $("#EvenementContact").css("display", "block");
    }
    else {
        $("#EvenementContact").css("display", "none");
        $("#ContactRestaurant").css("display", "none");
        $("#ContactHotel").css("display", "block");
    }
}