$(document).ready( function() {

    $("ul.sf-menu").supersubs({
        minWidth:    12,
        maxWidth:    27,
        extraWidth:  1
    }).superfish();

    $("ul.iconos").click(function() {
        $("#indicadorEspera").css("display", "block");
    });

    $(document).ajaxStop(function() {
        $("#indicadorEspera").css("display", "none");
    });

    $("select[name='pagina']").change(function() {
        $("#formatoReservas2").submit();
    });

    $("input[name='tipoBusqueda']").change(function() {
        if ($(this).val() == 2 || $(this).val() == 3) {
            $(".ciudadOrigen").show();
        } else {
            $(".ciudadOrigen").hide();
        }
    });

    $("#formatoReservas6, #formatoReservas7").validate({
        invalidHandler: function(a, b) {
           $("#indicadorEspera").css("display", "none");
         }
    });

    $("#mes_tarjeta_credito, #anno_tarjeta_credito").change(function() {
        valor = $("#mes_tarjeta_credito").val() + $("#anno_tarjeta_credito").val();
        $("#expiracion_tarjeta_credito").val(valor);
    })

    $(".fechaReciente").attr("readonly","readonly").datepicker({
        dateFormat: "mm/dd/yy",
        minDate: 0,
        maxDate: 365
    });

    $(".fechaAntigua").attr("readonly","readonly").datepicker({
        dateFormat: "mm/dd/yy",
        changeMonth: true,
        changeYear: true,
        yearRange: "-109:0"
    });

    $("#top5").cycle({
        fx: "fade",
        speed: 10,
        timeout: 4000,
        fit: true,
        pause: 1
    });

    $(".fotosGaleria").jcarousel({
        scroll: 1,
        buttonPrevHTML: '<ul class="botonCarrusel iconos ui-widget ui-helper-clearfix"><li class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-carat-1-w"/></li></ul>',
        buttonNextHTML: '<ul class="botonCarrusel iconos ui-widget ui-helper-clearfix"><li class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-carat-1-e"/></li></ul>',
        buttonNextEvent: "click",
        buttonNextEvent: "click"
    });

    $("#ampliacionImagenGaleria").dialog({
            bgiframe: true,
            autoOpen: false,
            resizable: false,
            draggable: false,
            height: 500,
            width: 700,
            modal: true
    });

    $(".imagenGaleria").click(function() {
        ruta   = $(this).attr("src");
        imagen = "<img class=\"imagenGaleriaAmpliada\" src=\""+ruta+"\" />";
        $("#ampliacionImagenGaleria").html(imagen);
        $("#ampliacionImagenGaleria").dialog("open");
    });

    $("#ayudaCodigoTarjeta").dialog({
            bgiframe: true,
            autoOpen: false,
            resizable: false,
            draggable: false,
            height: 200,
            width: 340,
            modal: true
    });

    $("#botonAyudaCodigoTarjeta").click(function() {
        $("#ayudaCodigoTarjeta").dialog("open");
    });

    $("#promociones").cycle({
        fx: "scrollUp",
        speed: 10,
        timeout: 5000,
        pause: 1,
        width: 180,
        fit: true,
        cleartypeNoBg: true,
        sync: true
    });

    $(".barraProgreso").each(function() {
        valor = $(this).attr("title");
        $(this).progressbar({
            value: valor
        });
    });

    $(".pestanas").tabs();
/*
    $("#listaCompletaHoteles").accordion({
        autoHeight: false,
        collapsible: true,
        active: false,
        header: "h3"
    });
*/
    $("#usuarioRegistrado").click(function () {
        $(".usuarioExistente").toggle();
        $(".usuarioNuevo").toggle();

        if ($('.usuarioNuevo').is(':visible')) {
            $('.usuarioNuevo').find(':input').removeAttr('disabled');
            $('.usuarioExistente').find(':input').attr('disabled','true');

        } else {
            $('.usuarioExistente').find(':input').removeAttr('disabled');
            $('.usuarioNuevo').find(':input').attr('disabled','true');
        }
    });

    $("#fechaLlegada").attr("readonly","readonly").datepicker({
        dateFormat: "mm/dd/yy",
        minDate: 7,
        maxDate: 365,
        numberOfMonths: 2,
        onSelect: function(fecha, instancia) {
            inicio = $("#fechaLlegada").val().split("/");
            inicio = new Date(inicio[2], inicio[0]-1, inicio[1]);
            inicio.setDate(inicio.getDate()+2);
            $("#fechaSalida").val('');
            $("#fechaSalida").datepicker('destroy');
            $("#fechaSalida").attr("readonly","readonly").datepicker({
                dateFormat: "mm/dd/yy",
                minDate: inicio,
                maxDate: 365,
                numberOfMonths: 2
            });
        }
    });

    $(".marcaServicios").click(function() {
        var hospedaje = parseFloat($("#totalHospedaje").val().replace(',',''));
        var servicios = parseFloat($("#totalServicios").val().replace(',',''));
        var servicio  = parseFloat($(this).val().replace(',',''));

        if ($(this).is(":checked")) {
            total1 = (servicios+servicio).toFixed(2)
            total2 = (hospedaje+servicios+servicio).toFixed(2)
        } else {
            total1 = (servicios-servicio).toFixed(2)
            total2 = (hospedaje+servicios-servicio).toFixed(2)
        }

        $("#totalServicios").val(separaMiles(total1));
        $("#granTotal span").html(separaMiles(total2));
        $("#textoTotalServicios").html($("#totalServicios").val());
    });

    $("#listaPaises").change(function() {
        pais = $(this).find("option:selected").val();

        destino = $("#formularioInicioSesion").attr("action");

        $.post(destino, {id: '05', pais: pais}, function(respuesta) {
            $("#listaEstados").html(respuesta);
        }, 'html');

    });

    $("#enlaceRegistrarUsuario").click(function() {
        $(".mensajeDialogo").html('');
        $("#dialogoRegistrarUsuario").dialog("destroy");
        $("#dialogoRecordarContrasena").dialog("destroy");
        $("#dialogoRegistrarUsuario").dialog({
                bgiframe: true,
                autoOpen: false,
                resizable: false,
                draggable: false,
                height: 400,
                width: 400,
                modal: true
        });
        $("#dialogoRegistrarUsuario").dialog("open");

        $.post($(this).attr("href"), {id: '07', generar: true}, function(respuesta) {
            $("#dialogoRegistrarUsuario").dialog().html(respuesta);
        }, 'json');

        return false;
    });

    /*** Recordar (asignar nueva) contraseņa del usuario con su email ***/
    $("#enlaceRecordarContrasena").click(function() {
        $(".mensajeDialogo").html('');
        $("#dialogoRegistrarUsuario").dialog("destroy");
        $("#dialogoRecordarContrasena").dialog("destroy");
        $("#dialogoRecordarContrasena").dialog({
                bgiframe: true,
                autoOpen: false,
                resizable: false,
                draggable: false,
                height: 120,
                width: 400,
                modal: true
        });
        $("#dialogoRecordarContrasena").dialog("open");

        $.post($(this).attr("href"), {id: '06', generar: true}, function(respuesta) {
            $("#dialogoRecordarContrasena").dialog().html(respuesta);
        }, 'json');

        return false;
    });

});

