function displayRates()
{
    clearClick = false;

    $('a', '#menu-list-content').removeClass('selected');
    $('#rates').addClass('selected');
    currentPage = 'rates';

    if (isIE)
    {
        if ($('#content').css('display') == 'none')
        {
            $('#home-text').stop(true, true).animate({'opacity':'1'}, 600, function(){$('#home-text').css('display', 'none');});
            $('#news').stop(true, true).animate({'margin-top':$(window).height()}, 600, function()
            {
                $('#news').css('display', 'none');
                $('#content').css('display', 'block');
                initRates();
            });
        }
        else
        {
            $('#content').animate({'margin-left':$(window).width()}, 600, function()
            {
                initRates();
            });
        }
    }
    else
    {
        if ($('#content').css('display') == 'none')
        {
            $('#content').stop(true, true).animate({'opacity':'0'}, 0,  function()
            {
                $('#home-text').stop(true, true).animate({'opacity':'1'}, 600, function(){$('#home-text').css('display', 'none');});
                $('#news').stop(true, true).animate({'margin-top':$(window).height()}, 600, function()
                {
                    $('#news').css('display', 'none');
                    $('#content').css('display', 'block');
                    initRates();
                });
            });
        }
        else
        {
            $('#content').animate({'margin-left':$(window).width(), 'opacity':'0'}, 600, function()
            {
                initRates();
            });
        }
    }
}

function initRates()
{    
    initPageType1();
    $('#content-scroll-content').html('');

    $('#content-loader').css('display', 'block');
    $.post('includes/php/rates.php', {action:'load'}, function(data)
    {
        $('#content-loader').css('display', 'none');
        $('#content-fix').css('display', 'none');
        $('#content-fix').css('height', 'auto');
        $('#content-scroll').css('display', 'block');        
        $('#content-scroll-content').html(data);

        $('.rates-tooltip').each(function()
        {
            $(this).css('margin-left', ($(this).parent().width()-$(this).width())/2-3);
        });

        if (!isIPhone && !isIPad)
        {
            $('.rates-title2-item').hover(function()
            {
                $('.rates-tooltip').css('display', 'none');
                $('.rates-tooltip', this).css('display', 'block');
            },function()
            {
                $('.rates-tooltip').css('display', 'none');
            });
        }

        RPContent();

        if (isIE) clearClick = true;
        else $('#content').stop(true, true).animate({'opacity':'1'}, 300, function(){clearClick = true;});
    });
}

function selectExtra(id, no, title, start_date, end_date)
{
    if (isIPhone || isIPad)
    {
        $('.rates-tooltip').css('display', 'none');
        $('.rates-tooltip', '#rates-title2-item-extra-'+id+'-'+no).css('display', 'block');
    }
    $('#rates-title2-item-extra-'+id+'-1').removeClass('rates-title2-item-selected');
    $('#rates-title2-item-extra-'+id+'-2').removeClass('rates-title2-item-selected');
    $('#rates-title2-item-extra-'+id+'-3').removeClass('rates-title2-item-selected');
    $('#rates-title2-item-extra-'+id+'-4').removeClass('rates-title2-item-selected');
    $('#rates-title2-item-extra-'+id+'-'+no).addClass('rates-title2-item-selected');
    $('#rates-book-extra-'+id).html('<input type="submit" name="rates-submit-extra-'+id+'" id="rates-submit-extra-'+id+'" class="submit_style" onclick="displayRatesForm(\''+title+'\', \''+start_date+'\', \''+end_date+'\', \'extra\')" value="'+RATES_BOOK+'" />');
}

function selectDeluxe(id, no, title, start_date, end_date)
{
    if (isIPhone || isIPad)
    {
        $('.rates-tooltip').css('display', 'none');
        $('.rates-tooltip', '#rates-title2-item-deluxe-'+id+'-'+no).css('display', 'block');
    }
    $('#rates-title2-item-deluxe-'+id+'-1').removeClass('rates-title2-item-selected');
    $('#rates-title2-item-deluxe-'+id+'-2').removeClass('rates-title2-item-selected');
    $('#rates-title2-item-deluxe-'+id+'-3').removeClass('rates-title2-item-selected');
    $('#rates-title2-item-deluxe-'+id+'-4').removeClass('rates-title2-item-selected');
    $('#rates-title2-item-deluxe-'+id+'-'+no).addClass('rates-title2-item-selected');
    $('#rates-book-deluxe-'+id).html('<input type="submit" name="rates-submit-deluxe-'+id+'" id="rates-submit-deluxe-'+id+'" class="submit_style" onclick="displayRatesForm(\''+title+'\', \''+start_date+'\', \''+end_date+'\', \'deluxe\')" value="'+RATES_BOOK+'" />');
}

