$(document).ready(function(){ 

/*button1*/
	$(".button1").css({"opacity" : 1}).hover(function(){
		$(this).stop().animate({"opacity" : 0.5}, 300); //Change fade-out speed
	
		}, function(){
		$(this).stop().animate({"opacity" : 1}, 100);//Change fade-in speed
	});

	$(".button1").mouseover(function () {
    $(".pb1").fadeIn("slow");
    });
	
	$(".button1").mouseout(function () {
    $(".pb1").fadeOut("fast");
    });

/*button2*/
	$(".button2").css({"opacity" : 1}).hover(function(){
		$(this).stop().animate({"opacity" : 0.5}, 300); //Change fade-out speed
	
		}, function(){
		$(this).stop().animate({"opacity" : 1}, 100);//Change fade-in speed
	});

	$(".button2").mouseover(function () {
    $(".pb2").fadeIn("slow");
    });
	
	$(".button2").mouseout(function () {
    $(".pb2").fadeOut("fast");
    });

/*button3*/
	$(".button3").css({"opacity" : 1}).hover(function(){
		$(this).stop().animate({"opacity" : 0.5}, 300); //Change fade-out speed
	
		}, function(){
		$(this).stop().animate({"opacity" : 1}, 100);//Change fade-in speed
	});

	$(".button3").mouseover(function () {
    $(".pb3").fadeIn("slow");
    });
	
	$(".button3").mouseout(function () {
    $(".pb3").fadeOut("fast");
    });

/*button4*/
	$(".button4").css({"opacity" : 1}).hover(function(){
		$(this).stop().animate({"opacity" : 0.5}, 300); //Change fade-out speed
	
		}, function(){
		$(this).stop().animate({"opacity" : 1}, 100);//Change fade-in speed
	});

	$(".button4").mouseover(function () {
    $(".pb4").fadeIn("slow");
    });
	
	$(".button4").mouseout(function () {
    $(".pb4").fadeOut("fast");
    });

/*button5*/
	$(".button5").css({"opacity" : 1}).hover(function(){
		$(this).stop().animate({"opacity" : 0.5}, 300); //Change fade-out speed
	
		}, function(){
		$(this).stop().animate({"opacity" : 1}, 100);//Change fade-in speed
	});

	$(".button5").mouseover(function () {
    $(".pb5").fadeIn("slow");
    });
	
	$(".button5").mouseout(function () {
    $(".pb5").fadeOut("fast");
    });
	
});