function showBigOne(link)
{
  var img = link.getElementsByTagName("img")[0];

  if (img)
  {
    var imgName = img.getAttribute("src");

    var w = 700;
    var h = 920;
    var l = (screen.width - w) / 2;
    var t = (screen.height - h) / 2;

    var wnd = window.open("/preview.html?id=" + Math.random(), "rosbergPreivewWindow", "toolbar=no,location=no,directories=no,menubar=no,resizable=yes,width="+w+",height="+h+",left="+l+",top="+t);
    if (wnd)
    {
      var slash = imgName.lastIndexOf('/');

      if (slash != -1)
      {
        var bigImg = imgName.substr(0, slash);
        bigImg += '/big';
        bigImg += imgName.substr(slash);

        wnd["img_name"] = bigImg;
      }
    }
  }
}


var bagsPlaced = false;

function placeBags()
{
  if (bagsPlaced)
    return;

  var table = document.getElementById("BAGS_TABLE");

  if (table)
  {
    var bagsInRow = Math.floor(table.clientWidth / 120);

    if (!bagsInRow)
      return;

    while (table.rows.length)
      table.deleteRow(0);

    for (var i = 0; i < bags.length; i += bagsInRow)
    {
      var tr = table.insertRow(-1);

      for (var ci = 0; ci < bagsInRow; ++ci)
      {
        var td = tr.insertCell(-1);

        if (i + ci < bags.length)
        {
          var html = '<a href="#" onclick="showBigOne(this);return false">';
          html += "<img src='" + bags[i + ci].img + "' alt='" + bags[i + ci].alt + "' /></a>";
          html += "<h1>" + bags[i + ci].desc + "</h1>";

          td.innerHTML = html;
        }
      }
    }

    bagsPlaced = true;
  }
}