var $j = jQuery.noConflict(); 
$j(document).ready(function(){


    $j('.kwicks').kwicks({  
        max : 140,
        spacing : 5,
        // sticky : true,
        // noch testen damit das jeweils aktive sticky wird...
        duration : 200
    });
    
    $j('div#prodSlider div.csc-textpic-imagecolumn').cycle({
    	fx: 'fade',
    	delay: 5000,
    	timeout: 5000,
    	next: '#next',
    	prev: '#prev'
    });
    
    $j('div#prodSlider dl.csc-textpic-image img').each(function(index,el){
    	var el = $j(el);
    	var alt = el.attr('alt');  	
    	el.parent('dt').append('<div class="imgText">'+alt+'</div>')
    });
    
    
    
    
    //blendet subtitles in der main navi aus bzw bei hover ein
        $j('#navi small').fadeTo("1", 0);
        $j('#navi li').hover(function() {
            $j(this).children('small').stop().fadeTo(200, 1);
            }, function(){
            $j(this).children('small').stop().fadeTo(200, 0);
        });
     //hauptnavi border-right aendert farbe
        $j('#navi li').hover(function(){
            $j(this).css("border-left" , "2px solid #ff8c59");
            }, function(){
            $j(this).css("border-left" , "1px solid #8B8B8B");
        });
     //subnavi   
        $j('#subnavi li.ebene1 a').hover(function(){
            $j(this).stop().animate({paddingLeft: "25px"}, 150);
            }, function(){
            $j(this).stop().animate({paddingLeft: "15px"}, 150);
            });
     //subnavi letztes li kein border       
        $j('#subnavi li:last').css({ "border-bottom":"none" });
        
        
        
        
    var schieben = "-100"
    //hoverfunktion der galerie auf der startseite
    $j('#eins').mouseover(function(){
    $j('.imgs').stop().animate({'top' : 0 }, 700);
    });
    $j('#zwei').mouseover(function(){
    $j('.imgs').stop().animate({'top' : -386 }, 700);
    });
    $j('#drei').mouseover(function(){
    $j('.imgs').stop().animate({'top' : 2 * -370 }, 700);
    });
    $j('#vier').mouseover(function(){
    $j('.imgs').stop().animate({'top' : 15.3 * schieben }, 700);
    });
    $j('#fuenf').mouseover(function(){
    $j('.imgs').stop().animate({'top' : 20.05 * schieben }, 700);
    });
   
   
   
   	
   
   
   
   
    
		Cufon.replace('ul#navi li a, div#maincontent h2,div#rightcontent h2,div#rightcontent h3');
});

