var $j = jQuery.noConflict();

$j(function() {

// Change active Navi-Link to Anchor

        $j('li.active>a').attr('href', function(i,val) {
        return val + '#topAnchor';
        });

//smooth scrolling 2

   //Grundfunktion, welche die vorhandenen Anker langsam scrollt (zusammen mit JQuery jquery.easing.1.3.js)
        // catch all clicks on a tags
        $j("a").click(function() {
            // check if has hash
            if(this.hash) {
                // get rid of the # sign
                 var hash = this.hash.substr(1);

                // get the position of the <a name="">
                var $toElement = $j("a[id="+hash+"]");
                var toPosition = $toElement.position().top-260;
         
                // scroll/animate to that element
                $j("body,html").animate({
                    scrollTop : toPosition
                },1400,"easeOutExpo");

                // #Anker in der Adressleiste setzen
                $j(window).hashchange(function() { updateState(location.hash) });
                updateState(location.hash)
                // don't do the jump
                return false;
            }
             
        });

  //Abfangen von direkten deeplinks mit #-Anker und animieren an dieses Stelle.	
  if(location.hash) {       

            //alert( $j("body")[0].scrollTop );
            window.scroll(0,$j("body")[0].scrollTop);
            var hash = location.hash.substring(1);

                //hier müsste eigentlich ein function-call à la 
                //$j("a[href="+hash+"]").click(); (oben erzeugte Funktion) stehen, das klappt
                // aber nicht, deshalb die Kopie des obigen Codes.
                // get the position of the <a name="">
                var $toElement = $j("a[id="+hash+"]");
                var toPosition = $toElement.position().top-280;
         
                // scroll/animate to that element
                $j("body,html").animate({
                    scrollTop : toPosition
                },1400,"easeOutExpo");              

                // don't do the jump
                //return false;
  }
//END smooth scrolling 2


// Toggle Search Field

  $j("#search").hide(); 

  $j("img.lupe").click(function(){
        $j("#search").toggle("slow");
	$j("#search").focus();
	$j("a.lupenLink").toggle("slow");
	return false;
  });





// Gallery Slider

	// initialize scrollable
	$j(".scrollable").scrollable({easing: 'easeOutExpo', speed: 1000, circular: false});            

//Fade-in, Fade-out bei link-click

  //Funktion zum einblenden
    $j("#main,#footer").css("display", "none");
    $j("#main,#footer").fadeIn(600);
    $j("#main,#footer").css("display", "inline");
  
  //Funktion zum einsliden
    //$j("#main,#footer").css("display", "none");
    //$j("#main,#footer").slideDown(900);
    //$j("#main,#footer").css("display", "inline");

  //Funktion zum ausblenden, resp. -sliden
     $j(".hlist a").click(function(event){
        event.preventDefault();
        linkLocation = this.href;

   //ausblenden
        $j("#main,#footer").fadeOut(400, redirectPage);

   //aussliden
     //   $j("#main,#footer").slideUp('slow', redirectPage);
     //   document.getElementById("main").style.display = "block";
    });
 
    function redirectPage() {
        window.location = linkLocation;
    }



//ScrollHighlighting: aktuelle Unternavigation (Anker) highlighten

$j(window).scroll(function () {
  var inview = '#' + $j('#main > a:in-viewport:first').attr('id'), //Jquery-Plugin Viewport; Anker im sichtbaren Bereich
      $link = $j('ul li ul li a').filter('[hash=' + inview + ']'); //Filtern der Anker im Untermenu

  if ($link.length && !$link.is('.strich')) { // falls vorhanden und ohne Class "strich"
    $j('ul li ul li a').removeClass('strich');
    $link.addClass('strich');    
  }
 if (inview == "#topAnchor"){  //falls topAnchor: class entfernen
    $j('ul li ul li a').removeClass('strich');
  }
});


 //End Ready function Tag 
});