function displayRatesForm(title, startDate, endDate, room)
{
    currentPage = 'ratesForm';
    clearClick = false;
    if (isIE)
    {
        if ($('#content').css('display') == 'none')
        {
            $('#news').stop(true, true).animate({'margin-top':$(window).height()}, 600, function()
            {
                $('#news').css('display', 'none');
                $('#content').css('display', 'block');
                initRatesForm(title, startDate, endDate, room);
            });
        }
        else
        {
            $('#content').animate({'margin-left':$(window).width()}, 600, function()
            {
                initRatesForm(title, startDate, endDate, room);
            });
        }
    }
    else
    {
        if ($('#content').css('display') == 'none')
        {
            $('#content').stop(true, true).animate({'opacity':'0'}, 0,  function()
            {
                $('#news').stop(true, true).animate({'margin-top':$(window).height()}, 600, function()
                {
                    $('#news').css('display', 'none');
                    $('#content').css('display', 'block');
                    initRatesForm(title, startDate, endDate, room);
                });
            });
        }
        else
        {
            $('#content').animate({'margin-left':$(window).width(), 'opacity':'0'}, 600, function()
            {
                initRatesForm(title, startDate, endDate, room);
            });
        }
    }
}

function initRatesForm(title, startDate, endDate, room)
{
    var startYear = startDate.split('-')[0];
    var startMonth = startDate.split('-')[1];
    var startMonthName = startDate.split('-')[1];
    var startDay = startDate.split('-')[2];
    var endYear = endDate.split('-')[0];
    var endMonth = endDate.split('-')[1];
    var endMonthName = endDate.split('-')[1];
    var endDay = endDate.split('-')[2];

    switch (startMonth)
    {
        case '01': startMonthName = JANUARY; break;
        case '02': startMonthName = FEBRUARY; break;
        case '03': startMonthName = MARCH; break;
        case '04': startMonthName = APRIL; break;
        case '05': startMonthName = MAY; break;
        case '06': startMonthName = JUNE; break;
        case '07': startMonthName = JULY; break;
        case '08': startMonthName = AUGUST; break;
        case '09': startMonthName = SEPTEMBER; break;
        case '10': startMonthName = OCTOBER; break;
        case '11': startMonthName = NOVEMBER; break;
        case '12': startMonthName = DECEMBER; break;
    }

    switch (endMonth)
    {
        case '01': endMonthName = JANUARY; break;
        case '02': endMonthName = FEBRUARY; break;
        case '03': endMonthName = MARCH; break;
        case '04': endMonthName = APRIL; break;
        case '05': endMonthName = MAY; break;
        case '06': endMonthName = JUNE; break;
        case '07': endMonthName = JULY; break;
        case '08': endMonthName = AUGUST; break;
        case '09': endMonthName = SEPTEMBER; break;
        case '10': endMonthName = OCTOBER; break;
        case '11': endMonthName = NOVEMBER; break;
        case '12': endMonthName = DECEMBER; break;
    }

    var HTML = '<h1 style="float:none;">'+title+'</h1>'
    HTML += '<form method="post" action="" onsubmit="return sendBooking()">';
    HTML += '<input type="hidden" name="rates-title" id="rates-title" value="'+title+'" />';
    HTML += '<div class="input_container"><label id="label-rates-name" for="rates-name">'+RATES_NAME+' '+REQUIRED+'</label><input type="text" name="rates-name" id="rates-name" class="input_style" value="" /></div>';
    HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-email" for="rates-email">'+RATES_EMAIL+' '+REQUIRED+'</label><input type="text" name="rates-email" id="rates-email" class="input_style" value="" /></div>';
    HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-phone" for="rates-phone">'+RATES_PHONE+' '+REQUIRED+'</label><input type="text" name="rates-phone" id="rates-phone" class="input_style" value="" /></div><br style="clear:both;" />';
    
    if (readCookie('labanane_language') == 'fr')
    {
        HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-arrival-date" for="rates-arrival-date">'+RATES_ARRIVAL_DATE+' '+REQUIRED+'</label><input type="text" name="rates-arrival-date" id="rates-arrival-date" class="input_style" value="'+startDay+' '+startMonthName+' '+startYear+'" /></div>';
        HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-departure-date" for="rates-departure-date">'+RATES_DEPARTURE_DATE+' '+REQUIRED+'</label><input type="text" name="rates-departure-date" id="rates-departure-date" class="input_style" value="'+endDay+' '+endMonthName+' '+endYear+'" /></div><br style="clear:both;" />';
    }
    else
    {
        HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-arrival-date" for="rates-arrival-date">'+RATES_ARRIVAL_DATE+' '+REQUIRED+'</label><input type="text" name="rates-arrival-date" id="rates-arrival-date" class="input_style" value="'+startMonthName+' '+startDay+', '+startYear+'" /></div>';
        HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-departure-date" for="rates-departure-date">'+RATES_DEPARTURE_DATE+' '+REQUIRED+'</label><input type="text" name="rates-departure-date" id="rates-departure-date" class="input_style" value="'+endMonthName+' '+endDay+', '+endYear+'" /></div><br style="clear:both;" />';
    }

    HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-room-type" for="rates-room-type">'+RATES_ROOM_TYPE+' '+REQUIRED+'</label>';
    HTML += '<select type="text" name="rates-room-type" id="rates-room-type" class="select_style" onchange="displayRoomPrefered(this)">';
    if (room == 'extra')
    {
        HTML += '<option value="extra" selected="selected">'+RATES_EXTRA+'</option>';
        HTML += '<option value="deluxe">'+RATES_DELUXE+'</option>';
    }
    else
    {
        HTML += '<option value="extra">'+RATES_EXTRA+'</option>';
        HTML += '<option value="deluxe" selected="selected">'+RATES_DELUXE+'</option>';
    }
    HTML += '</select></div>';

    HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-room-preffered" for="rates-room-preffered">'+RATES_PREFFERED_ROOM+' '+REQUIRED+'</label>';
    HTML += '<select type="text" name="rates-room-preffered" id="rates-room-preffered" class="select_style">';
    HTML += '</select></div><br style="clear:both;" />';

    HTML += '<div class="input_container"><label id="label-rates-no-rooms" for="rates-no-rooms">'+RATES_NO_ROOMS+' '+REQUIRED+'</label>';
    HTML += '<select type="text" name="rates-no-rooms" id="rates-no-rooms" class="select_style">';
    HTML += '<option value="0">0</option>';
    HTML += '<option value="1">1</option>';
    HTML += '<option value="2">2</option>';
    HTML += '<option value="3">3</option>';
    HTML += '<option value="4">4</option>';
    HTML += '<option value="5">5</option>';
    HTML += '<option value="6">6</option>';
    HTML += '<option value="7">7</option>';
    HTML += '<option value="8">8</option>';
    HTML += '<option value="9">9</option>';
    HTML += '</select></div>';

    HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-no-adults" for="rates-no-adults">'+RATES_NO_ADULTS+' '+REQUIRED+'</label>';
    HTML += '<select type="text" name="rates-no-adults" id="rates-no-adults" class="select_style">';
    HTML += '<option value="0">0</option>';
    HTML += '<option value="1">1</option>';
    HTML += '<option value="2">2</option>';
    HTML += '<option value="3">3</option>';
    HTML += '<option value="4">4</option>';
    HTML += '<option value="5">5</option>';
    HTML += '<option value="6">6</option>';
    HTML += '<option value="7">7</option>';
    HTML += '<option value="8">8</option>';
    HTML += '<option value="9">9</option>';
    HTML += '<option value="10">10</option>';
    HTML += '</select></div>';

    HTML += '<div class="input_container" style="float:left; width:210px;"><label id="label-rates-no-children" for="rates-no-children">'+RATES_NO_CHILDREN+' ('+RATES_NO_CHILDREN_INFO+')</label>';
    HTML += '<select type="text" name="rates-no-children" id="rates-no-children" class="select_style">';
    HTML += '<option value="0">0</option>';
    HTML += '<option value="1">1</option>';
    HTML += '<option value="2">2</option>';
    HTML += '<option value="3">3</option>';
    HTML += '<option value="4">4</option>';
    HTML += '<option value="5">5</option>';
    HTML += '<option value="6">6</option>';
    HTML += '<option value="7">7</option>';
    HTML += '<option value="8">8</option>';
    HTML += '<option value="9">9</option>';
    HTML += '<option value="10">10</option>';
    HTML += '</select></div><br style="clear:both;" />';

    HTML += '<div class="input_container"><label id="label-rates-message" for="rates-message">'+RATES_MORE_INFORMATIONS+'</label><textarea name="guestbook-message" id="rates-message" rows="" cols="" class="textarea_style" style="width:670px;"></textarea></div>';
    HTML += '<div class="input_container">';
    HTML += '<input type="submit" name="rates-submit" id="rates-submit" class="submit_style" value="'+RATES_BOOK+'" />';
    if (readCookie('labanane_language') == 'fr') HTML += '&nbsp;&nbsp;&nbsp;<input type="button" name="reset" id="reset" class="submit_style" onclick="resetBooking(\''+startDay+' '+startMonthName+' '+startYear+'\', \''+endDay+' '+endMonthName+' '+endYear+'\', \''+room+'\')" value="'+RESET+'" />';
    else HTML += '&nbsp;&nbsp;&nbsp;<input type="button" name="reset" id="reset" class="submit_style" onclick="resetBooking(\''+startMonthName+' '+startDay+', '+startYear+'\', \''+endMonthName+' '+endDay+', '+endYear+'\', \''+room+'\')" value="'+RESET+'" />';
    HTML += '&nbsp;&nbsp;&nbsp;<input type="button" name="back" id="back" class="submit_style" onclick="displayRates()" value="'+BACK+'" />';
    HTML += '&nbsp;&nbsp;&nbsp;<span class="form-info" id="rates-info"></span>';
    HTML += '</div>';
    HTML += '</form>';

    initPageType1();

    $('#content-scroll-content').html(HTML);
    if (room == 'extra') displayRoomPrefered('extra');
    else displayRoomPrefered('deluxe');
    $('#content-fix').css('display', 'none');
    $('#content-fix').css('height', 'auto');
    $('#content-scroll').css('display', 'block');
    if (readCookie('labanane_language') == 'fr')
    {
        $('#rates-arrival-date').datepicker({monthNames:[JANUARY,FEBRUARY,MARCH,APRIL,MAY,JUNE,JULY,AUGUST,SEPTEMBER,OCTOBER,NOVEMBER,DECEMBER], dateFormat: 'dd MM yy', minDate:new Date(startYear, startMonth-1, startDay), maxDate:new Date(endYear, endMonth-1, endDay)});
        $('#rates-departure-date').datepicker({monthNames:[JANUARY,FEBRUARY,MARCH,APRIL,MAY,JUNE,JULY,AUGUST,SEPTEMBER,OCTOBER,NOVEMBER,DECEMBER], dateFormat: 'dd MM yy', minDate:new Date(startYear, startMonth-1, startDay), maxDate:new Date(endYear, endMonth-1, endDay)});
    }
    else
    {
        $('#rates-arrival-date').datepicker({monthNames:[JANUARY,FEBRUARY,MARCH,APRIL,MAY,JUNE,JULY,AUGUST,SEPTEMBER,OCTOBER,NOVEMBER,DECEMBER], dateFormat: 'MM dd, yy', minDate:new Date(startYear, startMonth-1, startDay), maxDate:new Date(endYear, endMonth-1, endDay)});
        $('#rates-departure-date').datepicker({monthNames:[JANUARY,FEBRUARY,MARCH,APRIL,MAY,JUNE,JULY,AUGUST,SEPTEMBER,OCTOBER,NOVEMBER,DECEMBER], dateFormat: 'MM dd, yy', minDate:new Date(startYear, startMonth-1, startDay), maxDate:new Date(endYear, endMonth-1, endDay)});
    }
    
    RPContent();

    if (isIE) clearClick = true;
    else
    {
        setTimeout(function()
        {
            $('#content').stop(true, true).animate({'opacity':'1'}, 300, function(){clearClick = true;});
        }, 1);
    }
}

