// Ändern der Styles für Navigations-Leisten (ET und ER)

function changeHeadlines(new_et_id, old_et_id, new_er_id, old_er_id, action)
{

  // Führende Nullen
  if (new_er_id < 10) 
    padded_new_er_id = "0" + new_er_id;
  else
    padded_new_er_id = new_er_id;

  // Führende Nullen
  if (old_er_id < 10) 
    padded_old_er_id = "0" + old_er_id;
  else
    padded_old_er_id = old_er_id;


    if (action == "on")
    {
      changeTopNaviLayer(new_et_id,'on');
      if (new_er_id > 0)
        changeTopNaviLayer2(new_er_id,'on');
    }
    else
    {
      changeTopNaviLayer(new_et_id,'off');
      if (new_er_id > 0)
        changeTopNaviLayer2(new_er_id,'off');
    }
    
    
  if (document.getElementById('hd_senderliste'))
  {
    if (action == "on")
    {
      var Neu = "";
    
      if (new_et_id > 0)
         Neu +=  '<img src="images/hd_mini_et.gif" style="margin-right: 4px;" /><img src="images/hd_mini_et_0' + new_et_id + '.gif" style="margin-right: 14px;"/>';

      if (new_er_id > 0)
         Neu +=  '<img src="images/hd_mini_er.gif" style="margin-right: 4px;" /><img src="images/hd_mini_er_' + padded_new_er_id + '.gif" />';

      document.getElementById('hd_senderliste').innerHTML = Neu;
    }
    else
    {
       Neu = '<img src="images/hd_senderliste.gif"  />';
       document.getElementById('hd_senderliste').innerHTML = Neu;
    }
  }


    
  if (document.getElementById('hd_kommentare'))
  {
    if (action == "on")
    {
      var Neu = "";
    
      if (new_et_id > 0)
         Neu +=  '<img src="images/hd_mini_et.gif" style="margin-right: 4px;" /><img src="images/hd_mini_et_0' + new_et_id + '.gif" style="margin-right: 14px;"/>';

      if (new_er_id > 0)
         Neu +=  '<img src="images/hd_mini_er.gif" style="margin-right: 4px;" /><img src="images/hd_mini_er_' + padded_new_er_id + '.gif" />';

      document.getElementById('hd_kommentare').innerHTML = Neu;
    }
    else
    {
       Neu = '<img src="images/hd_kommentare.gif"  />';
       document.getElementById('hd_kommentare').innerHTML = Neu;
    }
  }


  if (document.getElementById('hd_bibliothek'))
  {
    if (action == "on")
    {
      var Neu = "";
    
      if (new_et_id > 0)
         Neu +=  '<img src="images/hd_mini_et.gif" style="margin-right: 4px;" /><img src="images/hd_mini_et_0' + new_et_id + '.gif" style="margin-right: 14px;"/>';

      if (new_er_id > 0)
         Neu +=  '<img src="images/hd_mini_er.gif" style="margin-right: 4px;" /><img src="images/hd_mini_er_' + padded_new_er_id + '.gif" />';

      document.getElementById('hd_bibliothek').innerHTML = Neu;
    }
    else
    {
       Neu = '<img src="images/hd_bibliothek.gif"  />';
       document.getElementById('hd_bibliothek').innerHTML = Neu;
    }
  }







  if (document.getElementById('hd_et_src'))
  {
    if (action == "on")
    {
      if (new_er_id > 0)
      {
        // document.getElementById('hidden_navi_er_number').style.visibility = "visible";  
        if (document.getElementById('hd_er_src'))
        {
            document.getElementById('hd_er_src').src='images/hd_er_' + padded_new_er_id + '.gif';      
        }
        document.getElementById('headline_src').src='images/hd_0' + new_et_id + '_' + padded_new_er_id + '.gif';      
      }
      else
      {
        document.getElementById('hd_et_src').src='images/hd_et_0' + new_et_id + '.gif';
        document.getElementById('headline_src').src='images/hd_0' + new_et_id + '_00.gif';      
      }
    }
    else
    {
      if (old_er_id > 0)
      {
        // document.getElementById('hidden_navi_er_number').style.visibility = "hidden";  
        if (document.getElementById('hd_er_src'))
        {
            document.getElementById('hd_er_src').src='images/hd_er_' + padded_old_er_id + '.gif';      
        }
        
        document.getElementById('headline_src').src='images/hd_0' + old_et_id + '_' + padded_old_er_id + '.gif';      
      }
      else
      {
        document.getElementById('hd_et_src').src='images/hd_et_0' + old_et_id + '.gif';
        document.getElementById('headline_src').src='images/hd_0' + old_et_id + '_00.gif';
      }
    }
  }
}

