//Uitvoeren als pagina beschikbaar
$(document).ready(function()
{
  /** ----------------------------------------------------------------------------------------------------------
   * Mouseover en mouseout van figuurtabs activeren, allereerst een specifiek id aan cijferstab image geven
   * op basis van positie op pagina en vervolgens aan de anchor er omheen een mouseover en mouseout event
   * koppelen
  ------------------------------------------------------------------------------------------------------------ */
  //Toevoegen van id aan figuurdata tabs
  $("img.cijferstab").each(function(i) {
    $(this).attr("id","cijferstab"+i);
  });
  
  $("img.linktab").each(function(i) {
    $(this).attr("id","linktab"+i);
  });
  
  
  //Toevoegen van id en mouseover en mouseout aan figuurdata tabs
  $("a.cijferstablink").each(function(i) {
    $(this).mouseover(function(){
      $("#cijferstab"+i).attr("src","../images/nl/pagina_cijfers_over.jpg");
    });
    $(this).mouseout(function(){
      $("#cijferstab"+i).attr("src","../images/nl/pagina_cijfers.jpg");
    });
  });
  
  //Toevoegen van id en mouseover en mouseout aan figuurlink tab
  $("a.figuurtablink").each(function(i) {
    $(this).mouseover(function(){
      $("#linktab"+i).attr("src","../images/nl/pagina_figuurlink_over.jpg");
    });
    $(this).mouseout(function(){
      $("#linktab"+i).attr("src","../images/nl/pagina_figuurlink.jpg");
    });
  });
  
  /** ----------------------------------------------------------------------------------------------------------
   * Figuurgroepleden verbergen muv de eerste en alle leden voorzien van besturing
  ------------------------------------------------------------------------------------------------------------ */
  //Alle leden verbergen en eerste tonen
  $("div.figuurgroeplid").slice(1).hide();
  
  //Verzamelen alle li uit de verschillende figuren
  var listelements = $("li.listelement");
  
  //Leegmaken alle tablijsten en weer vullen met alle listelementen
  $("ul.tablijst").empty();
  $("ul.tablijst").append(listelements);
  
	//Loop door figuurgroepleden om classes te verwijderen en toe te voegen
	//en om click event toe te voegen
  $("ul.tablijst").each(function(figuur)
  {
  	//Loop door listelements in tablijst
  	$(this).children().each(function(tab)
  	{
  		//Aanpassen listelements voor figuur
  		if (figuur==tab) {
  			$(this).removeClass("listelement");
  			$(this).addClass("geselecteerd");
  		}
  		else {
  			$(this).removeClass("listelement");
  			$(this).addClass("actief");
  			$(this).click(function(){toonFiguur('figuur-'+(tab+1))});
  		}
  	});
  });
  
  /**
   * Achtergrondinfo omvormen tot tabjes
   * - alle verbergen en eerste tonen
   * - tabjes opbouwen
   * <li id="active"><a href="javascript: alert('yes');" id="current">Referenties en relevante info</a></li>
   * <li><a href="">Technische toelichting</a></li>
   * <li><a href="">Archief</a></li>
   */
  $("#achtergrondinformatie ul#achtergrondinfolijst").empty();
//  $("div.achtergrondinfo_lid").slice(1).hide();
  $("div.achtergrondinfo_lid").slice(1).addClass("tabhidden");
  $("div.achtergrondinfo_lid span.tabtekst").each(function(i)
  {
    //Initiele situatie
    if (i==0) {
      $("#achtergrondinformatie ul#achtergrondinfolijst").append("<li><a href=\"#\" onclick=\"showAchtergrondTab('"+$("div.achtergrondinfo_lid").slice(i).attr('id')+"',"+i+"); return false;\" class=\"current\">"+$(this).text()+"</a></li>")
    }
    else {
      $("#achtergrondinformatie ul#achtergrondinfolijst").append("<li><a href=\"#\" onclick=\"showAchtergrondTab('"+$("div.achtergrondinfo_lid").slice(i).attr('id')+"',"+i+"); return false;\">"+$(this).text()+"</a></li>")
    }
  });
  $("div.achtergrondinfo_lid span.tabtekst").hide();
  
});

/** ----------------------------------------------------------------------------------------------------------
 * zichtbaar figuurgroeplid verbergen en de geselecteerde tonen
------------------------------------------------------------------------------------------------------------ */
function toonFiguur(id) {
	//alert(id);
  $("div.figuurgroeplid:visible").hide();
  $("div#"+id).show();
}

/**
 * Wisselen van tabs en dit registreren bij Nedstat
 */
function showAchtergrondTab(id,i) {
  // $("div.achtergrondinfo_lid:visible").hide();
  $("div.achtergrondinfo_lid:visible").addClass("tabhidden");
  // $("div#"+id).show();
  $("div#"+id).removeClass("tabhidden");
  $("#achtergrondinformatie ul#achtergrondinfolijst li a.current").removeClass("current");
  $("ul#achtergrondinfolijst li a").eq(i).addClass("current");
  ss('achtergrondinfotab.'+id);
}