var isDirty = false;
var msg = 'You must click the \'Save Picks\' button to save your picks.  If you leave now your picks won\'t be saved!';


$(function() {

    $('#save-picks-form').submit(function(){
        isDirty = false;
        return true;
    });

    $('label.pick-button').click(function(){
        
        id = $(this).attr('for');

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

        radio = $('#'+id);

        // 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');

        setDirty();

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

    $('#save-picks-form input[type=text]').change(function(){
        setDirty();
    });

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

    window.onbeforeunload = function(){
       if (isDirty)
       {
          return msg;
       }
    };

});

function setDirty() {
    isDirty = true;
    $('.save-picks-btn').attr('src', '/images/pages/world-soccer-challenge/save-picks-btn.png');
}