/**
 * MMA CHALLENGE
 */
$(function() {
    $('.save-pick-form').submit(function() {
        var form = $(this);
        var fightInfo = form.find('div.fight-info');
        var old = 'You must pick all 3 questions above to submit your pick!';
        var tid=null;
        var data = {
            f: form.find('input[name=f]').val(),
            t: form.find('input[name=t]:checked').val(),
            r: form.find('input[name=r]:checked').val(),
            m: form.find('input[name=m]:checked').val()
        };
        fightInfo.html('<div class="indicator">Saving your pick... please wait!</div>');
        $.post(form.attr('action'), data, function(data) {
            var formElements = form.find(':input');
            if (data.success) {
                fightInfo.html('Pick Saved!');
            	formElements.css('border-color', '#0C0');
            } else {
                if (data.redirect != undefined) {
                    location.href = data.redirect;
                } else {
                    formElements.css('border-color', '#C00');
                    form.find('div.fight-info').html(data.message);
                    formElements.css('border-color', '#999');

                    // "Reset" form.
                    form.find('label').removeClass('selected');
                    form.find('input[type=radio]').attr('checked', '');
                }
            }
        }, 'json');
        return false;
    });

    $('#eid').change(function(){
        var eid = $('option:selected', this).val();
        location.href = '/mma-challenge?eid=' + eid;
        return false;
    });

    $('label.pick-button').click(function(){

        id = $(this).attr('for');
        s = id.split('-');
        p = s[0]+'-'+s[1];

        fid = s[1];

        fightInfo = $('#frm-'+fid+' div.fight-info');
        radio = $('#'+id);

        if (radio.hasClass('guest')) {
            $('#login-button').click();
            return false;
        }

        if (radio.hasClass('closed')) {
            fightInfo.addClass('closed');
            fightInfo.html('Sorry this event is closed!');
            return false;
        } else {
            fightInfo.removeClass('closed');
        }

        // Toggle selected classes
        $('label[for^='+p+']').removeClass('selected');
        $('label[for='+id+']').addClass('selected');

        // Because in IE display:hidden removes functionality of the radios
        radio.attr('checked', 'checked');


        active = $('#frm-'+fid+' input[type=radio]:checked').length;
        if (active == 3) {
            $('#frm-'+s[1]).submit();
        }

        // Since we manually checked the radio above, we dont want to check it again
        return false;
    });

    // check all labels by default if they are selected
    $('.pick-button-radio:checked').each(function(){
        $('label[for='+$(this).attr('id')+']').addClass('selected');
    });


});