function resetAllTopNaviLayers()
{
  for (i = 1; i <= 5; i++)
  {
    this_id = "et0" + i ;
    document.getElementById(this_id).style.backgroundColor = "transparent";  
    document.getElementById(this_id).style.backgroundImage = "url(../images/bg_header_etappe.gif)";
  }

  for (k = 1; k <= 14; k++)
  {
    if (k < 10) 
      padded_k = "0" + k;
    else
      padded_k = k;
      
    this_id2 = "er" + padded_k ;
    
    document.getElementById(this_id2).style.backgroundColor = "transparent";  
    document.getElementById(this_id2).style.backgroundImage = "url(../images/bg_header_ereignis.gif)";
  }
}

function changeTopNaviLayer(id, action)
{
  //resetAllTopNaviLayers();
  var this_id = "et0" + id ;
  
  if (action == "on")
  {
    document.getElementById(this_id).style.backgroundColor = "transparent";  
    document.getElementById(this_id).style.backgroundImage = "url(../images/bg_header_etappe_hi.gif)";
    // document.getElementById(this_id).style.backgroundColor = "#FFB001";  
    //document.getElementById(this_id).style.backgroundImage = "none";
  }
  else
  {
    if (id != et)
    {
      document.getElementById(this_id).style.backgroundColor = "transparent";  
      document.getElementById(this_id).style.backgroundImage = "url(../images/bg_header_etappe.gif)";
    }
  }
}


function changeTopNaviLayer2(id, action)
{
  // resetAllTopNaviLayers();

  // Führende Nullen
  if (id < 10) 
    padded_id = "0" + id;
  else
    padded_id = id;

  this_id = "er" + padded_id ;
    
  if (action == "on")
  {
    //document.getElementById(this_id).className = "bg_er_on";
    document.getElementById(this_id).style.backgroundColor = "transparent";  
    document.getElementById(this_id).style.backgroundImage = "url(../images/bg_header_ereignis_hi.gif)";
  }
  else
  {
    if (id != er)
    {
      document.getElementById(this_id).style.backgroundColor = "transparent";  
      document.getElementById(this_id).style.backgroundImage = "url(../images/bg_header_ereignis.gif)";
    }
  }
  
}


function superFunction(id, action)
{
  document.getElementById(id).className = "bg_" + action;
}


// Image RollOvers
function mouseOver(id)
{
  var new_source = "images/" + id + "_hi.gif";
  document.getElementById(id).src = new_source;
}

function mouseOut(id)
{
  var new_source = "images/" + id + ".gif";
  document.getElementById(id).src = new_source;
}


function hideAllLayers()
{
  if (texte_id_array) {
	  if (texte_id_array.length > 0)
	  {
	    for (var i = 0; i < texte_id_array.length; i++)
	    {
	      this_id = "text_page_" + texte_id_array[i] ;
	      
	      if (document.getElementById(this_id)) {
	      	 document.getElementById(this_id).style.visibility = "hidden";  
	      }
	    }
	  }
  }
  
  hideAllKommentarPages();
  
  if (document.getElementById('texte_container'))
	document.getElementById('texte_container').style.visibility = "hidden";

  if (document.getElementById('kommentar_abgeben_container'))
    document.getElementById('kommentar_abgeben_container').style.visibility = "hidden";
    
  if (document.getElementById('kommentar_container'))
    document.getElementById('kommentar_container').style.visibility = "hidden";
  
  if(document.getElementById('kommentar_gesendet'))
  	  document.getElementById('kommentar_gesendet').style.visibility = "visible";
 
}


