$(document).ready(function () {

    function isValidDate(controlName) {
        var format = 'dd-M-yy';
        var isValid = true;
        try {
            jQuery.datepicker.parseDate(format, $('#' + controlName).val(), null);
        }
        catch (error) {
            isValid = false;
        }
        return isValid;
    }




    $('#selHotelContainer').click(function () {
        $('#dd_resorts').slideDown('slow');
    });
    $('#dd_resorts>div').click(function () {
        $('#selHotelContainer img').attr('src', $(this).find('img').attr('src'));
        $('#lang_r_resort, #resort').attr('value', $(this).find('span').html());
        $('#dd_resorts').slideUp('slow');
        $('#lang_r_resort').attr('id', 'resort');
    });

    $("#lang_r_date_departure, #lang_r_date_arrival").datepicker({
        minDate: 0,
        numberOfMonths: 2,
        buttonImage: vp_objBase + 'img/design/ico_calendar.gif',
        buttonImageOnly: true,
        beforeShow: customRange,
        showOn: 'button',
        dateFormat: 'dd-M-yy'
    });

    function customRange(a) {
        var b = new Date();
        var c = new Date(b.getFullYear(), b.getMonth(), b.getDate());
        if (a.id == 'lang_r_date_departure') {
            if ($('#lang_r_date_arrival').datepicker('getDate') != null) {
                c = $('#lang_r_date_arrival').datepicker('getDate');
            }
        }
        return {
            minDate: c
        }
    }
    $('#rooms').change(function () {
        $('body').append('<div id="test">x</div>');

        var rooms = $(this).val();
        var tmp = "<table class='room_configure'>" +
				"<thead><tr>" +
				"	<td>Room</td>" +
				"	<td>Adults</td>" +
				"   <td>Childs</td>" +
				"</tr></thead><tbody>";

        var SELECT = "<select name='xNAMEx' id='xNAMEx'>" +
				"		<option value='0'>0</option>" +
				"		<option value='1'>1</option>" +
				"		<option value='2'>2</option>" +
				"		<option value='3'>3</option>" +
				"		<option value='4'>4</option>" +
				"		<option value='5'>5</option>" +
				"		<option value='6'>6</option>" +
				"	  </select>";


        for (i = 1; i <= rooms; i++) {
            tmp += "<tr>";
            tmp += "<td>" + i + ": </td>";
            tmp += "<td>" + SELECT.replace(/xNAMEx/gi, 'room_adults_' + i) + " </td>";
            tmp += "<td>" + SELECT.replace(/xNAMEx/gi, 'room_childs_' + i) + " </td>";
            tmp += "</tr>";
        }
        tmp += "</tbody>";
        tmp += "<tfoot>";
        tmp += "<tr><td colspan='3'><input type='button' name='confirm_setup' id='confirm_setup' value='Confirm' /></td></tr>";
        tmp += "</tfoot>";
        tmp += "</table><br />";
        $('#test').html((tmp));
        $('#test').dialog({ modal: true, title: 'Configure Your Rooms' });
    });
    $('#confirm_setup').live('click', function () {
        var rooms = $('#rooms').val();
        var json = "{";
        var text = "";
        var adts = chds = 0;
        for (i = 1; i <= rooms; i++) {

            adts += parseInt($('#room_adults_' + i).val());
            chds += parseInt($('#room_childs_' + i).val());

            json += '"' + i + '":{"adt":' + parseInt($('#room_adults_' + i).val()) + ',"chd":' + parseInt($('#room_childs_' + i).val()) + "}"
            if (i < rooms) {
                json += ",";
            }


            text += $('#room_adults_' + i).val() + " ADT ";
            text += $('#room_childs_' + i).val() + " CHD ";
            text += "<br />";
        }
        $('#test').dialog('close');
        json += "}";
        var txtchd = chds > 0 ? chds + ' CHDs ' : '';
        var txtadt = adts > 0 ? adts + ' ADTs ' : '';
        $('#json_data').val(json);
        $('#guest_distribution').html('<td colspan="4"> ' + txtadt + txtchd + '</td>');
    });

    $('#form_reservation').submit(function () {

        //e.preventDefault();
        var rooms = $('#rooms').val();




        if ($('#json_data').val() == '') {
            //alert('building single json');
            json = '{"1":{"adt":' + parseInt($('#adts').val()) + ',"chd":' + parseInt($('#chds').val()) + ' }}';
            $('#json_data').val(json);
        }


        var check_in = isValidDate('lang_r_date_arrival');
        var check_out = isValidDate('lang_r_date_departure');
        var resort = $('#resort').val();

        if (resort != 'Palmas de Cortez' && resort != 'Playa del Sol' && resort != 'Punta Colorada' && resort != 'Villas de Cortez') {
            alert('You Need to choose a Resort');
            return false;
        }
        if (!check_in) {
            alert('Please set the Check in date');
            return false;
        }
        if (!check_out) {
            alert('Please set the Check out date');
            return false;
        }
        if ($('#rooms').val() == 0) {
            alert('You Need to select rooms');
            return false;
        }

        return true;

    });

});