function displayRoomPrefered(val)
{
    var HTML = '';

    if (val == 'extra')
    {
        HTML += '<option value="'+RATES_EXTRA_SERGE+'">'+RATES_EXTRA_SERGE+'</option>';
        HTML += '<option value="'+RATES_EXTRA_JEAN+'">'+RATES_EXTRA_JEAN+'</option>';
        HTML += '<option value="'+RATES_EXTRA_CHARLOTTE+'">'+RATES_EXTRA_CHARLOTTE+'</option>';
        HTML += '<option value="'+RATES_EXTRA_GEORGES+'">'+RATES_EXTRA_GEORGES+'</option>';
        HTML += '<option value="'+RATES_EXTRA_MATHIEU+'">'+RATES_EXTRA_MATHIEU+'</option>';
    }
    else
    {
        HTML += '<option value="'+RATES_DELUXE_FERNAND+'">'+RATES_DELUXE_FERNAND+'</option>';
        HTML += '<option value="'+RATES_DELUXE_JULIETTE+'">'+RATES_DELUXE_JULIETTE+'</option>';
        HTML += '<option value="'+RATES_DELUXE_PIERRE+'">'+RATES_DELUXE_PIERRE+'</option>';
        HTML += '<option value="'+RATES_DELUXE_ALEXANDRE+'">'+RATES_DELUXE_ALEXANDRE+'</option>';
    }

    $('#rates-room-preffered').html(HTML);
}

