// Fotoalbum mit Tourenbildern im Hauptfeld
var faTbImagePath = 'http://images.cycle-sport.de/velo/gallery/albums/tourenbilder/';

// Großes Feld <div id="tourenbilder"> mit Bildern bevölkern
function faPopulateLarge () {
  var tbfield = document.getElementById('tourenbilder');
  // eigentlich sollte man erst alle Kinder löschen...
  var tb_pvt = document.createElement("table");
  var tb_tbody = document.createElement("tbody");
  var tb_row = 0;
  var tb_arrsize = faImages[1].length;
  tbNextFlipImg = (tb_cols * tb_rows) % tb_arrsize;
  tb_pvt.setAttribute('id', 'tbilder-table');
  tb_tbody.setAttribute('id', 'tbilder-tbody');
  tb_pvt.appendChild(tb_tbody);
  tbfield.appendChild(tb_pvt);
  // GANZER ARRAY!
  for (var i=0;i<tb_rows*tb_cols;i++) {
    if ((i % tb_cols) == 0) {
      tb_row += 1;
      // alert(row);
      tb_tmptr = document.createElement("tr");
      tb_tmptr.setAttribute("id", "tb-prevthumbs-row-" + tb_row);
      tb_tbody.appendChild(tb_tmptr);
    }
    var tb_currtr = document.getElementById("tb-prevthumbs-row-" + tb_row);
    var tb_td = document.createElement("td");
    tb_currtr.appendChild(tb_td);
    tb_td.setAttribute('class', 'tb-pvthumb');
    var tb_img = document.createElement("img");
    tb_td.appendChild(tb_img);
    tb_img.setAttribute("src", faTbImagePath + faImages[1][i % tb_arrsize][0]);
    tb_img.setAttribute("id", "fa-tb-navigate-to-" + (i % tb_arrsize));
    tb_img.setAttribute("height", 64);
    tb_img.setAttribute("width", 64);
    tb_img.setAttribute("alt", i);
    faSetStyle(tb_img, "border", "2px solid #ff7200");
    // Diese Funktion fehlt noch!!!
    tb_img.onclick = faTbPreviewClicked;
  }
  setTimeout('faTbFlip()', tbJumpInt);
  // return true;
}

function faTbPreviewClicked() {
  faImgSet = 1;
  var raw = this.getAttribute("id");
  faNewPreviewClicked(raw)
  return true;
}

// Klick auf ein Thumbnail
function faNewPreviewClicked(raw) {
  var nextimage = 0;
  faResize();
  if(!document.getElementById('opaque')){
    faOpaquePanel(); 
    // faUpperNavButtons();
  }
  for (var i = 0;i<faImages[faImgSet].length;i++) {
    if (raw == ("fa-sidebar-navigate-to-" + i)) {
      nextimage = i;
    }
  }
  for (var i = 0;i<faImages[faImgSet].length;i++) {
    if (raw == ("fa-tb-navigate-to-" + i)) {
      nextimage = i;
    }
  }
  faPlaceImage(nextimage);
  return true;
}

// Flippen der Bilder
function faTbFlip () {
  // var tbNextFlipped = 0;
  // var tbNextFlipImg wäre das nächste Bild im Array...

  // Nur, wenn keine Overlaypne existiert
  if (document.getElementById("opaque")) {
    setTimeout('faTbFlip()', 2500);
  } else {
    var tbImgTable = document.getElementById("tbilder-table");
    var tbAllImages = tbImgTable.getElementsByTagName("img");
    var tbRepImg = tbAllImages[tbNextFlipped];
    
    tbRepImg.setAttribute("id", "fa-tb-navigate-to-" + tbNextFlipImg);
    tbRepImg.setAttribute("src", faTbImagePath + faImages[1][tbNextFlipImg][0]);
    
    tbNextFlipped = (tbNextFlipped + 1) % (tb_rows*tb_cols);
    tbNextFlipImg = (tbNextFlipImg + 1) % faImages[1].length;
    
    // Zeitgesteuert aufrufen:
    if (tbNextFlipped < 1) {
      setTimeout('faTbFlip()', tbJumpInt);
    } else {
      setTimeout('faTbFlip()', tbFlipInt);
    }   
  }
}