$(document).ready(function(){
    $.datepicker.setDefaults($.extend({
        showMonthAfterYear: false
    }, $.datepicker.regional['es'], {
        minDate:0
    }));
    $('.datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        numberOfMonths: 2,
        buttonImage: '/images/calendario.jpg',
        buttonImageOnly: true,
        showOn: 'button',
        beforeShowDay: function(fecha) {
            var dates = {};
            var options = $(this).prev('select').find('option');
            options.slice().each(function() {
                var date  = $(this).val();
                var year  = date.substring(0, 4);
                var month = date.substring(5, 7) - 1;
                var day   = date.substring(8, 10);
                dates[new Date(year, month, day)] = true;
            });
            return [dates[fecha], ''];
        },
        onSelect: function(date) {
            $(this).prev('select').val(date);
        },
        beforeShow: function() {
            $(this).val($(this).prev('select').val());
            return {};
        }
    });
    
    $("select[id^=ninos_]").change(function(){
        var numero_ninos = $(this).val();
        var ocupacion= $(this).attr("id").split("_")[1];
        $("div[id^=div_edad_nino_"+ocupacion+"]").hide();
        $("div[id^=cabecera_edad_]").hide();
        for (i=1;i<=numero_ninos;i++){
            $("div[id^=div_edad_nino_"+ocupacion+"_"+i+"]").show();

        }
        var max = Math.max($("#ninos_1").val(),$("#ninos_2").val(),$("#ninos_3").val());
        for (i=1;i<=max;i++) {
            $("div[id^=cabecera_edad_"+i+"]").show();
        }
    });

    $("#form_reservar_oferta").submit(function(){
        var errores=0;
        $("select[id^=edad_nino_]").each(function(){
            if ($(this).parent().css('display')=="block" && $(this).val()=="-1") {
                /* $(this).css('background-color','red'); */
                errores+=1;
            }
        });
        if (errores>0) {
            $("#error_ocupaciones").dialog({
                position: [550,350],
                modal: true,
                resizable: false,
                width: 350,
                draggable: false
            });

            $("#error_ocupaciones").dialog('open');
            return false;
        } else {
            return true;
        }
    });
});