var primaryContent = '      <ul>		\
        <li>Neu- und Umbauplanungen</li>	\
        <li>Energieberatung</li>		\
        <li>Sachverst&auml;ndigenwesen</li>	\
        <li>Bauberatung</li>			\
        <li>Wertermittlung</li>			\
        <li>Geb&auml;udeverwaltung</li>		\
      </ul>';

var alternativeContent = '      <ul>							\
        <li><a href="http://www.aknw.de/" target="_blank">AKNW</a></li>			\
        <li><a href="http://www.bafa.de" target="_blank">BAFA</a></li>			\
        <li><a href="http://www.ea-nrw.de/" target="_blank">Energieagentur</a></li>	\
        <li><a href="http://www.kfw.de/" target="_blank">KfW</a></li>			\
      </ul> \
     <p> Die Betreiber dieser Seite distanzieren sich ausdr&uuml;cklich vom Inhalt der verlinkten Seiten.</p>';

var imageUrls = new Array(
 'pic_1.jpg',
 'pic_2.jpg',
 'pic_3.jpg'
);

var scheduledHide;

function changeContent(contentId)
{
  var contentArea = document.getElementById('content');
  var content;

  if(scheduledHide)
  {
    window.clearTimeout(scheduledHide);
    scheduledHide = null;
  }

  if(contentId == 1)
    content = primaryContent;
  else
    content = alternativeContent;

  contentArea.innerHTML = content;
  contentArea.style.display = 'block';

  hideImage();
}

function hideContent()
{
  document.getElementById('content').style.display = 'none';
}

function scheduleHideContent()
{
  scheduledHide = window.setTimeout("hideContent();", (1000 * 15));
}

function showImage(id)
{
  var imageArea = document.getElementById('imageArea');

  imageArea.src = imageUrls[id-1];
  imageArea.style.display = 'block';

  hideContent();
}

function hideImage()
{
  document.getElementById('imageArea').style.display = 'none';
}

function initializePage()
{
  hideContent();

  for(var i = 0; i < imageUrls.length; ++i)
  {
    var preloader = new Image(400, 280);
    preloader.src = imageUrls[i];
  }
}

window.onload = initializePage;