function sendBooking()
{
   var ok = true;
       
   if ($('#rates-name').val() == '')
    {
        ok = false;
        $('#label-rates-name').addClass('error');
        $('#label-rates-name').html(RATES_NAME_BLANK);
    }

    if ($('#rates-email').val() == '')
    {
        ok = false;
        $('#label-rates-email').addClass('error');
        $('#label-rates-email').html(RATES_EMAIL_BLANK);
    }

    if ($('#rates-email').val() != '' && !validEmail($('#rates-email').val()))
    {
        ok = false;
        $('#label-rates-email').addClass('error');
        $('#label-rates-email').html(RATES_EMAIL_INVALID);
    }

    if ($('#rates-phone').val() == '')
    {
        ok = false;
        $('#label-rates-phone').addClass('error');
        $('#label-rates-phone').html(RATES_PHONE_BLANK);
    }

    if ($('#rates-arrival-date').val() == '')
    {
        ok = false;
        $('#label-arrival-date').addClass('error');
        $('#label-arrival-date').html(RATES_ARRIVAL_DATE_BLANK);
    }

    if ($('#rates-departure-date').val() == '')
    {
        ok = false;
        $('#label-departure-date').addClass('error');
        $('#label-departure-date').html(RATES_DEPARTURE_DATE_BLANK);
    }
    
    if ($('#rates-no-rooms').val() == '0')
    {
        ok = false;
        $('#label-rates-no-rooms').addClass('error');
        $('#label-rates-no-rooms').html(RATES_NO_ROOMS_BLANK);
    }

    if ($('#rates-no-adults').val() == '0')
    {
        ok = false;
        $('#label-rates-no-adults').addClass('error');
        $('#label-rates-no-adults').html(RATES_NO_ADULTS_BLANK);
    }

    if (ok)
    {
        disableBookingForm(true);

        $.post('includes/php/rates.php', {action:'save',
                                          title:$('#rates-title').val(),
                                          name:$('#rates-name').val(),
                                          email:$('#rates-email').val(),
                                          phone:$('#rates-phone').val(),
                                          arrival_date:$('#rates-arrival-date').val(),
                                          departure_date:$('#rates-departure-date').val(),
                                          room_type:$('#rates-room-type').val(),
                                          room_preffered:$('#rates-room-preffered').val(),
                                          no_rooms:$('#rates-no-rooms').val(),
                                          no_adults:$('#rates-no-adults').val(),
                                          no_children:$('#rates-no-children').val(),
                                          message:$('#rates-message').val()},
        function(data)
        {
            disableBookingForm(false);
            resetBooking($('#rates-arrival-date').val(), $('#rates-departure-date').val(), $('#rates-room-type').val());
            $('#rates-info').html('<span id="rates-info-text">'+RATES_BOOKING_SUCCESS+'</span>');
            setTimeout(function()
            {
                $('#rates-info-text').stop(true, true).animate({'opacity':'0'}, 1000, function()
                {
                    $('#rates-info').html('');
                });
            }, 4000);
        });
    }

    return false;
}

