curImage = 0;

function initDetail()
{
  showDetail(curImage);

  if (imageList)
    for (var i=0; i<imageList.length; i++)
      preload("img_" + i, imageList[i][0]);
}

function browseDetail(dir)
{
	curImage += dir;
	
	if (curImage == imageList.length)
    curImage = 0;
  else if (curImage < 0)
    curImage = imageList.length - 1;
  
  // display image
  showDetail(curImage);
}

function showDetail(index)
{
  showImg(index);
  setNumber(index);
}

function showImg(index)
{
  if (imageList.length == 0)
    return;
    
  // make sure that the current image is set, also when selected from numbers
  curImage = index;
  // display current image
  var imgField = document.getElementById("photo");
  imgField.src = imageList[index][0];
  var textField = document.getElementById("text");
  var textValue = document.getElementById("photo" + index);
  if (textValue)
    textField.innerHTML = textValue.innerHTML;
}

function setNumber(curImage)
{
	var anchorElements = document.getElementsByTagName('a');
	for(i=0; i<anchorElements.length; i++) {
		if (anchorElements[i].id.indexOf('num') == 0) {
			anchorElements[i].className = '';
	  }
	}	
	
	pictNumber = document.getElementById('num' + curImage);
  if (pictNumber)
    pictNumber.className = "active";
}

function preload(imgObj,imgSrc)
{
  eval(imgObj + ' = new Image()');
  eval(imgObj + '.src = "' + imgSrc + '"');
}

preload("img_sos_de", "de/images/sos_over.gif");
preload("img_sos_en", "en/images/sos_over.gif");

function showTickers()
{
  for(var i=1; i<=3; i++)
    if(document.getElementById("ticker" + i))
      document.getElementById("ticker" + i).style.visibility = "visible";
}