$(document).ready(function()
{    
    // hauptnavigation
    $("ul#navigation").mouseleave(
        function()
        {
            $("ul#navigation").fadeOut(300);
            $(this).find("img.hover").fadeOut(0);
        }
    );
    $("h1#title").mouseover(
        function() 
        {
            $(this).find("img.hover").fadeOut(0);
            $("ul#navigation").fadeIn(300);
        }
    );
    $("li.nav").hover(
        function () { $(this).find("img.hover").fadeIn(50); },
        function () { $(this).find("img.hover").fadeOut(50); }
    );

    // Subnavigation tool "submenu" ------------------------------
    $("ul#subnav1 li.snav").click(
        function()
        {
            // hash/anker für unterseite setzen
            window.location.hash = $(this).data("name");

            // bildlegende ausblenden
            $("div#legende").find("div").fadeOut(50);

            // alter subnavipunkt deaktivieren
            $("ul#subnav1").find("img.activ").fadeOut(50);

            // neuer navipunkt aktivieren
            $(this).find("img.activ").fadeIn(50);

            // unterseite laden
            var path = $("ul#subnav1").data("info").name+"/"+$(this).data("name");
            loadLeft(path, $("ul#subnav1").data("info").lang);
        }
    );
    
    // laden der seite nach hash/anker
    if(window.location.hash.length > 1)
    {
        // beim tool submenu wird nur linke seite ausgewechselt
        if(window.submenu!=undefined)
        {
            var nhash = window.location.hash.substring(1);
            if(jQuery.inArray(nhash, submenu)>-1)
            {
                // bildlegende ausblenden
                $("div#legende").find("div").fadeOut(50);

                // aktiver knopf einblenden
                $("li#li"+nhash).find("img.activ").fadeIn(50);

                // linker inhalt ladeb
                loadLeft($("ul#subnav1").data("info").name+"/"+nhash, $("ul#subnav1").data("info").lang);
            }
        }
    }
    
    // Subnavigation tool "gallery"
    $("ul#subnav2 li.snav").click(
        function()
        {
            // alter subnavipunkt deaktivieren
            $("ul#subnav2").find("img.activ").fadeOut(50);

            // neuer navipunkt aktivieren
            $(this).find("img.activ").fadeIn(50);

            // arrayindex ausfindig machen
            var key  = $(this).attr('id');

            // hash/anker für unterseite setzen
            window.location.hash = gallery['gals'][key];

            var path = gallery['info']['name']+"/"+gallery['gals'][key];
            loadGallery(path, gallery['info']['lang']);
        }
    );
    if(window.gallery!=undefined)
    {
        var ghash = "li"+window.location.hash.substring(1);
        if(gallery['gals'][ghash]!=undefined)
        {
            $("#li"+gallery['gals'][ghash]).find("img.activ").fadeIn(50);
            var npath = gallery['info']['name']+"/"+gallery['gals'][ghash];
            loadGallery(npath, gallery['info']['lang']);
        }
        else
        {
            var tmp   = new Array;
            for(i in gallery['gals'] ) { tmp.push(gallery['gals'][i]); }
            // neuer navipunkt aktivieren
            $("#li"+tmp[0]).find("img.activ").fadeIn(50);
            var npath = gallery['info']['name']+"/"+tmp[0];
            loadGallery(npath, gallery['info']['lang']);
        }
    }

    // alle subnavis --------------------------------------------
    $("li.snav").hover(
        function () { $(this).find("img.hover").fadeIn(50); },
        function () { $(this).find("img.hover").fadeOut(50); }
    );

    // thumb navigation ------------------------------------------
    $("div.thumbs img").click(
        function()
        {
            $("div#leftcontent").empty();
            // ausnahme für tool "submenu"
            if(document.getElementById('subnav1')!=undefined)
            {
                $("ul#subnav1").find("img.activ").fadeOut(50);
                window.location.hash = "#";

                // legende ein/ausblenden
                $("div#legende").find("div").fadeOut(50);
                var nlegende = $(this).data('txt');
                $("div#"+nlegende).fadeIn(50);
            }
            var img = "<div id='leftcontent'><img id='bigImg' src='"+$(this).data('big')+"'  alt='grosses Bild' /></div>";
            $("div#leftcontent").replaceWith(img);
            
        }
    );
});

// linke seite inhalt laden für tool "submenu"
function loadLeft(id, lang)
{
    $("div#leftcontent").load("custom/php/page.php?id="+id+"&l="+lang);
}

function loadGallery(id, lang)
{
    $("div#rightcontent").empty();
    $("div#rightcontent").load("custom/php/page.php?id="+id+"&l="+lang);
}

function loadGalleryImg(img)
{
    $("div#leftcontent").empty();
    var html = "<div id='leftcontent'><img id='bigImg' src='"+ $(img).data('big')+"'  alt='grosses Bild' /></div>";
    $("div#leftcontent").replaceWith(html);
}