$(document).ready(function(){
    
//klappte auf der anzeigeseite rechts unten all dds bis auf das erste zu
    $("dd:not(:first)").hide();
    $("dt a").click(function(){
      $("dd:visible").slideUp("slow");
      $(this).parent().next().slideDown("slow");
      return false;
    });
    
    /*hier wird die  farbe beim klicken und hovern in der projectnavi unten ausgetauscht  (muss nur auf jeder seite mit projektnavigation eingegeben werden) */ $('.colorswitch1').click(function() {    $('#teaser1').addClass('projectactiveright');    $('img.colorswitchimage').not('#teaser1').removeClass('projectactiveright');}); $('.colorswitch2').click(function() {    $('#teaser2').addClass('projectactiveright');    $('img.colorswitchimage').not('#teaser2').removeClass('projectactiveright');}); $('.colorswitch3').click(function() {    $('#teaser3').addClass('projectactiveright');    $('img.colorswitchimage').not('#teaser3').removeClass('projectactiveright');}); $('.colorswitch4').click(function() {    $('#teaser4').addClass('projectactiveright');    $('img.colorswitchimage').not('#teaser4').removeClass('projectactiveright');}); $('.colorswitch5').click(function() {    $('#teaser5').addClass('projectactiveright');    $('img.colorswitchimage').not('#teaser5').removeClass('projectactiveright');}); $('.colorswitch6').click(function() {    $('#teaser6').addClass('projectactiveright');    $('img.colorswitchimage').not('#teaser6').removeClass('projectactiveright');});  $('.colorswitch1').hover(  function () {    $('#teaser1').addClass('projectactive');  },   function () {    $('#teaser1').removeClass('projectactive');  }); $('.colorswitch2').hover(  function () {    $('#teaser2').addClass('projectactive');  },   function () {    $('#teaser2').removeClass('projectactive');  }); $('.colorswitch3').hover(  function () {    $('#teaser3').addClass('projectactive');  },   function () {    $('#teaser3').removeClass('projectactive');  }); $('.colorswitch4').hover(  function () {    $('#teaser4').addClass('projectactive');  },   function () {    $('#teaser4').removeClass('projectactive');  }); $('.colorswitch5').hover(  function () {    $('#teaser5').addClass('projectactive');  },   function () {    $('#teaser5').removeClass('projectactive');  }); $('.colorswitch6').hover(  function () {    $('#teaser6').addClass('projectactive');  },   function () {    $('#teaser6').removeClass('projectactive');  });        
     $('.projectthumb').click(function() {
    $('#loadpic img:first').remove();
    $('#loadpic').append('<img src="'+($(this).attr("src").replace(/85_85_cut/,"540_190_cut"))+'" alt="" />');
}); 
    
    
  });