/*
* Photos View representation 
*/
function Photos(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('divPhotos').innerHTML +=  '<fieldset class="fondVert"><legend>&nbsp;Photos&nbsp;</legend><div id="divPhotosRefresher" class="button"></div></fieldset><div id="divPhotosContainer"></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.photosRefresher = new Button(getById('divPhotosRefresher'), {name:'Autres photos', event:'RefreshPhotos', params:null, title:'Obtenir d\'autres photos'});
    this.photosRefresher.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 photos = eval(request.responseText)[1];
          getById('divPhotosContainer').innerHTML = '';
          //for (i in photos){
          //  getById('divPhotosContainer').innerHTML += '<div id=\'divPhoto' + photos[i].id + '\' class=\'fondVert\'></div>';
          //}
          photos.each(
          function(photo) {
            getById('divPhotosContainer').innerHTML += '<div id=\'divPhoto' + photo.id + '\' class=\'fondVert\'></div>';
          }
          );
          //getById('divItems').innerHTML +=  info;
          photos.each(
          function(photo) {
            tempphoto = new Photo(getById('divPhoto'+photo.id), photo);
            tempphoto.controller.addListener(_mediaplayer);
          }
          );
//          for (i in photos){
//            photo = new Photo(getById('divPhoto'+photos[i].id), photos[i]);
//            photo.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 */
  /*******************************/

  /*
   * RefreshPhotos event handler : 
   */
  this.onRefreshPhotos = function(params){
    debug("[PHOTOS] onRefreshPhotos");
    this.getItemsIdsList({url:'items.php?order=RAND()&keywords=5'});
  };
  
  /*
    * contruct the screen GUI representation
    */
  this.construct = function(div){
    getById('divPhotos').innerHTML +=  '<fieldset class="fondVert"><legend>&nbsp;Photos&nbsp;</legend><div id="divPhotosRefresher" class="button"></div></fieldset><div id="divPhotosContainer"></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.photosRefresher = new Button(getById('divPhotosRefresher'), {prefix:'.:',name:'Autres photos', event:'RefreshPhotos', params:null, title:'Obtenir d\'autres photos'});
    this.photosRefresher.controller.addListener(this);
    this.onRefreshPhotos(null);
  };

  this.construct(div);

}; // end class Items