(function(window){
  
  var Feedback = function($container){
    this.container = $($container);
    
    this.selection = new Selectable(
      $('.user_content .badges', this.container), 
      {
        selector:'.badge'
      }
    );
    
    var $this = this;
    
    
    /* disable push closeonescape as an over dialog may exist (add user) */
    this.container.closest('.ui-dialog-content').dialog( "option", "closeOnEscape", false );

    $('a.user_adder', this.container).bind('click', function(){

      var $this = $(this);

      $.ajax({
        type: "GET",
        url: $this.attr('href'),
        dataType: 'html',
        beforeSend:function(){
          if($('#user_adder_dialog').length == 0)
          {
            $('body').append('<div id="user_adder_dialog" style="display:none;"></div>');
          }
          $('#user_adder_dialog').addClass('loading').empty().dialog({
              buttons:{},
              draggable:false,
              resizable:false,
              closeOnEscape:true,
              modal:true,
              width:'400',
              height:'400'
          }).dialog( "moveToTop" );
        },
        success: function(data){
          $('#user_adder_dialog').removeClass('loading').empty().append(data);
          return;
        },
        error: function(){
          $('#user_adder_dialog').dialog('destroy');
          $('#user_adder_dialog').remove();
          return;
        },
        timeout: function(){
          $('#user_adder_dialog').dialog('destroy');
          $('#user_adder_dialog').remove();
          return;
        }
      });

      return false;
    });
    
    $('.user_content .badges', this.container).disableSelection();
    
    $('.user_content .badges .badge .toggle', this.container).live('click', function(event){
      var $this = $(this);
      $this.toggleClass('status_off status_on');
      $this.find('input').val($this.hasClass('status_on') ? '1' : '0');
      return;
    });
    
    $('.general_togglers .general_toggler', this.container).bind('click', function(){
      var feature = $(this).attr('feature');
      var badges = $('.user_content .badge.selected .status_off.toggle_' + feature, this.container);
      if(badges.length == 0)
      {
        humane.info('No user selected');
      }
      badges.trigger('click');
      return false;
    });
    
    $('.user_content .badges .badge .deleter', this.container).live('click', function(event){
      var $elem = $(this).closest('.badge');
      $elem.fadeOut(function(){$elem.remove();});
      return;
    });

    $('.options button', this.container).button();
    
    $('form.list_saver', this.container).bind('submit', function(){
      var $form = $(this);
      var $input = $('input[name="name"]', $form);
      
      var users = p4.Feedback.getUsers();
      
      if(users.length == 0)
      {
        humane.error('No users');
        return false;
      }
      
      p4.Lists.create($input.val(), function(list){$input.val('');list.addUsers(users);});
      
      return false;
    });

    $('input[name="users-search"]', this.container).autocomplete({
        minLength: 2,
        source: function( request, response ) {
          $.ajax({
            url: '/prod/push/search-user/',
            dataType: "json",
            data: {
              query: request.term
            },
            success: function( data ) {
              response( data );
            }
          });
        },
        select: function( event, ui ) {
          if(ui.item.type == 'USER')
          {
            $this.selectUser(ui.item);
          }
          if(ui.item.type == 'LIST')
          {
            for(e in ui.item.entries)
            {
              $this.selectUser(ui.item.entries[e].User);
            }
          }
          return false;
        }
      })
      .data( "autocomplete" )._renderItem = function( ul, item ) {
        
        var autocompleter = $('input[name="users-search"]', $this.container);
        
        autocompleter.addClass('loading');

        var callback = function(datas){
          $(datas).data( "item.autocomplete", item ).appendTo( ul );
          autocompleter.data( "autocomplete" ).menu.refresh();
          autocompleter.data('autocomplete')._resizeMenu();
          autocompleter.removeClass('loading');
        };
        
        if(item.type == 'USER')
        {
          var datas = p4.Mustache.Render('List-User-Item', item, callback);
        }
        if(item.type == 'LIST')
        {
          var datas = p4.Mustache.Render('List-List-Item', item, callback);
        }
      
        return;
      };
        
    return this;
  };
      
  Feedback.prototype = {
    selectUser : function(user){
      if(typeof user !== 'object')
      {
        if(window.console)
        {
          console.log('trying to select a user with wrong datas');
        }
      }
      if($('.badge_' + user.usr_id, this.container).length > 0)
      {
        humane.info('User already selected');
        return;
      }
      
      p4.Mustache.Render('Feedback-Badge', user, p4.Feedback.appendBadge);
    },
    appendBadge : function(badge){
      $('.user_content .badges', this.container).append(badge);
    },
    addUser : function($form, callback){
      
      var $this = this;
      $.ajax({
        type: 'POST',
        url: '/prod/push/add-user/',
        dataType: 'json',
        data: $form.serializeArray(),
        success: function(data){
          if(data.success)
          {
            humane.info(data.message);
            $this.selectUser(data.user);
            callback();
          }
          else
          {
            humane.error(data.message);
          }
        }
      });
    },
    getSelection : function() {
      return this.selection;
    },
    getUsers : function() {
      return $('.user_content .badge', this.container).map(function(){
        return $('input[name="id"]', $(this)).val();
      });
    }
  };
  
  
  
  var ListManager = function($container) {
    
    this.list = null;
    this.container = $container;
    
    var initLeft = function() {
      $('a.list_refresh', $container).bind('click', function(event){

        var callback = function(datas){ 
          $('.all-lists', $container).removeClass('loading').append(datas);
          initLeft(); 
        };
        
        $('.all-lists', $container).empty().addClass('loading'); 
        
        p4.Lists.get(callback, 'html');

        return false;
      });
      
      var ListDeleterDialogBox = function(callbackDeleter) {
        if($('#ListDeleterDialogBox').length > 0)
        {
          $('#ListDeleterDialogBox').remove();
        }
        
        $('body').append('<div id="ListDeleterDialogBox"></div>');
        
        var callbackMustache = function(datas){ 
          $('#ListDeleterDialogBox').append(datas);
          callbackDeleter($('#ListDeleterDialogBox'));
        };
        
        p4.Mustache.Render('ListEditor-DialogDelete', language, callbackMustache);
        
        return false;
      };
      
      
      $('a.deleter', $container).bind('click', function(event){
        
        var list_id = $(this).find('input[name=list_id]').val();
        
        var makeDialog = function (box) {
          
          var buttons = {};
          
          buttons[language.create] = function() {
            
            var callbackOK = function () { 
              $('a.list_refresh', $container).trigger('click'); 
              box.dialog('close'); 
            };
            
            var List = new document.List(list_id);
            List.remove(callbackOK);
          };
          
          box.dialog({
            buttons:buttons,
            modal:true,
            closeOnEscape:true,
            resizable:false,
            width:300,
            height:150
          });
        };
        
        ListDeleterDialogBox(makeDialog);

        return false;
      });
      
      var ListAdderDialogBox = function(callbackAdder) {
        if($('#ListAdderDialogBox').length > 0)
        {
          $('#ListAdderDialogBox').remove();
        }
        
        $('body').append('<div id="ListAdderDialogBox"></div>');
        
        var callbackMustache = function(datas){ 
          $('#ListAdderDialogBox').append(datas);
          callbackAdder($('#ListAdderDialogBox'));
        };
        
        p4.Mustache.Render('ListEditor-DialogAdd', language, callbackMustache);
        
        return false;
      };
      
      $('a.list_adder', $container).bind('click', function(event){
        
        var makeDialog = function (box) {
          
          var buttons = {};
          
          buttons[language.valider] = function() {
            
            var callbackOK = function () { 
              $('a.list_refresh', $container).trigger('click'); 
              box.dialog('close'); 
            };
            
            var name = $('#ListAdderDialogBox input[name="name"]').val();
            
            if($.trim(name) === '')
            {
              alert(language.listNameCannotBeEmpty);
              return;
            }
            
            p4.Lists.create(name, callbackOK);
          };
          
          box.dialog({
            buttons:buttons,
            modal:true,
            closeOnEscape:true,
            resizable:false,
            width:300,
            height:150
          });
        };
        
        ListAdderDialogBox(makeDialog);

        return false;
      });
      
      $('li.list a.link', $container).bind('click', function(event){

        var $this = $(this);

        $this.closest('.lists').find('.list.selected').removeClass('selected');
        $this.parent('li.list').addClass('selected');

        $.ajax({
          type: 'GET',
          url: $this.attr('href'),
          dataType: 'html',
          success: function(data){
            $('.editor', $container).removeClass('loading').append(data);
            initRight();
          },
          beforeSend: function(){
            $('.editor', $container).empty().addClass('loading');
          }
        });

        return false;
      });
      
    };
    
    var initRight = function(){
      
      $('.editor input[name="list-add-user"]', this.container).autocomplete({
          minLength: 2,
          source: function( request, response ) {
            $.ajax({
              url: '/prod/push/search-user/',
              dataType: "json",
              data: {
                query: request.term
              },
              success: function( data ) {
                response( data );
              }
            });
          },
          select: function( event, ui ) {
            if(ui.item.type == 'USER')
            {
              var callback = function(list, datas) {
                if($.inArray(ui.item.usr_id, datas.result) >= 0)
                {
                  p4.Mustache.Render('List-Badge', ui.item, p4.ListManager.appendBadge);
                }
                $('.counter.current, .list.selected .counter', $('#ListManager')).each(function(){
                  $(this).text(parseInt($(this).text()) + datas.result.length);
                });
                console.log('increment counter');
              }
              p4.ListManager.getList().addUser(ui.item.usr_id, callback);
            }
            return false;
          }
        })
        .data( "autocomplete" )._renderItem = function( ul, item ) {

          var autocompleter = $('.editor input[name="list-add-user"]', this.container);

          autocompleter.addClass('loading');

          var callback = function(datas){
            $(datas).data( "item.autocomplete", item ).appendTo( ul );
            autocompleter.data( "autocomplete" ).menu.refresh();
            autocompleter.data('autocomplete')._resizeMenu();
            autocompleter.removeClass('loading');
          };

          if(item.type == 'USER')
          {
            var datas = p4.Mustache.Render('List-User-Item', item, callback);
          }

          return;
        };
    };

    
    initLeft();
        
    $('.badges a.deleter', this.container).live('click', function(){

      var badge = $(this).closest('.badge');
      
      var usr_id = badge.find('input[name="id"]').val();
      
      
      var callback =  function(list, datas){ 
        $('.counter.current, .list.selected .counter', $('#ListManager')).each(function(){
          $(this).text(parseInt($(this).text()) - 1);
        });
                
        badge.remove(); 
      };
      
      p4.ListManager.getList().removeUser(usr_id, callback);
      
      return false;
    });
    
  };
  
  ListManager.prototype = {
    workOn : function(list_id) {
      this.list = new document.List(list_id);
    },
    getList : function(){
      return this.list;
    },
    appendBadge : function(datas) {
      $('#ListManager .badges').append(datas);
    }
  };
  
  
  
  window.Feedback = Feedback;
  window.ListManager = ListManager;
  
}(window));