window.addEvent('domready',function(){	
    new SmoothScroll({duration: 1000, fps: 30});
	});
 $(document).ready(function(){	
   $("#pr10").click(function() {
       $('.click').removeClass('click');
       $('#kreis').animate({"marginLeft": "0px",
	                        "marginTop": "0px"}, "slow");
      });
   $("#tr01").click(function() {
       $('.click').removeClass('click');
       $('#kreis').animate({"marginLeft": "0px",
	                        "marginTop": "0px"}, "slow");
      });        
   $("#pr11").click(function() {
       $('.click').removeClass('click');
       $('#pr11').addClass('click');
       $('#kreis').animate({"marginLeft": "67px",
	                        "marginTop": "50px"}, "slow");
      });     
   $("#tr04").click(function() {
       $('.click').removeClass('click');
       $('#pr09').addClass('click');
       $('#kreis').animate({"marginLeft": "62px",
	                        "marginTop": "-8px"}, "slow");
      });       	 
   $("#pr01").click(function() {
       $('.click').removeClass('click');
	   $('#pr01').addClass('click');
	   $('#kreis').animate({"marginLeft": "3px",
	                        "marginTop": "24px"}, "slow");
      });  
  $("#tr05").click(function() {
       $('.click').removeClass('click');
	   $('#pr01').addClass('click');
	   $('#kreis').animate({"marginLeft": "3px",
	                        "marginTop": "24px"}, "slow");
      });    
   $("#pr02").click(function() {
       $('.click').removeClass('click');
	   $('#pr02').addClass('click');
	   $('#kreis').animate({"marginLeft": "20px",
	                        "marginTop": "-2px"}, "slow");
      });    
   $("#tr02").click(function() {
       $('.click').removeClass('click');
	   $('#pr02').addClass('click');
	   $('#kreis').animate({"marginLeft": "20px",
	                        "marginTop": "-2px"}, "slow");
      });    
   $("#pr03").click(function() {
       $('.click').removeClass('click');
	   $('#pr03').addClass('click');
	   $('#kreis').animate({"marginLeft": "20px",
	                        "marginTop": "18px"}, "slow");
      });    
    $("#tr06").click(function() {
       $('.click').removeClass('click');
	   $('#pr03').addClass('click');
	   $('#kreis').animate({"marginLeft": "20px",
	                        "marginTop": "18px"}, "slow");
      });    
    $("#pr04").click(function() {
       $('.click').removeClass('click');
	   $('#pr04').addClass('click');
	   $('#kreis').animate({"marginLeft": "47px",
	                        "marginTop": "0px"}, "slow");
      });
    $("#tr03").click(function() {
       $('.click').removeClass('click');
	   $('#pr04').addClass('click');
	   $('#kreis').animate({"marginLeft": "47px",
	                        "marginTop": "0px"}, "slow");
      });
      
    $("#pr05").click(function() {
       $('.click').removeClass('click');
	   $('#pr05').addClass('click');
	   $('#kreis').animate({"marginLeft": "60px",
	                        "marginTop": "22px"}, "slow");
      });
      
    $("#tr11").click(function() {
       $('.click').removeClass('click');
	   $('#pr11').addClass('click');
	   $('#kreis').animate({"marginLeft": "67px",
	                        "marginTop": "50px"}, "slow");
      });
      
    $("#pr06").click(function() {
       $('.click').removeClass('click');
	   $('#pr06').addClass('click');
	   $('#kreis').animate({"marginLeft": "47px",
	                        "marginTop": "50px"}, "slow");
      });
      
    $("#tr09").click(function() {
       $('.click').removeClass('click');
	   $('#pr08').addClass('click');
	   $('#kreis').animate({"marginLeft": "27px",
	                        "marginTop": "55px"}, "slow");
      });  
      
      
    $("#pr07").click(function() {
       $('.click').removeClass('click');
	   $('#pr07').addClass('click');
	   $('#kreis').animate({"marginLeft": "40px",
	                        "marginTop": "26px"}, "slow");
      });
      
       $("#tr07").click(function() {
       $('.click').removeClass('click');
	   $('#pr07').addClass('click');
	   $('#kreis').animate({"marginLeft": "40px",
	                        "marginTop": "26px"}, "slow");
      });
      
       $("#pr08").click(function() {
       $('.click').removeClass('click');
	   $('#pr08').addClass('click');
	   $('#kreis').animate({"marginLeft": "27px",
	                        "marginTop": "55px"}, "slow");
      });
      
    $("#tr10").click(function() {
       $('.click').removeClass('click');
	   $('#pr06').addClass('click');
	   $('#kreis').animate({"marginLeft": "47px",
	                        "marginTop": "50px"}, "slow");
      });
         
      
      
    $("#pr09").click(function() {
       $('.click').removeClass('click');
	   $('#pr09').addClass('click');
	   $('#kreis').animate({"marginLeft": "62px",
	                        "marginTop": "-8px"}, "slow");

      });
      
      
    $("#tr08").click(function() {
       $('.click').removeClass('click');
	   $('#pr05').addClass('click');
	   $('#kreis').animate({"marginLeft": "60px",
	                        "marginTop": "22px"}, "slow");

      });
      
       
    $("#pr13").click(function() {
       $('.click').removeClass('click');
	   $('#pr13').addClass('click');
	   $('#kreis').animate({"marginLeft": "27px",
	                        "marginTop": "60px"}, "slow");

      });
      
      
      $("a[rel=gruppe]").fancybox({
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'titlePosition' 	: 'none'
				
			});



// die videoecke !!!!!!!!!!!!!!!!!!!!!

$("#tip6").click(function() {
	$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'width'		: 600,
			'height'		: 380,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'swf'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});

	return false;
});



$("#tip4").click(function() {
	$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'width'		: 600,
			'height'		: 380,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'swf'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});

	return false;
});

$("#tip3").click(function() {
	$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'width'		: 600,
			'height'		: 380,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'swf'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});

	return false;
});


$("#tip2").click(function() {
	$.fancybox({
			'padding'		: 0,
			'autoScale'		: false,
			'transitionIn'	: 'none',
			'transitionOut'	: 'none',
			'title'			: this.title,
			'width'		: 600,
			'height'		: 380,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'swf'			: {
			   	 'wmode'		: 'transparent',
				'allowfullscreen'	: 'true'
			}
		});

	return false;
});


////// videoecke zu ende !!!!!!!!!!!!!!!!!



  $(".container_musik").hover(
    function () {
        	$(this).children('.playlist').show();
        	$(this).children('.album').fadeTo(50,0);;
    }, function () {
            $(this).children('.album').fadeTo(0,1);
        	$(this).children('.playlist').hide();
    });

    




	
      
      
      });