/* Menu */

 $(document).ready(function(){

    // Scrollbalken fuer FF, bzw. Mozilla erzwingen
    // (Scrollbalken in anderen nicht IE Browsern?!)
    if(!$.browser.msie)
    {
        $("html").css("height", "100%");
        $("html").css("margin-bottom", "1px");
    }


    // Inhalte verstecken
    $("#start div.toggle").css("display", "none");


    // Preload
    var images = new Array( "icon_zb_open.gif",
                            "icon_zb_closed.gif",
                            "icon_zb_arrow_r.gif",
                            "icon_zb_arrow_r_active.gif");

    for(var i = 0; i<images.length; i++)
	  {
		    $("<img>").attr("src", images[i]);
	  }


    // TODO:
    // Inhalt aller h2 in Links verpacken(?!)
    // (Bedienung per Tastatur!)


    // Ein- / Ausblenden
    $("#start h2")

    .css("background-image", "url(icon_zb_closed.gif)")
    .css("cursor", "pointer")

    .click(function ()
    {
        // Anzeige togglen
        if($(this).next("div").hasClass("togglecurrent"))
        {
            // Ausblenden
            $(this).next("div")
            .slideUp(500)
            .removeClass("togglecurrent");
            // Icon anpassen
            $(this)
            .css("background-image", "url(icon_zb_closed.gif)");
        }
        else
        {
        	  /*
            // Alle anderen content divs, die angezeigt werden, ausblenden
            $("h2").not(this).next("div")
            .removeClass("togglecurrent")
            .slideUp(500);
            
            // Icons anpassen
            $("h2").not(this)
            .css("background-image", "url(icon_zb_closed.gif)");
            */

            // Einblenden
            $(this).next("div")
            .addClass("togglecurrent")
            .slideDown(500);
            // Icon anpassen
            $(this)
            .css("background-image", "url(icon_zb_open.gif)");
        }
    });


 });