function showLayer(layerId)
{
  hideAllLayers();

  var layerName = 'text_page_' + layerId;
  document.getElementById("texte_container").style.visibility = "visible";
  document.getElementById(layerName).style.visibility = "visible";

  // Vor- und Zurück-Buttons Links ändern
  var nextLayerId = layerId + 1;
  var prevLayerId = layerId - 1;
  
  // Prev Links 
  if (prevLayerId == 0)
    var Neu = '<img src="images/pfeil_links_text_inact.gif" />';
  else
    var Neu = '<a href="javascript:;" onClick="showLayer(' + prevLayerId + ')"><img src="images/pfeil_links_text_act.gif" /></a>';
 
  // Next Links
  if (nextLayerId > total_pages)
    Neu += '<img src="images/pfeil_rechts_text_inact.gif" />';
  else
    Neu += '<a href="javascript:;" onClick="showLayer(' + nextLayerId + ')"><img src="images/pfeil_rechts_text_act.gif" /></a>';
 
  // Nummern
  Neu += '<img src="images/txt_nummer0' + layerId + '.gif" /><img src="images/txt_slash.gif" /><img src="images/txt_nummer0' + total_pages + '.gif" />';
 
  document.getElementById('navi_text').innerHTML = Neu;
  
  // Kommentarlinks
  Neu2 = '<a href="javascript:;" onClick="showKommentarAbgebenLayer()"><img src="images/txt_kommentieren.gif" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:;" onClick="showKommentareLayer()"><img src="images/txt_kommentare_lesen.gif" /></a>';
  
  if (document.getElementById('kommentar_navi'))
    document.getElementById('kommentar_navi').innerHTML = Neu2;
  
}

function hideAllAudioLayers()
{
 
 if (total_audios > 0)
  {
    
    
    for (var i = 1; i <= total_audios; i++)
    {
      document.getElementById("audio_navi").style.visibility = "hidden";  
      document.getElementById("audio_navi").style.display = "none";   	
     	
      this_id = "audio_layer_" + i ;
      document.getElementById(this_id).style.visibility = "hidden";  
      document.getElementById(this_id).style.display = "none";  
      this_id2 = "player" + i ;
      document.getElementById(this_id2).style.visibility = "hidden";  
      document.getElementById(this_id2).style.display = "none";  
    }
  }
}

// This is a javascript handler for the player and is always needed.
function thisMovie(movieName) {
    if(navigator.appName.indexOf("Microsoft") != -1) {
		return window[movieName];
	} else {
		return document[movieName];
	}
}

function stopAllVideos(prm) {
	if(document.getElementById('video_layer_1')){
		document.getElementById('video_layer_1').innerHTML = '';
	}
/*	for (i = 1; i <= total_videos; i++) {
		var movie_name = "mpl"+i;
		alert(thisMovie(movie_name));
  		thisMovie(movie_name).sendEvent('stop',prm);
    }
*/
}

function changeAudio(audio_id)
{
  current_audio = audio_id;

  stopAllVideos();

  hideAllAudioLayers();
  hideAllAudioSubtitleLayers();
  
  hideAllVideoLayers();
  hideAllVideoSubtitleLayers();
  
  document.getElementById("audio_navi").style.visibility = "visible";  
  document.getElementById("audio_navi").style.display = "block";  
  
  var audio_nr = "audio_layer_" + audio_id;
  document.getElementById(audio_nr).style.visibility = "visible";
  document.getElementById(audio_nr).style.display = "block";  

  var audio_nr2 = "player" + audio_id;
  document.getElementById(audio_nr2).style.visibility = "visible";
  document.getElementById(audio_nr2).style.display = "block";  

  var audio_nr3 = "audio_subtitle_" + audio_id;
  document.getElementById(audio_nr3).style.visibility = "visible";



  // Führende Nullen
  if (total_audios < 10) 
    padded_total_audios = "0" + total_audios;
  else
    padded_total_audios = total_audios;
  
  if (audio_id < 10) 
    padded_audio_id = "0" + audio_id;
  else
    padded_audio_id = audio_id;

  // Vor- und Zurück-Buttons Links ändern
  var nextAudioId = audio_id + 1;
  var prevAudioId = audio_id - 1;
  
  var Neu = "";

  // Prev Links 
  if (prevAudioId == 0)
    Neu += '<img src="images/pfeil_links_audio_inact.gif" />';
  else
    Neu += '<a href="javascript:;" onClick="changeAudio(' + prevAudioId + ')"><img src="images/pfeil_links_audio_act.gif" /></a>';
 
  // Next Links
  if (nextAudioId > total_audios)
    Neu += '<img src="images/pfeil_rechts_audio_inact.gif" />';
  else
    Neu += '<a href="javascript:;" onClick="changeAudio('+ nextAudioId + ')"><img src="images/pfeil_rechts_audio_act.gif" /></a>';
 
  // Nummern
  Neu += '<img src="images/txt_nummer' + padded_audio_id + '.gif" /><img src="images/txt_slash.gif" /><img src="images/txt_nummer' + padded_total_audios + '.gif" />';

  Neu += "<span>Audio</span>";
  
  if (total_audios == 1)
    Neu = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>Audio</span>";
  
  document.getElementById('audio_navi').innerHTML = Neu;
  
  if (!isImageLayer && !isGlossarLayer) {
	isVideoLayer = false;
	changeImage(current_image);  
  }
}

