$(function(){
    
    sutaz.init();
    
});

var sutaz = {
    init: function(){
        this.initButtons();
        this.initPopup();
    },
    initButtons: function(){
        var self = this;
        // all options
        $('#sutaz .button').click(function(e){
            e.preventDefault();
            $(this).addClass('revealed');
        });
        // correct option
        $('#sutaz .button.kruzok').click(function(e){
            self.showPopup();
        });
    },
    initPopup: function(){
        var self = this;
        // form submit
        $('#sutaz div.popup a.submit').click(function(e){
            e.preventDefault();
            $('#sutaz div.popup form').submit();
        });
        // input labels
        $('#sutaz div.popup input[type=text]').each(function(){
            if($(this).attr('data-label')){
                // init
                if(!$(this).val())
                    $(this).val($(this).attr('data-label'));
                // on focus
               $(this).focus(function(){
                   $(this).val('');
               }); 
                // on blur
               $(this).blur(function(){
                    if(!$(this).val())
                        $(this).val($(this).attr('data-label'));
               }); 
            }
            
        });
    },
    showPopup: function(){
        $('#sutaz .popup').show();
    }
};