var g_weiter;
var g_anz_staedte;
var g_anz_staedte_pro_spalte;
var g_list1_html_start;
var g_list2_html_start;
var tooltip_timeout;

function zeige_stadt(stadt_bildname) // over
{
 if(tooltip_timeout) clearTimeout(tooltip_timeout);
 
  var bg_image = document.getElementById("bg_image"); 
  bg_image.style.backgroundImage="url(http://www.rheinschiene-aktuell.de/medien/staedtebilder/" + stadt_bildname + ")";
 

}


function zeige_defaultstadt() // out
{
  tooltip_timeout = setTimeout(function() {zeige_defaultstadt_jetztaber();},1000); return false;
 
}

function zeige_defaultstadt_jetztaber() // over
{
 var bg_image = document.getElementById("bg_image"); 
 bg_image.style.backgroundImage="url(http://www.rheinschiene-aktuell.de/medien/staedtebilder/bg_staedte.jpg)";
}

function init_staedte(zurueck_zustand,weiter_zustand,anz_staedte,anz_staedte_pro_spalte)
{
 init_pfeile(zurueck_zustand,weiter_zustand);
  
 g_weiter=-1;
 g_anz_staedte=anz_staedte;
 g_anz_staedte_pro_spalte=anz_staedte_pro_spalte;
 g_list1_html_start = document.getElementById("staedte_liste1").innerHTML;
 g_list2_html_start = document.getElementById("staedte_liste2").innerHTML;
 
}

function init_pfeile(zurueck_zustand,weiter_zustand)
{
 
 var zurueck = document.getElementById("staedteliste_zurueck_pfeil");
 if (zurueck_zustand==0)
   zurueck.style.display="none"; // aus!
 else
  zurueck.style.display="block"; // ein!
  
 var weiter = document.getElementById("staedteliste_weiter_pfeil");
 if (weiter_zustand==0)
   weiter.style.display="none"; // blende 1 aus!
 else
  weiter.style.display="block"; // ein!

 
}

function staedteliste_weiter()
{
 g_weiter++;

 // 1. innerHTML wechseln
 var staedte_liste1 = document.getElementById("staedte_liste1");
 var staedte_liste2 = document.getElementById("staedte_liste2");
 

 var hidden_links = document.getElementById(g_weiter*2);
 staedte_liste1.innerHTML=hidden_links.innerHTML;
  
 var hidden_rechts = document.getElementById(g_weiter*2+1);
 if (hidden_rechts!=null)
   staedte_liste2.innerHTML=hidden_rechts.innerHTML;
 else
   staedte_liste2.innerHTML="";
 
 // 2. knoepf an/aus
 var weiter_zustand; 
 weiter_zustand=0;
 //alert("g_weiter="+g_weiter);
 //alert("g_anz_staedte="+g_anz_staedte);
 //alert("g_anz_staedte_pro_spalte="+g_anz_staedte_pro_spalte);
 if (g_anz_staedte >= ((g_weiter+2)*2*g_anz_staedte_pro_spalte) )
   {
    //alert ("weiter an!");
    weiter_zustand=1;
   } 
 init_pfeile(1,weiter_zustand);
}

function staedteliste_zurueck()
{
 g_weiter--;

 // 1. innerHTML wechseln
 var staedte_liste1 = document.getElementById("staedte_liste1");
 var staedte_liste2 = document.getElementById("staedte_liste2");
 
 if (g_weiter>-1)
   {
    var hidden_links = document.getElementById((g_weiter)*2);
    var hidden_rechts = document.getElementById((g_weiter)*2+1);
    staedte_liste1.innerHTML=hidden_links.innerHTML;
    staedte_liste2.innerHTML=hidden_rechts.innerHTML;
 
   }
 else
  {
    staedte_liste1.innerHTML=g_list1_html_start;
    staedte_liste2.innerHTML=g_list2_html_start;
  }

 
 
 // 2. knoepf an/aus
 var zurueck_zustand;
 
 zurueck_zustand=1;
 //alert("g_weiter="+g_weiter);
 //alert("g_anz_staedte="+g_anz_staedte);
 //alert("g_anz_staedte_pro_spalte="+g_anz_staedte_pro_spalte);
 if (g_weiter< 0 )
   zurueck_zustand=0;
   
 init_pfeile(zurueck_zustand,1);
}