function changeImage(image_id)
{
  stopAllVideos();
  
  current_image = image_id;
  isImageLayer = true;

  document.getElementById('image_container').style.visibility = "visible";
  document.getElementById('glossar_container').style.visibility = "hidden";
  document.getElementById('video_container').style.visibility = "hidden";
  
  // Führende Nullen
  if (et < 10) 
    padded_et = "0" + et;
  else
    padded_et = et;
    
  if (er < 10) 
    padded_er = "0" + er;
  else
    padded_er = er;
    
  if (total_images < 10) 
    padded_total_images = "0" + total_images;
  else
    padded_total_images = total_images;
  
  if (image_id < 10) 
    padded_image_id = "0" + image_id;
  else
    padded_image_id = image_id;
  
  
  // Vor- und Zurück-Buttons Links ändern
  var nextImageId = image_id + 1;
  var prevImageId = image_id - 1;

  if (total_images > 1)
  {
  var Neu = '<span class="fl">';


  // Prev Links 
  if (prevImageId == 0)
    Neu += '<img src="images/pfeil_links_galerie_inact.gif" />';
  else
    Neu += '<a href="javascript:;" onClick="changeImage(' + prevImageId + ')"><img src="images/pfeil_links_galerie_act.gif" /></a>';
 
  // Next Links
  if (nextImageId > total_images)
    Neu += '<img src="images/pfeil_rechts_galerie_inact.gif" />';
  else
    Neu += '<a href="javascript:;" onClick="changeImage('+ nextImageId + ')"><img src="images/pfeil_rechts_galerie_act.gif" /></a>';
 
  // Nummern
  Neu += '<img src="images/txt_nummer' + padded_image_id + '.gif" /><img src="images/txt_slash.gif" /><img src="images/txt_nummer' + padded_total_images + '.gif" /></span><span class="fr"><strong>Galerie</strong></span><br class="clear_both" />';

  }
  else
    var Neu = '<span class="fl"></span><span class="fr"><strong>Galerie</strong></span><br class="clear_both" />';
  

  var new_src = 'images/img_' + padded_et + '_' + padded_er + '_' + padded_image_id + '.jpg';
  
  //document.getElementById('galerie_image_src').src = new_src;

  // Alle anderen ausblenden
  for (i = 1; i <= total_images; i++)
  {
    var image_div = "image_single_" + i;
    document.getElementById(image_div).style.visibility = "hidden";
  }

  
  // Zeige images div
  var image_div = "image_single_" + image_id;
  document.getElementById(image_div).style.visibility = "visible";



  document.getElementById('er_rechts_navi').innerHTML = Neu;

  // Subtitles
  hideAllSubtitleLayers();
  var subtitle_nr = "image_subtitle_" + image_id;
  document.getElementById(subtitle_nr).style.visibility = "visible";

  hideAllGlossarLayers();
  hideAllVideoLayers();
  hideAllVideoSubtitleLayers();

  if (isVideoLayer) {
  	changeAudio(current_audio);
  }
  
  isVideoLayer = false;
  isGlossarLayer = false;
}

