
function
Startsidebilder(container, data)
{
  this.ses_usr_id = data.ses_usr_id;
  if (this.ses_usr_id >= 2)
    this.alb_count = data.alb_count;

  if (this.ses_usr_id < 2) {
    this.div = container.firstChild;
  }
  else {
    pbu.$(container).empty();
    if (this.alb_count  == 0) {
      this.div = pbu.$("\
<div class='section' id='weeklypics_alt'>\
 <div id='mainpic'>\
  <div id='weekpic_author'><p>Foto: <span class='premium'><a class='username' href='/'></a></span></p></div>\
  <a class='big' id='thepic' href=''><img class='big' alt='' /></a>\
 </div>\
 <div class='contentholder'>\
  <h2 id='hl_beginupload'>Börja ladda upp bilder!</h2>\
  <p class='preamble'>\
   <strong>Välkommen till Pixbox &ndash; nu är det fritt fram att sätta igång!</strong><br />\
   Du kan ladda upp dina bilder, sortera dem i album, skicka dem till framkallning eller\
   trycka dem på produkter, ställa (och svara på) frågor i vårt forum och mycket, mycket mer!\
  </p>\
  <div id='puff_snabbguide'>\
   <h4>Lär dig mer om Pixbox!</h4>\
   <p>Vill du lära dig mer om alla funktioner och tjänster som erbjuds på\
   Pixbox? <a style='text-decoration:line-through' href='/'>Klicka här</a> för en snabbguide!</p>\
  </div>\
 </div>\
</div>\
")[0];
      container.appendChild(this.div);
    }
    else {
      this.div = pbu.$("<div class='section startsidebilder'><h2>Bilder i fokus:</h2><div class='lhs'></div><div class='rhs'></div></div>")[0];
      container.appendChild(this.div);
    }
  }
  this.applyUpdate(data);
}

Startsidebilder.prototype.applyUpdate = function(json) {
  if (this.ses_usr_id < 2) {
    var big = json.pics[0];
    var width;
    var height;

    if (big.aspect > (309.0 / 206)) {
      width = 309;
      height = parseInt(309 / big.aspect);
    }
    else {
      height = 206;
      width = parseInt(206 * big.aspect);
    }
    pbu.$("img.big", this.div)[0].style.width=width+"px";
    pbu.$("img.big", this.div)[0].style.height=height+"px";
    pbu.$("img.big", this.div)[0].src=pbu.picUrl(0, big.pid, "640x480", 0, 0);
    pbu.$("a.big", this.div)[0].href="/pic"+json.pics[0].pid;
    pbu.$("a.username", this.div).text(json.pics[0].usr);
    pbu.$("a.username", this.div)[0].href="/usr"+json.pics[0].uid;
  }
  else {
    if (this.alb_count == 0) {
      var big = json.pics[0];
      var width;
      var height;
      if (big.aspect > (309.0 / 206)) {
        width = 309;
        height = parseInt(309 / big.aspect);
      }
      else {
        height = 206;
        width = parseInt(206 * big.aspect);
      }
      pbu.$("img.big", this.div)[0].style.width=width+"px";
      pbu.$("img.big", this.div)[0].style.height=height+"px";
      pbu.$("img.big", this.div)[0].src=pbu.picUrl(0, json.pics[0].pid, "640x480", 0, 0);
      pbu.$("a.big", this.div)[0].href="/pic"+json.pics[0].pid;
      pbu.$("a.username", this.div).text(json.pics[0].usr);
      pbu.$("a.username", this.div)[0].href="/usr"+json.pics[0].uid;
    }
    else {
      var lhs = pbu.$("div.lhs", this.div)[0];
      var rhs = pbu.$("div.rhs", this.div)[0];
      lhs.innerHTML = "";
      rhs.innerHTML = "";
      json.pics.reverse();
      var big = json.pics.pop();
      json.pics.reverse();
      var e = pbu.$("<a href=''><img/></a>")[0];
      var img = pbu.$("img", e)[0];
      var width;
      var height;
      if (big.aspect > (410.0 / 250)) {
        width = 410;
        height = parseInt(410 / big.aspect);
      }
      else {
        height = 250;
        width = parseInt(250 * big.aspect);
      }
      img.style.width = width + "px";
      img.style.height = height + "px";
      rhs.style.width = width + "px";
      img.src =    pbu.picUrl(0, big.pid, "640x480", 0, 0);
      e.href = "/pic" + big.pid;
      rhs.appendChild(e);
      var p = pbu.$("<div class='pcontainer'><p>Foto: <span class='premium'><a href=''></a></span></p></div>")[0];
      pbu.$("a", p).text(big.usr);
      pbu.$("a", p)[0].href="/usr"+big.uid;
      p.style.width = width + "px";
      rhs.appendChild(p);

      var cols = parseInt((800 - width) / 130);

      for (var i = 0; i < cols * 2; i++) {
        if ((i % cols) == 0 && i != 0)
          lhs.appendChild(pbu.$("<div style='height:10px;clear:both;'></div>")[0]);
        var e = pbu.$("<a href=''><img/></a>")[0];
        pbu.$("img", e)[0].src = pbu.picUrl(0, json.pics[i].pid, "120x120", 0, 0);
        e.href = "/pic"+json.pics[i].pid;
        lhs.appendChild(e);
      }
    }
  }
}

