var J = jQuery.noConflict();

jQuery.fn.delay = function(time, func){
    this.each(function(){
        setTimeout(func, time);
    });
    
    return this;
};


J(document).ready(function(){


    J('.navilink').hover(function(){
        J('> ul', this).fadeIn("fast");
        J(this).addClass('navilinkaktiv');
    }, function(){
        J('> ul', this).fadeOut("fast");
        var element = this;
        J(element).removeClass('navilinkaktiv');
    });
    
    J('.navilinkaktiv').hover(function(){
        J('> ul', this).fadeIn("fast");
        J(this).addClass('navilinkaktiv');
    }, function(){
        J('> ul', this).fadeOut("fast");
        var element = this;
    });



      J('.subnavilink').hover(function(){
        J('> ul', this).fadeIn("fast");
        J(this).addClass('subnavilinkaktiv');
    }, function(){
        J('> ul', this).fadeOut("fast");
        var element = this;
        J(element).removeClass('subnavilinkaktiv');
    });
    
      J('.subnavilinkaktiv').hover(function(){
        J('> ul', this).fadeIn("fast");
        J(this).addClass('subnavilinkaktiv');
    }, function(){
        J('> ul', this).fadeOut("fast");
        var element = this;
    });



      J('.subnavilink-1').hover(function(){
        J('> ul', this).fadeIn("fast");
        J(this).addClass('subnavilinkaktiv-1');
    }, function(){
        J('> ul', this).fadeOut("fast");
        var element = this;
        J(element).removeClass('subnavilinkaktiv-1');
    });  
    
      J('.subnavilinkaktiv-1').hover(function(){
        J('> ul', this).fadeIn("fast");
        J(this).addClass('subnavilinkaktiv-1');
    }, function(){
        J('> ul', this).fadeOut("fast");
        var element = this;
    });  
            

  	J("div.scrollable").scrollable({
		size: 1,
		prev: ".pfeil-links",
		next: ".pfeil-rechts"
	}); 
})