function changeVideo(video_id)
{
  isVideoLayer = true;
  stopAllVideos();

  document.getElementById('video_container').style.visibility = "visible";
  document.getElementById('glossar_container').style.visibility = "hidden";
  document.getElementById('image_container').style.visibility = "hidden";
  
  // Führende Nullen
  if (et < 10) 
    padded_et = "0" + et;
  else
    padded_et = et;
    
  if (er < 10) 
    padded_er = "0" + er;
  else
    padded_er = er;
    
  if (total_images < 10) 
    padded_total_videos = "0" + total_videos;
  else
    padded_total_videos = total_images;
  
  if (video_id < 10) 
    padded_video_id = "0" + video_id;
  else
    padded_video_id = video_id;
  
  
  // Vor- und Zurück-Buttons Links ändern
  var nextVideoId = video_id + 1;
  var prevVideoId = video_id - 1;

  if (total_videos > 1)
  {
  var Neu = '<span class="fl">';


  // Prev Links 
  if (prevVideoId == 0)
    Neu += '<img src="images/pfeil_links_video_inact.gif" />';
  else
    Neu += '<a href="javascript:;" onClick="changeVideo(' + prevVideoId + ')"><img src="images/pfeil_links_video_act.gif" /></a>';
 
  // Next Links
  if (nextVideoId > total_videos)
    Neu += '<img src="images/pfeil_rechts_video_inact.gif" />';
  else
    Neu += '<a href="javascript:;" onClick="changeVideo('+ nextVideoId + ')"><img src="images/pfeil_rechts_video_act.gif" /></a>';
 
  // Nummern
  Neu += '<img src="images/txt_nummer' + padded_video_id + '.gif" /><img src="images/txt_slash.gif" /><img src="images/txt_nummer' + padded_total_videos + '.gif" /></span><span class="fr"><strong>Videos</strong></span><br class="clear_both" />';

  }
  else
    var Neu = '<span class="fl"></span><span class="fr"><strong>Videos</strong></span><br class="clear_both" />';
  

  //var new_src = 'images/img_' + padded_et + '_' + padded_er + '_' + padded_image_id + '.jpg';
  
  //document.getElementById('galerie_image_src').src = new_src;

  // Alle anderen ausblenden
  for (i = 1; i <= total_videos; i++)
  {
    var video_div = "video_layer_" + i;
    document.getElementById(video_div).style.visibility = "hidden";
  }

  
  // Zeige video div
  var video_div = "video_layer_1";// + video_id;
  document.getElementById(video_div).style.visibility = "visible";
	eval('showVideo'+video_id+'(video_div)');
 // set new navigation
  document.getElementById('er_rechts_navi').innerHTML = Neu;

  // Subtitles
  hideAllSubtitleLayers();
  hideAllVideoSubtitleLayers();
  
  var subtitle_nr = "video_subtitle_" + video_id;
  document.getElementById(subtitle_nr).style.visibility = "visible";

  hideAllGlossarLayers();
  hideAllImageLayers();
  
  hideAllAudioLayers();
  hideAllAudioSubtitleLayers();

  isImageLayer = false;
  isGlossarLayer = false;
}

function hideAllSubtitleLayers()
{
  for (var x = 1; x <= total_images; x++)
  {
    tmp = "image_subtitle_" + x;
    if (document.getElementById(tmp)) {
	    document.getElementById(tmp).style.visibility = "hidden";
	}
  }
}

function hideAllVideoSubtitleLayers()
{
  for (var x = 1; x <= total_videos; x++)
  {
    tmp = "video_subtitle_" + x;
    if (document.getElementById(tmp)) {
	    document.getElementById(tmp).style.visibility = "hidden";
	}
  }
}

function hideAllVideoLayers()
{
  for (var x = 1; x <= total_videos; x++)
  {
    tmp = "video_layer_" + x;
    if (document.getElementById(tmp)) {
	    document.getElementById(tmp).style.visibility = "hidden";
	}
  }
}


function hideAllAudioSubtitleLayers()
{
  for (var x = 1; x <= total_audios; x++)
  {
    tmp = "audio_subtitle_" + x;
    document.getElementById(tmp).style.visibility = "hidden";
  }
}



function showStartLayer(id)
{
  var this_id = "start_et_0" + id ;
  var this_id_content = "start_et_0" + id + "_content";
  document.getElementById(this_id).style.backgroundColor = "#FFB001";  
  document.getElementById(this_id_content).style.visibility = "visible";
  document.getElementById(this_id_content).style.backgroundImage = "url(images/nav_start_et0" + id + "_hi.gif)";
}

function hideStartLayer(id)
{
  var this_id = "start_et_0" + id ;
  var this_id_content = "start_et_0" + id + "_content";
  document.getElementById(this_id).style.backgroundColor = "transparent";
  
  document.getElementById(this_id_content).style.visibility = "hidden";
}


