/*##############################################################################
#  Version: 0.01                                                               #
#  last modified: 2008-12-02                                                   #
#  Copyright: 2008 Daniel Mundt <daniel.mundt@loko-media.com>                  #
#------------------------------------------------------------------------------#
#  General File Description                                                    #
#  Gallery Function (Navigation + Content)                                     #
##############################################################################*/
/*general global variables and functions--------------------------------------*/
var galHead = "galhead";
var galHead2 = "galhead2";
var galContent = "galcontent";

/*----------------------------------------------------------------------------*/
/*Browserswitch*/
function browserswitch(dom){
  if(document.all){
    var initElement = document.all[dom];
  }else{
    var initElement = document.getElementById(dom);
  }
  return initElement;
}

/*----------------------------------------------------------------------------*/
/*Function Gallery*/
function gallery(iid){
  //Navigation Bar--------------------------------------------------------------
  var navBarString = "";
  //Overview link
  if(iid == 99){
    navBarString += "<strong>Übersicht</strong>&nbsp;|&nbsp;";
  }else{
    navBarString += "<a href='javascript:void(0);' onclick='gallery(99);'>Übersicht</a>&nbsp;|";
  }

  //----------------------------------------------------------------------------
  //previous image link
  if(!(parseInt(iid) === 99 || parseInt(iid) === 1)) {
    var prevImg = parseInt(iid) - 1;
    navBarString += " <a style='text-decoration:none;' href='javascript:void(0);' onclick='gallery(" + prevImg + ");'>[&lt;]</a>";
  }

  //Image Links
  for(var i = 0; i < ImagePool.length; i++){
    var i2 = i + 1;
    if(iid == i2){
      navBarString += " <strong>" + i2 + "</strong>";
    }else{
      navBarString += " <a href='javascript:void(0);' onclick='gallery(" + i2 + ");'>" + i2 + "</a>";
    }
  }

  //----------------------------------------------------------------------------
  //next image link
  if(!(parseInt(iid) === ImagePool.length)) {
    if(parseInt(iid) === 99){
      var nextImg = 1;
    }else{
      var nextImg = parseInt(iid) + 1;
    }
    navBarString += " <a style='text-decoration:none;' href='javascript:void(0);' onclick='gallery(" + nextImg + ");'>[&gt;]</a>";
  }

  //set gallery header
  var galHeadDiv = browserswitch(galHead);
  var galHead2Div = browserswitch(galHead2);
  galHeadDiv.innerHTML = navBarString;
  galHead2Div.innerHTML = navBarString;

  //Image Content Division------------------------------------------------------
  var imgContentString = "";
  var imgLocation = "";

  if(parseInt(iid) == 99){
    //Thumbs Overview
    for(var a = 0; a < ImagePool.length; a++){
      var a2 = a + 1;
      imgLocation = ImgPath + ImagePool[a][0];
      imgContentString += "<img src='" + imgLocation + "' width='148' height='111' alt='" + ImagePool[a][2] + "' class='thumb' onclick='gallery(" + a2 + ");' />";
    }
  }else{
    //Single large Image
    var iid2 = parseInt(iid) - 1;
    imgLocation = ImgPath + ImagePool[iid2][1];
    imgContentString += "<img src='" + imgLocation + "' width='464' height='348' alt='" + ImagePool[iid2][2] + "' class='zoom' />";
  }
  //set gallery content
  var galContentDiv = browserswitch(galContent);
  galContentDiv.innerHTML = imgContentString;
}