$(window).ready(function()
{
  $('div.checkbox').buttonset();

  $('button').button({icons: { primary: 'ui-icon-carat-1-e' } });
  $('button').button();


  $('button.search, button[type="search"]').button("option", "icons", { primary: 'ui-icon-search' } );
  $('button.back, button[type="back"]').button("option", "icons", { primary: 'ui-icon-carat-1-w' } );
  $('button.image, button[type="image"]').button("option", "icons", { primary: 'ui-icon-image' } );
  $('button.comment, button[type="comment"]').button("option", "icons", { primary: 'ui-icon-comment' } );
  $('button.mail, button[type="mail"]').button("option", "icons", { primary: 'ui-icon-mail' } );
  $('button.news, button[type="news"]').button("option", "icons", { primary: 'ui-icon-script' } );
  $('button.notify, button[type="notify"]').button("option", "icons", { primary: 'ui-icon-alert' } );
  $('button.delete, button[type="delete"]').button("option", "icons", { primary: 'ui-icon-trash' } );
  $('button.edit, button[type="edit"]').button("option", "icons", { primary: 'ui-icon-pencil' } );
  $('button.clock, button[type="clock"]').button("option", "icons", { primary: 'ui-icon-clock' } );
  $('button.cancel, button[type="cancel"]').button("option", "icons", { primary: 'ui-icon-cancel' } );
  $('button.profile, button[type="profile"]').button("option", "icons", { primary: 'ui-icon-person' } );
  $('button.avatar, button[type="avatar"]').button("option", "icons", { primary: 'ui-icon-person' } );
  $('button.check, button[type="check"]').button("option", "icons", { primary: 'ui-icon-check' } );
  $('button.lock, button[type="lock"]').button("option", "icons", { primary: 'ui-icon-locked' } );
  $('button.unlock, button[type="unlock"]').button("option", "icons", { primary: 'ui-icon-unlocked' } );



  $('button[text="hidden"]').button("option", "text", false);
  $('button[icon="hidden"]').button("option", "icons", false);

  $('#button-quicksign').click(function() { Redirect('/users/sign'); });

  $('#button-quickprofile').click(function() { Redirect('/user'); });

  $('#button-quicklogout').click(function() { Redirect('/users/logout'); });

  $('#button-quickhome').click(function() { Redirect('/'); });

  $('#input-quicksearch').focus(function() { $(this).select(); } );

  $.datepicker.setDefaults( $.datepicker.regional["de"] );

  $('a.ui-button').hover(function() { $(this).addClass('ui-state-hover') },
               function() { $(this).removeClass('ui-state-hover') })
            .focusin(function() { $(this).addClass('ui-state-hover') })
            .focusout(function() { $(this).removeClass('ui-state-hover') })
            .mousedown(function() { $(this).addClass('ui-state-active') })
            .mouseup(function() { $(this).removeClass('ui-state-active') })
            .keydown(function(event) { if (event.keyCode == 13 || event.which == 13) $(this).addClass('ui-state-active') })
            .keyup(function() { $(this).removeClass('ui-state-active') });

  $('button.notify').unbind('click');

  $('button.notify').button('option', 'icons', { primary: 'ui-icon-alert' })
  .button('option', 'text', false)
  .click(function() {
    var sender = $(this);
    $('#dialog-notify').dialog( {
      autoOpen: true,
      resizable: false,
      width: 600,
      draggable: true,
      modal: true,
      buttons: {
        Abbrechen: function() { $(this).dialog('close'); },
        Melden: function() {
          $.ajax( {
            type: 'POST',
            url: '/index/notify',
            data: $('#dialog-notify-form').serializeArray(),
            success: function() {
              $(".youtube-player").css('display', 'none');
              $('#dialog-notify-finish').dialog( {
                autoOpen: true,
                resizable: false,
                draggable: false,
                modal: false,
                buttons: { OK: function() { $(this).dialog('close'); $(".youtube-player").css('display', 'block'); } }
              });
            }
          });
          $(this).dialog('close');
        }
      },
      open: function() {
        $('#dialog-notify-form input[name="command"]').val(sender.attr('command'));
        $('#dialog-notify-form input[name="item"]').val(sender.attr('value'));
        $(".youtube-player").css('display', 'none');
      },
      close: function() { $('#dialog-notify').dialog('destroy'); $(".youtube-player").css('display', 'block'); }
    });
  });


});