/*
* Users View representation 
*/
function Users(div){
  
  /****************************************************************************************/
  /* class inherits*/
	/**************/
  this._extends = view;
  this._extends(new controller());
  
  /****************************************************************************************/
  /* class attributes */
	/****************/

  /****************************************************************************************/
  /* class graphical methods */
	/***********************/


  /****************************************************************************************/
  /* class buttons event handler */
  /**************************/
  
  /*
    * contruct the screen GUI representation
    */
  this.constructback = function(div){
    getById('divUsers').innerHTML +=  '<fieldset class="fondVert"><legend>&nbsp;Users&nbsp;</legend><div id="divUsersRefresher" class="button"></div></fieldset><div id="divUsersContainer"></div>';
    //for (i in items){
    //  getById('divItems').innerHTML += '<div id=\'divItem' + items[i].id + '\' class=\'fondVert\'></div>';
    //}
    //getById('divItems').innerHTML +=  info;
    //for (i in items){
    //  new Item(getById('divItem'+items[i].id), items[i]);
    //}
    this.usersRefresher = new Button(getById('divUsersRefresher'), {name:'Autres users', event:'RefreshUsers', params:null, title:'Obtenir d\'autres utilisateurs'});
    this.usersRefresher.controller.addListener(this);
  };

  //this.construct(div);	
  /* class event Handler methods */
	/***************************/



  this.getItemsIdsList = function(params){
    debug("[PHOTOS] getItemsIdsList");
    var request = new httpRequest();
    request.onreadystatechange = function(){
      //debug("[PHOTOS] onreadystatechange");
      if(request.readyState == 4){
        if(request.status == 200) {
          var users = eval(request.responseText)[1];
          getById('divUsersContainer').innerHTML = '';
          for (i in users){
            getById('divUsersContainer').innerHTML += '<div id=\'divUser' + users[i].id + '\' class=\'fondVert\'></div>';
          }
          //getById('divItems').innerHTML +=  info;
          for (i in users){
            user = new User(getById('divUser'+users[i].id), users[i]);
            user.controller.addListener(_mediaplayer);
          }
        }
        else if(request.status != 0)
          alert("error : " + request.statusText);
        }
      };
    request.open("POST",params.url,true);
    request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    //request.send("cmd="+cmd+"&"+vars.join('&'));
    request.send("");
    //var response = request.responseText
    //document.getElementById('info').innerHTML = response;
    //this.clean();
    //this.background(this.imgSS);
    //this.cardInside = false;
    //this.screenSaver = true;*/
  };

  /****************************************************************************************/
  /* class event Handler methods */
  /*******************************/

  /*
   * RefreshUsers event handler : 
   */
  this.onRefreshUsers = function(params){
    debug("[PHOTOS] onRefreshUsers");
    this.getItemsIdsList({url:'items.php?order=RAND()&keywords=257'});
  };
  
  /*
    * contruct the screen GUI representation
    */
  this.construct = function(div){
    getById('divUsers').innerHTML +=  '<fieldset class="fondVert"><legend>&nbsp;Users&nbsp;</legend><div id="divUsersRefresher" class="button"></div></fieldset><div id="divUsersContainer"></div>';
    //for (i in items){
    //  getById('divItems').innerHTML += '<div id=\'divItem' + items[i].id + '\' class=\'fondVert\'></div>';
    //}
    //getById('divItems').innerHTML +=  info;
    //for (i in items){
    //  new Item(getById('divItem'+items[i].id), items[i]);
    //}
    this.usersRefresher = new Button(getById('divUsersRefresher'), {prefix:'.:',name:'Autres users', event:'RefreshUsers', params:null, title:'Obtenir d\'autres users'});
    this.usersRefresher.controller.addListener(this);
    this.onRefreshUsers(null);
  };

  this.construct(div);

}; // end class Items