function show(){
     $("#togglebox").slideToggle();
     $("#arrowshow").slideToggle();
 }
 
 function hide(){
     $("#togglebox").slideToggle();
     $("#arrowshow").slideToggle();
 }
 
    var oldh = 1;
    var hslide = 1;
    var hnext = 2;
    var delay = 5000;
    var foo = '';
    function autohighlight(delay) {
        setTimeout(highlightit(hnext,delay), delay);
    }
    function highlight(id,hstop){
        setTimeout(highlightit(id,hstop), 0);
    }
    function highlightit(id,hstop){
        return (function() {
            //alert('ja');
            if(hstop == 1){ hslide = 0; clearTimeout(foo); }
            if(id != oldh){
                $('#img'+oldh).fadeOut("slow");
                $('#img'+id).fadeIn("slow");
                oldh = id;
            }
            if(hslide == 1){
                if(id == hmax){ hnext = 1; }else{ hnext = id + 1; }
                foo = setTimeout(highlightit(hnext,hstop), hstop);
            }
            return false;
        })
    }
 
 sfHover = function() {
        var sfEls = document.getElementById("navi").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
            sfEls[i].onmouseover=function() {
                this.className+=" sfhover";
            }
            sfEls[i].onmouseout=function() {
                this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
            }
        }
    }

    if (window.attachEvent) window.attachEvent("onload", sfHover);