$(document).ready(function(){

    //When mouse rolls over
    $("li.p1").mouseover(function(){
        $(this).stop().animate({height:'40px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	//When mouse rolls over
    $("li.p2").mouseover(function(){
        $(this).stop().animate({height:'40px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	//When mouse rolls over
    $("li.p3").mouseover(function(){
        $(this).stop().animate({height:'40px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	//When mouse rolls over
    $("li.p4").mouseover(function(){
        $(this).stop().animate({height:'150px',width:'130px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	//When mouse rolls over
    $("li.p5").mouseover(function(){
        $(this).stop().animate({height:'40px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	//When mouse rolls over
    $("li.p6").mouseover(function(){
        $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	//When mouse rolls over
    $("li.p7").mouseover(function(){
        $(this).stop().animate({height:'40px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });

    //When mouse is removed
    $("li.p1").mouseout(function(){
        $(this).stop().animate({height:'25px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	$("li.p2").mouseout(function(){
        $(this).stop().animate({height:'25px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	$("li.p3").mouseout(function(){
        $(this).stop().animate({height:'25px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	$("li.p4").mouseout(function(){
        $(this).stop().animate({height:'25px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	$("li.p5").mouseout(function(){
        $(this).stop().animate({height:'25px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	$("li.p6").mouseout(function(){
        $(this).stop().animate({height:'25px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
	$("li.p7").mouseout(function(){
        $(this).stop().animate({height:'25px'},{queue:false, duration:600, easing: 'easeOutQuint'})
    });
});

$(function() {

    var name = "";
    
    $(".einzeln").css("opacity", 0);
    
    $(".alle").hover(function() {
        name = $(this).attr("id");
        $("#bild-"+name).stop(true, false).show().animate({ opacity: 1 });
    }, function() {
        name = $(this).attr("id");
        $("#bild-"+name).stop(true, false).animate({ opacity: 0 }).hide();
    });

});