function showGlossarLayer(id)
{
  stopAllVideos();
  
  isGlossarLayer = true;

  hideAllGlossarLayers();
  hideAllSubtitleLayers();
  hideAllImageLayers();
  hideAllVideoLayers();
  hideAllVideoSubtitleLayers();
  
  var this_id = "glossar_" + id ;

  document.getElementById(this_id).style.visibility = "visible";
  document.getElementById('er_rechts_navi').innerHTML = '<strong style="float: right;">Glossar</strong>';

  document.getElementById('image_container').style.visibility = "hidden";
  document.getElementById('glossar_container').style.visibility = "visible";
  
  document.getElementById(this_id).style.visibility = "visible";
  
  if (isVideoLayer) {
  	changeAudio(current_audio);
  }
  
  isVideoLayer = false;
  isImageLayer = false;
}

function hideAllGlossarLayers()
{
  if (glossar_id_array.length > 0)
  {
    for (var i = 0; i < glossar_id_array.length; ++i)
    {
      this_id = "glossar_" + glossar_id_array[i] ;
      if(document.getElementById(this_id))
        document.getElementById(this_id).style.visibility = "hidden";  
    }
  }
}

function hideAllImageLayers()
{
  if (total_images > 0)
  {
    for (var i = 1; i <= total_images; ++i)
    {
      this_id = "image_single_" + i;
      if(document.getElementById(this_id))
        document.getElementById(this_id).style.visibility = "hidden";  
    }
  }
}


function doNothing()
{
  var l = "a";
}


function init()
{
  hideAllLayers();
  
  if (document.getElementById('texte_container'))
    document.getElementById('texte_container').style.visibility = "visible";
    
  if (document.getElementById('text_page_1'))
    document.getElementById('text_page_1').style.visibility = "visible";
  hideAllSubtitleLayers();
  hideAllAudioSubtitleLayers();
  if (total_images > 0)
  {
    hideAllVideoLayers;
    hideAllVideoSubtitleLayers();
    if (document.getElementById('image_subtitle_1'))
      document.getElementById('image_subtitle_1').style.visibility = "visible";
    hideAllImageLayers();
    if (document.getElementById('image_single_1'))
      document.getElementById('image_single_1').style.visibility = "visible";     
  }
  
  if (total_audios > 0)
    document.getElementById('audio_subtitle_1').style.visibility = "visible";
    
  if (zeige_kommentare == 'true') {
  	  showKommentareLayer();
  }
}

function changeFlashLayer(action)
{
  if (action == "on")
  {
    document.getElementById('flashcontent').style.width = "988px";
    document.getElementById('flashcontent').style.right = "0px";
  }
  else
  {
    document.getElementById('flashcontent').style.width = "111px";      
    document.getElementById('flashcontent').style.right = "877px";  
  }
}


function showKommentarAbgebenLayer()
{
  hideAllLayers();
  Neu = '';
  document.getElementById('navi_text').innerHTML = Neu;
  Neu2 = '<a href="#" onClick="showLayer(1);"><img src="images/txt_zurueck_zum_text.gif" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:;" onClick="showKommentareLayer()"><img src="images/txt_kommentare_lesen.gif" /></a>';
  document.getElementById('kommentar_navi').innerHTML = Neu2;
  document.getElementById('kommentar_abgeben_container').style.visibility = "visible";
  
  
}

//
// counter für die Textareas
//

// globale Zählervariable
var charsToGo;

function charCounter(charInputSrcName, maxCharCount, outputTargetName) {

   // Zugriffsvariablen festlegen
   var charInputSrc = document.getElementById(charInputSrcName);
   var outputTargetSrc = document.getElementById(outputTargetName);

   if (charInputSrc != null) {
      // Länge des Feldinhaltes prüfen
      if (charInputSrc.value.length <= maxCharCount) {
         // Anzahl Restzeichen berechnen und Zeichenanzeige aktualisieren
         charsToGo = maxCharCount - charInputSrc.value.length;
         outputTargetSrc.innerHTML = '(' + charsToGo + '&nbsp;Zeichen)';
      }
      else
         // Eingegebenes Zeichen wieder abschneiden
         charInputSrc.value = charInputSrc.value.substring(0, maxCharCount);
         charsToGo = maxCharCount - charInputSrc.value.length;
      }
}

