$(document).ready(function(){

  // Teaserbilder vorbereiten mit Hintergrundfarbe für Fading
  $('.teaser a').css('background-color', '#fff');
  
  // Handle Menu
  $('.categories li').hover(
    function() {  
    var selector = '.artists li:not(".' + $(this).attr("class") + '")';
    $(selector).find('a').stop().fadeTo('fast', .3);
    // fade out remote menu elements
    $(selector).find('a').stop()
    .fadeTo('fast', .3);
    debug.log('show: ', $(this).attr("class"));
    },  
    function() {
    var selector = '.artists li:not(".' + $(this).attr("class") + '")';
    $(selector).find('a').stop().fadeTo('fast', 1);
    // fade in remote menu elements
    $(selector).find('a').stop()
    .fadeTo('fast', 1);
    debug.log('hide: ', $(this).attr("class"));
    }
  );
  
  
  $('.artists li').hover(
    function() {
    // create selector for remote menu elements
    var tags = $(this).attr("class").slice(0,-1).split(' ')
    tags = $.map(tags, function (a) { return '".' + a + '"' });
    tags = tags.join(', ');
    var selector = '.categories li:not('+tags+')';
      
    // fade out remote menu elements
    $(selector).find('a').stop()
    .fadeTo('fast', .3);
    debug.log('show: ', $(this).attr("class"))
    },  
    function() {
    // create selector for remote menu elements
    var tags = $(this).attr("class").slice(0,-1).split(' ')
    tags = $.map(tags, function (a) { return '".' + a + '"' });
    tags = tags.join(', ');
    var selector = '.categories li:not('+tags+')';
    
    // fade in remote menu elements
    $(selector).find('a').stop()
    .fadeTo('fast', 1);
    debug.log('hide: ', $(this).attr("class"))
    }
  );
  
  
  //Hover Effekt auf den Teaserbildern
  $('.teaser img').hover(
    function() {
      $(this).stop().fadeTo('300', .5);
    },
    function() {
      $(this).stop().fadeTo('slow', 1);
    }
  );
  


});