function iniciarSesion() {
    destino = $("#formularioInicioSesion").attr("action");
    inicio  = $("#paginaPrincipal").val();

    $.post(destino, {id: '00', u: $('#usuarioInicioSesion').val(), c: $('#contrasenaInicioSesion').val()}, function(respuesta) {

        if (respuesta[0] == '') {
            alert(respuesta[1]);
        } else {
            window.location.reload(true);
        }
    }, 'json');
}

function finalizarSesion() {
    destino = $("#formularioInicioSesion").attr("action");
    inicio  = $("#paginaPrincipal").val();

    $.post(destino, {id: '03'});
    window.location.reload(true);
}

function misReservas () {
    destino = $("#formularioInicioSesion").attr("action");

    $.post(destino, {id: '04'}, function(respuesta) {
        if (respuesta[0] == '') {
            alert(respuesta[1]);
        } else {
            $("#bloqueCentral").html(respuesta[1]);
        }
    },'json');
}

function fotosGaleria_initCallback(carrusel) {

    $("#galeriaImagenAnterior").bind("click", function() {
        carrusel.prev();
        return false;
    });

    $("#galeriaImagenSiguiente").bind("click", function() {
        carrusel.next();
        return false;
    });

}

function mostrarImagenes(pestana) {
    id = $(pestana).attr("href");
    $(id+" img").css("display","block");
}

function separaMiles(numero) {
    numero += '';
    x = numero.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;

    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }

    return x1 + x2;
}

function procesarRegistarUsuario() {
    var apellidos   = $("#formaRegistrarUsuario input[name='apellidos']").val();
    var nombres     = $("#formaRegistrarUsuario input[name='nombres']").val();
    var usuario     = $("#formaRegistrarUsuario input[name='usuario']").val();
    var contrasena  = $("#formaRegistrarUsuario input[name='contrasena']").val();
    var contrasena2 = $("#formaRegistrarUsuario input[name='contrasena2']").val();
    var correo      = $("#formaRegistrarUsuario input[name='correo']").val();
    $.post($("#formaRegistrarUsuario").attr("action"), {id: '07', procesar: true, apellidos: apellidos, nombres: nombres, usuario: usuario, contrasena: contrasena, contrasena2: contrasena2, correo: correo}, function(respuesta) {
        $(".mensajeDialogo").html(respuesta);
    }, 'json');
}


function procesarRecordarContrasena() {
    var correo = $("#formaRecordarContrasena input[name='correo']").val();
    $.post($("#formaRecordarContrasena").attr("action"), {id: '06', procesar: true, correo: correo}, function(respuesta) {
        $(".mensajeDialogo").html(respuesta);
    }, 'json');
}