$(document).ready(function () {
    $('.datepicker').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'both', buttonImageOnly: true, showOptions: { direction: 'down' }, buttonImage: '/Content/Images/icon_calendar.png' });
    $('input.phone').keypress(onPhoneKeyDown);
    $('input.phone').focus(onPhoneFocus);
    $('input.phone').focusout(onPhoneFocusout);

    var defaultValue = $('input.phone-default-value').attr('value');
    $('input.phone').attr('value', defaultValue);

    $('input.submit').click(onSubmitClick);
    $('p.ch input').click(onRoomTypeClick);
});

function onPhoneKeyDown(e) {
    var codes = [8, 9, 13, 16, 40, 41, 43, 45, 46, 32, 35, 36, 37, 39, 189];
    for (var i = 48; i < 58; i++)
        codes.push(i);

    var found = false;
    for (var j = 0; j < codes.length; j++)
        if (codes[j] == e.keyCode)
            found = true;
    
    if (!found)
        e.preventDefault();
}

function onPhoneFocus(event) {
    var defaultValue = $('input.phone-default-value').attr('value');
    if ($('input.phone').attr('value') == defaultValue)
        $('input.phone').attr('value', '');
    $(this).removeClass('inactive');
}

function onPhoneFocusout(event) {
    var defaultValue = $('input.phone-default-value').attr('value');
    if ($('input.phone').attr('value') == '') {
        $('input.phone').attr('value', defaultValue);
        $(this).addClass('inactive');
    }
}

function onSubmitClick(event) {
    if ($('p.ch input:checked').length == 0) {
        event.preventDefault();
        $('span.roomtype-required').show();
    }
}

function onRoomTypeClick() {
    if ($('p.ch input:checked').length == 0) 
        $('span.roomtype-required').show();
    else
        $('span.roomtype-required').hide();
}