Albums={
  // album item in this array should look as follow
  // {name: string,
  //  numOfCovers: int}
  //
  // previews array should be an array of base64 decoded images
  // to display to user as preview picture when scrolling throught
  // the album cover
  albums:new Array(),
  // add simply adds new album to internal structure
  // however albums names must be unique so other
  // album with the same name wont be insered,
  // and false will be returned
  // true on success
  add: function(album_name, num) {
    if (Albums.albums[album_name] != undefined) return false;
    Albums.albums[album_name] = {name: album_name, numOfCovers: num};
    return true;
  },
  // remove element with given name
  // returns remove element or undefined if no such element was present
  remove: function(name) {
    var i = -1, tmp = 0;
    for (var a in Albums.albums) {
      if (a.name == name) {
        i = tmp;
        break;
      }
      tmp++;
    }
    if (i != -1) {
      return Albums.albums.splice(i,1);
    }
    return undefined;
  },
  // return element which match given name
  // of undefined if such element do not exist
  find: function(name) {
    return Albums.albums[name];
  },
  // displays gallery in linear representation
  // on given element, and apply default styles for gallery
  display: function(element) {
    var displayTemplate = '<div class="gallery_album_box"><div class="dummy"></div><a class="view"><div class="gallery_album_cover"></div></a><h1></h1><div class="gallery_album_decoration"><a><img src="img/share.png" title="Share"></a><a class="rename"><img src="img/rename.png" title="Rename"></a><a class="remove"><img src="img/delete.png" title="Delete"></a></div></div>';
    for (var i in Albums.albums) {
      var a = Albums.albums[i];
	  var local=$(displayTemplate);
	  local.attr('data-album',a.name);
	  $(".gallery_album_decoration a.rename", local).bind('click', {name: a.name},function(event){
			event.preventDefault();
			galleryRename(event.data.name);
    });
	  $(".gallery_album_decoration a.remove", local).bind('click', {name: a.name},function(event){
		  event.preventDefault();
		  galleryRemove(event.data.name);
    });
    $("a.view", local).attr('href','?view='+decodeURIComponent(escape(a.name)));
    $('h1',local).text(decodeURIComponent(escape(a.name)));
    $(".gallery_album_cover", local).attr('title',decodeURIComponent(escape(a.name)));
      $(".gallery_album_cover", local).css('background-repeat', 'no-repeat');
      $(".gallery_album_cover", local).css('background-position', '0');
      $(".gallery_album_cover", local).css('background-image','url("ajax/galleryOp.php?operation=get_covers&albumname='+escape(a.name)+'")');
      $(".gallery_album_cover", local).mousemove(function(e) {

        var albumMetadata = Albums.find(this.title);
        if (albumMetadata == undefined) {
          return;
        }
        var x = Math.floor((e.layerX - this.offsetLeft)/(this.offsetWidth/albumMetadata.numOfCovers));
        x *= this.offsetWidth;
        if (x < 0) x=0;
        $(this).css('background-position', -x+'px 0');
      });
      $(element).append(local);
    }
  },
  rename: function(element, new_name) {
    if (new_name) {
		$(element).attr("data-album", new_name);
		$("a.view", element).attr("href", "?view="+new_name);
		$("h1", element).text(new_name);
	}
  },
  clear: function(element) {
    Albums.albums = new Array();
    element.innerHTML = '';
  }

}