function counterOutput(charInputSrcName, maxCharCount, outputTargetName)
{
   // Zugriffsvariablen festlegen
   var charInputSrc = document.getElementById(charInputSrcName);

   // globale Variable prüfen
   if (charsToGo == null) {
      // Ausgabewert berechnen
      charsCount = maxCharCount - charInputSrc.value.length; }
   else
      // Ausgabefeld initialisieren
      charsCount = charsToGo;
         document.write('<span name=\"'
            + outputTargetName + '\" id=\"' + outputTargetName +'\">('
            + charsCount + '&nbsp;Zeichen)</span>');
}


function showKommentareLayer()
{
	hideAllLayers();
	
	if (total_kommentar_pages > 0)
	{
		changeKommentarPage(1);
	}
	else
	{
		document.getElementById('navi_text').innerHTML = "";
	}
	
	if (document.getElementById('kommentar_container'))
  		document.getElementById('kommentar_container').style.visibility = "visible";
  	if (document.getElementById('kommentar_gesendet'))
  		document.getElementById('kommentar_gesendet').style.visibility = "hidden";
}

function pad_str(zahl)
{
	if (zahl < 10)
		return "0" + zahl;
	else
		return "" + zahl;
}

function hideAllKommentarPages()
{
	for (var i = 1; i <= total_kommentar_pages; i++)
    {
      this_id = "kommentar_page_" + i;
      document.getElementById(this_id).style.visibility = "hidden";  
    }
}

function showKommentar(id)
{
	document.getElementById("kommentar_page_" + id).style.visibility = "visible";
}

function changeKommentarPage(kommentar_page)
{
	var nextPageId = kommentar_page + 1;
  	var prevPageId = kommentar_page - 1;
  
  	var Neu = "";

	padded_page = pad_str(kommentar_page);
	padded_total_pages = pad_str(total_kommentar_pages);
  
  	// Prev Links 
  	if (prevPageId == 0)
    	Neu += '<img src="images/pfeil_links_galerie_inact.gif" />';
  	else
    	Neu += '<a href="javascript:;" onClick="changeKommentarPage(' + prevPageId + ')"><img src="images/pfeil_links_galerie_act.gif" /></a>';
 
  	// Next Links
  	if (nextPageId > total_kommentar_pages)
    	Neu += '<img src="images/pfeil_rechts_galerie_inact.gif" />';
  	else
    	Neu += '<a href="javascript:;" onClick="changeKommentarPage('+ nextPageId + ')"><img src="images/pfeil_rechts_galerie_act.gif" /></a>';
 
 	// Nummern
  	Neu += '<img src="images/txt_nummer' + padded_page + '.gif" /><img src="images/txt_slash.gif" /><img src="images/txt_nummer' + padded_total_pages + '.gif" />';

	// navi updaten
  	document.getElementById('navi_text').innerHTML = Neu;
  	
  	// kommentarseite einblenden
  	hideAllKommentarPages();
  	showKommentar(kommentar_page);
 }

function changeKommentarHeadlines(widget, et, index, er, num, str) {
	changeHeadlines2(et, index, er, num, str);
	//alert(str);
	if (str == 'on') {
		widget.style.backgroundColor = '#1defec';
		widget.style.fontWeight = "bold";
	} else {
		widget.style.fontWeight = "normal";
		widget.style.backgroundColor = "#FFFFFF";
	}
}

function changeHeadlines2(new_et_id, old_et_id, new_er_id, old_er_id, action)
{

  // Führende Nullen
  if (new_er_id < 10) 
    padded_new_er_id = "0" + new_er_id;
  else
    padded_new_er_id = new_er_id;

  // Führende Nullen
  if (old_er_id < 10) 
    padded_old_er_id = "0" + old_er_id;
  else
    padded_old_er_id = old_er_id;


    if (action == "on")
    {
      changeTopNaviLayer(new_et_id,'on');
      if (new_er_id > 0)
        changeTopNaviLayer2(new_er_id,'on');
    }
    else
    {
      changeTopNaviLayer(new_et_id,'off');
      if (new_er_id > 0)
        changeTopNaviLayer2(new_er_id,'off');
    }
}

function openKommentare(ereig) {
	
	window.location.href = "index.php?er="+ereig+"&comments=true";
	
}