var pictures = new Array();

function renderPictures(motherElementId){
  var element = $(motherElementId);
  if (element != null){
    for (var i = 0; i < pictures.length; i++)
      element.insert({bottom:pictures[i].render()});
  }  
}

var Picture = Class.create({
  initialize: function(_filename, _title, _format, _groupName) {
    this.filename = _filename;
    this.title = _title;
    if (this.title == null) this.title = "";
    this.group = _groupName;
    if (this.group == null) this.group = "default";
    this.format = _format;
    if (this.format == null) this.format = "jpg";
    this.src = "./images/"+this.filename+"k."+this.format;
    this.href = "./images/"+this.filename+"."+this.format;
  }
  ,render: function(){
    var result = new Element("a", {"href":this.href,"title":this.title,"rel":"lightbox["+this.group+"]"});
    var frame = new Element("div");
    frame.addClassName("pictureframe");
    var picture = new Element("img",{"src":this.src});
    frame.insert({top:picture});
    result.insert({top:frame});
    return result;
  }
});