$(document).ready(function() {


	$('#karaffe').mouseenter(function() {
	    $(this).css('background-position', '0px -284px');
	    $('#powder').fadeIn('slow');
	    $('#powder').addClass('active');
	});

	$('#karaffe').mouseleave(function() {
	     $(this).css('background-position', '0px 0px');
	     $('#powder').fadeOut('slow');
	     $('#powder').removeClass('active');
	});

	$('#aloeLO').mouseenter(function() {
	    $(this).css('background-position', '0px -272px');
	    $('#aloe').fadeIn('slow');
	    $('#aloe').addClass('active');
	});

	$('#aloeLO').mouseleave(function() {
	     $(this).css('background-position', '0px 0px');
	     $('#aloe').fadeOut('slow');
	     $('#aloe').removeClass('active');
	});


	$('#aloeLM').mouseenter(function() {
	    $(this).css('background-position', '-1px -190px');
	    $('#powder').fadeIn('slow');
	    $('#powder').addClass('active');
	    $('#powder').css('border', '2px solid #fde05c');
	});

	$('#aloeLM').mouseleave(function() {
	     $(this).css('background-position', '0px 0px');
	     $('#powder').fadeOut('slow');
	     $('#powder').removeClass('active');
	});


	$('#aloeLR').mouseenter(function() {
	    $(this).css('background-position', '0px -194px');
	    $('#powder').fadeIn('slow');
	    $('#powder').addClass('active');
	    $('#powder').css('border', '2px solid #f6af60');
	});

	$('#aloeLR').mouseleave(function() {
	     $(this).css('background-position', '0px 0px');
	     $('#powder').fadeOut('slow');
	     $('#powder').removeClass('active');
	});

	$('#rotes_getraenk').mouseenter(function() {
	    $(this).css('background-position', '0px -157px');
	    $('#powder').fadeIn('slow');
	    $('#powder').addClass('active');
	    $('#powder').css('border', '2px solid #d55971');
	});

	$('#rotes_getraenk').mouseleave(function() {
	     $(this).css('background-position', '0px 0px');
	     $('#powder').fadeOut('slow');
	     $('#powder').removeClass('active');
	});


	$('#riegel_mitte').mouseenter(function() {
	    $(this).css('background-position', '0px -164px');
	    $('#riegel').fadeIn('slow');
	    $('#riegel').addClass('active');
	});

	$('#riegel_mitte').mouseleave(function() {
	     $(this).css('background-position', '0px 0px');
	     $('#riegel').fadeOut('slow');
	     $('#riegel').removeClass('active');
	});


	$('#riegel_glas').mouseenter(function() {
	    $(this).css('background-position', '0px -154px');
	    $('#riegel2').fadeIn('slow');
	    $('#riegel2').addClass('active');
	});

	$('#riegel_glas').mouseleave(function() {
	     $(this).css('background-position', '0px 0px');
	     $('#riegel2').fadeOut('slow');
	     $('#riegel2').removeClass('active');
	});

	$('#glas_erdbeere').mouseenter(function() {
	    $(this).css('background-position', '0px -288px');
	    $('#shake').fadeIn('slow');
	    $('#shake').addClass('active');
	    $('#shake').css('border', '2px solid #fc0303');
	});

	$('#glas_erdbeere').mouseleave(function() {
	     $(this).css('background-position', '0px 0px');
	     $('#shake').fadeOut('slow');
	     $('#shake').removeClass('active');
	});

	$('#glas_zitrone').mouseenter(function() {
	    $(this).css('background-position', '0px -253px');
	    $('#shake').fadeIn('slow');
	    $('#shake').addClass('active');
	    $('#shake').css('border', '2px solid #fde05c');
	});

	$('#glas_zitrone').mouseleave(function() {
	     $(this).css('background-position', '0px 0px');
	     $('#shake').fadeOut('slow');
	     $('#shake').removeClass('active');
	});

	function trace(str) {
	    if(typeof console != "undefined"){
		console.log(str);
	    }
	}

	$(document).mousemove(function(e){
	    //trace(e.pageX +', '+ e.pageY);
	    /*$('.active').eq(0).css({
		    position: 'absolute',
		    left: (e.pageX/2)-$(this).width()/3 + 'px',
		    top: (e.pageY/2)+$(this).height()/2 + 'px'
	    });*/
	    $('.active').eq(0).css({
		    position: 'absolute',
		    left: e.pageX-$(this).width()/3 + 'px',
		    top: e.pageY+$(this).height()/30 + 'px'
	    });
	});

    });