function disableBookingForm(val)
{
    $('#rates-name').attr('disabled', val);
    $('#rates-email').attr('disabled', val);
    $('#rates-phone').attr('disabled', val);
    $('#rates-arrival-date').attr('disabled', val);
    $('#rates-departure-date').attr('disabled', val);
    $('#rates-room-type').attr('disabled', val);
    $('#rates-room-preffered').attr('disabled', val);
    $('#rates-no-rooms').attr('disabled', val);
    $('#rates-no-adults').attr('disabled', val);
    $('#rates-no-children').attr('disabled', val);    
    $('#rates-message').attr('disabled', val);
    if (val) $('.submit_style').css('cursor', 'default');
    else $('.submit_style').css('cursor', 'pointer');
    $('#submit').attr('disabled', val);
    $('#reset').attr('disabled', val);
    $('#back').attr('disabled', val);
}

function resetBooking(startDate, endDate, room)
{
    var HTML = '';
    
    $('#label-rates-name').html(RATES_NAME+' '+REQUIRED);
    $('#label-rates-name').removeClass('error');
    $('#rates-name').val('');

    $('#label-rates-email').html(RATES_EMAIL+' '+REQUIRED);
    $('#label-rates-email').removeClass('error');
    $('#rates-email').val('');

    $('#label-rates-phone').html(RATES_PHONE+' '+REQUIRED);
    $('#label-rates-phone').removeClass('error');
    $('#rates-phone').val('');

    $('#label-rates-arrival-date').html(RATES_ARRIVAL_DATE+' '+REQUIRED);
    $('#label-rates-arrival-date').removeClass('error');
    $('#rates-arrival-date').val(startDate);

    $('#label-rates-departure-date').html(RATES_DEPARTURE_DATE+' '+REQUIRED);
    $('#label-rates-departure-date').removeClass('error');
    $('#rates-departure-date').val(endDate);

    $('#rates-room-type').html('<option value="extra">'+RATES_EXTRA+'</option><option value="deluxe">'+RATES_DELUXE+'</option>');
    if (room == 'extra') displayRoomPrefered('extra');
    else displayRoomPrefered('deluxe');

    HTML = '<option value="0">0</option>';
    HTML += '<option value="1">1</option>';
    HTML += '<option value="2">2</option>';
    HTML += '<option value="3">3</option>';
    HTML += '<option value="4">4</option>';
    HTML += '<option value="5">5</option>';
    HTML += '<option value="6">6</option>';
    HTML += '<option value="7">7</option>';
    HTML += '<option value="8">8</option>';
    HTML += '<option value="9">9</option>';
    $('#rates-no-rooms').html(HTML);

    HTML = '<option value="0">0</option>';
    HTML += '<option value="1">1</option>';
    HTML += '<option value="2">2</option>';
    HTML += '<option value="3">3</option>';
    HTML += '<option value="4">4</option>';
    HTML += '<option value="5">5</option>';
    HTML += '<option value="6">6</option>';
    HTML += '<option value="7">7</option>';
    HTML += '<option value="8">8</option>';
    HTML += '<option value="9">9</option>';
    HTML += '<option value="10">10</option>';
    $('#rates-no-adults').html(HTML);

    HTML = '<option value="0">0</option>';
    HTML += '<option value="1">1</option>';
    HTML += '<option value="2">2</option>';
    HTML += '<option value="3">3</option>';
    HTML += '<option value="4">4</option>';
    HTML += '<option value="5">5</option>';
    HTML += '<option value="6">6</option>';
    HTML += '<option value="7">7</option>';
    HTML += '<option value="8">8</option>';
    HTML += '<option value="9">9</option>';
    HTML += '<option value="10">10</option>';
    $('#rates-no-children').html(HTML);
    
    $('#rates-message').val('');
}