var agt = navigator.userAgent.toLowerCase();
var ie = ( document.all ) ? 1 : 0;
var mz = ( document.getElementById && !document.all ) ? 1 : 0;
if ( agt.indexOf( "konqueror" ) != -1 ) { ie = 0; mz = 1; }
var is_mac = ( agt.indexOf( "mac" ) != -1 );


getContent = function( req )
{
  var request;
  try
  {
    request = new XMLHttpRequest();
  }
  catch( e )
  {
    // ie Browsers
    try
    {
      request = new ActiveXObject( "Msxml2.XMLHTTP" );
    }
    catch( e )
    {
      try
      {
        request = new ActiveXObject( "Microsoft.XMLHTTP" );
      }
      catch( e )
      {
        return false;
      }
    }
  }

  request.onreadystatechange = function()
  {
    if( request.readyState == 4 )
     {
        document.getElementById( 'content_getter' ).innerHTML = request.responseText;
        if( document.getElementById( 'content' ).innerHTML != '' )
          {
            eval( document.getElementById( 'jseval' ).innerHTML );
            document.getElementById( 'text_head' ).innerHTML = headline;
            if( document.getElementById( 'content' ).innerHTML != ' ' )
              {
                document.getElementById( 'imagesTD' ).innerHTML = document.getElementById( 'content' ).innerHTML;
              }
            else
              {
                document.getElementById( 'text_head' ).style.paddingBottom = ( ie ) ? '20px' : '0px';
              }
          }
        else
          {
            eval( document.getElementById( 'jseval' ).innerHTML );
            document.getElementById( 'text_head' ).innerHTML = headline;
            document.getElementById( 'text_ref' ).innerHTML = text;

            wh = ( pictures[ 1 ] == 'h' ) ? 'width="351" height="227"' : 'height="227"';
            picStr = '<table class="imageBigContainer" cellpadding="0" cellspacing="0" border="0" ><tr><td valign="middle" id="bigImgTD"><center><img class="imageBig" id="imageBig" src="photos/' + pictures[ 0 ] + '" ' + wh + ' border="0"></center></td></tr></table><div class="pleaseClick"><nobr>Für eine Grossansicht klicken Sie bitte auf die unten stehenden Bilder.</nobr></div>';
            wh = 'width="171" height="111"';
            picStrEnd = '<table class="imageSmallContainer" cellpadding="0" cellspacing="0" border="0" ><tr><td valign="middle"><center><img class="imageSmall" src="photos/' + pictures[ 0 ].replace( /\//, '/th_' ) + '" onclick="showImg( pictures.length - 2 );" onmouseover="setBigImg( ' + ( pictures.length - 2 ) + ' )" ' + wh + ' border="0"></center></td></tr></table>'
            firstLast = pictures.shift();
            firstLastO = pictures.shift();
            for( pic = 0; pic < pictures.length; pic += 2 )
              {
                wh = 'width="171" height="111"';
                picStr += '<table class="imageSmallContainer" cellpadding="0" cellspacing="0" border="0" ><tr><td valign="middle"><center><img class="imageSmall" src="photos/' + pictures[ pic ].replace( /\//, '/th_' ) + '" onclick="showImg( ' + pic + ' )" onmouseover="setBigImg( ' + pic + ' )" ' + wh + ' border="0"></center></td></tr></table>';
              }
            document.getElementById( 'imagesTD' ).innerHTML = picStr + picStrEnd;
            pictures.push( firstLast, firstLastO );
          }
       delete( request );
      }
  }

  request.open( "GET", "content.php?id=" + req, true );
  request.send( null );
}


setBigImg = function( pic )
{
  wh = ( pictures[ pic + 1 ] == 'h' ) ? 'width="351" height="227"' : 'height="227"';
  document.getElementById( 'bigImgTD' ).innerHTML = '<center><img class="imageBig" id="imageBig" src="photos/' + pictures[ pic ] + '" ' + wh + ' border="0"></center>'
}

markmen = function( n )
{
  for( i = 1; i <= menNum; i++ )
    {
      e = document.getElementById( 'menu_mark' + i )
      e.className = e.className.replace( /_active/, '_inactive' );
    }
  e = document.getElementById( 'menu_mark' + n )
  e.className = e.className.replace( /_inactive/, '_active' );
}

showImg = function( idx )
{
  wh = ( pictures[ idx + 1 ] == 'h' ) ? 'width="800"' : 'height="520"';
  wsb = ( ie ) ? document.documentElement.scrollTop : window.pageYOffset;
  document.getElementById( 'showImgContainer' ).innerHTML = '<center><table cellcpacing="0" cellpadding="0" border="0" style="background:#ffffff;"><tr><td rowspan="3"><img src="pics/blank.gif" width="10" height="1"></td><td><img src="pics/blank.gif" width="1" height="10"></td><td rowspan="3"><img src="pics/blank.gif" width="10" height="1"></td></tr><tr><td><img src="photos/' + pictures[ idx ] + '" ' + wh + ' border="0" onclick="document.getElementById( \'showImgContainer\' ).style.display = \'none\'; document.getElementById( \'showImg\' ).style.display = \'none\';"></td></tr><tr><td align="left">Zum Schließen klicken.</td></tr></table></center>';
  h = ( ( document.getElementById( 'DIV_inside' ).offsetHeight + 30 ) < document.getElementById( 'body' ).offsetHeight ) ? document.getElementById( 'body' ).offsetHeight : ( document.getElementById( 'DIV_inside' ).offsetHeight + 30 );
  document.getElementById( 'showImg' ).style.height = parseInt( h ) + 'px';
  document.getElementById( 'showImg' ).innerHTML = '<a href="javascript:void( null );" onclick="document.getElementById( \'showImgContainer\' ).style.display = \'none\'; document.getElementById( \'showImg\' ).style.display = \'none\';"><img src="pics/blank.gif" width="100%" height="100%"></a>';
  document.getElementById( 'showImg' ).style.display = 'block';
  iw = ( pictures[ idx + 1 ] == 'h' ) ? 800 : 300;
  document.getElementById( 'showImgContainer' ).style.marginLeft = String( ( document.getElementById( 'body' ).offsetWidth - iw ) / 2 ) + 'px';
  document.getElementById( 'showImgContainer' ).style.marginTop = String( wsb + 30 ) + 'px';
  document.getElementById( 'showImgContainer' ).style.display = 'block';
}