$(document).ready(function() {

    // swap placeholder values in outdated browsers
    if ((!Modernizr.input.placeholder) || $.browser.safari) {

        $('[placeholder]').focus(function() {
            var input = $(this);
            if (input.val() == input.attr('placeholder')) {
                input.val('');
                input.removeClass('placeholder');
            }
        }).blur(function() {
            var input = $(this);
            if (input.val() == '' || input.val() == input.attr('placeholder')) {
                input.addClass('placeholder');
                input.val(input.attr('placeholder'));
            }
        }).blur();
        $('[placeholder]').parents('form').submit(function() {
            $(this).find('[placeholder]').each(function() {
                var input = $(this);
                if (input.val() == input.attr('placeholder')) {
                    input.val('');
                }
            })
        });

    };

    // HTML5 forms
    $('form').h5Validate();

    // Age gate
    $('#month').val('');
    $('#day').val('');
    $('#year').val('');
    var listNodeStandard = $('.age-list li');
    var listNodeYear = $('.age-year li');

    var submitOnComplete = function() {
        if ($('#month').val() != '' && $('#day').val() != '' && $('#year').val() != '') {
            $('#submit').trigger('click');
        }
    }

    $(listNodeStandard).bind('mouseover', function(e) {
        $(this).addClass('active');
    });

    $(listNodeStandard).bind('mouseout', function(e) {
        $(this).removeClass('active');
    });

    $(listNodeYear).bind('mouseover', function(e) {
        $(this).addClass('active');
    });

    $(listNodeYear).bind('mouseout', function(e) {
        $(this).removeClass('active');
    });

    $(listNodeStandard).bind('click', function(e) {
        $(this).parent().find('li').removeClass('selected');
        if (!$(this).hasClass('selected')) {
            $(this).addClass('selected');
        }
        if ($(this).parent().attr('id') == 'age-list-months') {
            $('#month').val($(listNodeStandard).index(this) + 1);
        }
        else {
            $('#day').val($(this).text());
        }
        submitOnComplete();
    });

    $(listNodeYear).bind('click', function(e) {
        if (!$(this).hasClass('shim' || 'gray')) {
            $('.age-year').parent().find('li').removeClass('selected');
        }
        if (!$(this).hasClass('selected') && !$(this).hasClass('shim' || 'gray')) {
            $(this).addClass('selected');
        }
        if (!$(this).hasClass('shim' || 'gray')) {
            $('#year').val($(this).text());
            submitOnComplete();
        }
    });


    // 21 or older popup
    jQuery.fn.popUp = function() {
        $('#popup').fadeIn(150).prepend('<a href="#" class="close"><img src="../../images/13/popup-close.png" class="img-close" title="Close Window" alt="Close" /></a>');

        var popMargTop = ($('#popup').height()) / 2;
        var popMargLeft = ($('#popup').width()) / 2;

        $('#popup').css({
            'margin-top': -popMargTop,
            'margin-left': -popMargLeft
        });

        $('body').append('<div id="fade"></div>');
        $('#fade').css({ 'filter': 'alpha(opacity=80)' }).fadeIn(150);
        return false;
    };

    $('a.close, #fade').live('click', function() {
        $('#fade, .popup-message').fadeOut(function() {
            $('#fade, a.close').remove();
        });
        return false;
    });

    // Improper date or under age popup
    if (trigger) {
        $('.popup-message img').each(function(idx, val) {
            $(val).hide();
        });
        $('#error' + message).show();
        $(this).popUp();
    };

    $.vegas({
        src: '../../images/13/slide-01.jpg',
        valign: 'top',
        align: 'left'
    });

});

$(window).load(function() {

    // Slider
    $('#carousel').elastislide({
        current: 0,
        imageW: 44,
        margin: 2,
        border: 0
    });

    // After all javascript bits are loaded
    $('.input-area').fadeIn('normal');

    if (trigger) {
        $('.popup-message img').each(function(idx, val) {
            $(val).hide();
        });
        $('#error' + message).show();
        $(this).popUp();
    };

});