/* Javascripts Bildergalerie */

function list_galerie_thumbs()
{      
  document.write( '<div id="content_thumbnails">' );
  if ( typeof( galerie ) == 'object' && galerie['thumbnail'].length )
  {
    for( i = 0; i < galerie['thumbnail'].length; i++ )
    {
      document.write( '<a href="javascript:;" onmouseover="hilight_thumb( \'galerie_thumb_' + i + '\', 1 )" onmouseout="hilight_thumb( \'galerie_thumb_' + i + '\', 0 )" onclick="galerie_show_fullsize( ' + i + ' )"><img class="galeriebild" id="galerie_thumb_' + i + '" src="' + galerie['thumbnail'][i] + '" border="4" alt="Bild ' + (i+1) + '" title="' + galerie['bildtext'][i] + '" /></a>' );
      if ( i == 3 )
        document.write( '<br />');
    }
  }
  else
    document.write( 'No data. ' + typeof( galerie ) );
  document.write( '</div>' );
}

function hilight_thumb( thb, mode )
{
  if ( mode == 1 )
    document.getElementById( thb ).style.borderColor = '#ffffff';
  else
    document.getElementById( thb ).style.borderColor = '#999999';
}

function galerie_show_fullsize( id )
{
  if ( typeof( galerie ) == 'object' )
  {
    document.images['fullsize_bild'].src = galerie['fullsize'][id];
    document.getElementById('fullsize_text').innerHTML = galerie['bildtext'][id];
    return true;
  }
  return false;
}

function initialize_galerie()
{
  // Galerie init.
  if ( typeof( galerie ) == 'object' && galerie['fullsize'][0] && galerie['bildtext'][0] )
  {
    document.images['fullsize_bild'].src = galerie['fullsize'][0];
    document.getElementById('fullsize_text').innerHTML = galerie['bildtext'][0];
    
    // Folgende Bilder vorausladen
    var preload = new Array();
    for( i = 0; i < galerie['fullsize'].length; i++ )
    {
      preload[i] = new Image();
      preload[i].src = galerie['fullsize'][i];
    }  
    
    return true;
  }
  else
    document.write( '<p align="center">Galery initializing failed!</p>' );
  return false;
}

/* X-Offset */

function setupStagePosition( Element, ContentSize )
{
  // Defaultwert
  var browser_width = 1024;
  // Client-Wert ermitteln und setzen
  if ( document.body.clientWidth )
    browser_width = document.body.clientWidth;
  else if ( window.innerWidth )
    browser_width = window.innerWidth;
  var x_offset = 0;
  var content_size = ContentSize;
  
  if ( document.getElementById( Element ) )
  {    
    // X-Offset berechnen
    if ( browser_width > content_size )
      x_offset = ( browser_width - content_size ) / 2;
      
    // X-Offset zuweisen
    if ( x_offset > 0 )
      document.getElementById( Element ).style.marginLeft = x_offset + 'px';
    
    // document.write( 'Browser: ' + browser_width + ' / Content: ' + content_size + ' / Offset: ' + x_offset );
    return true;
  }
  return false;
} // end