$(document).ready(function(){
         $('.frontbutton a').hover(function(){
		         $(this).stop().animate({'opacity' : '0'}, 200);
		 }, function(){$(this).stop().animate({'opacity' : '1'}, 700);});
});

$(document).ready(function(){
         $('.frontbutton2 a').hover(function(){
		         $(this).stop().animate({'opacity' : '0'}, 200);
		 }, function(){$(this).stop().animate({'opacity' : '1'}, 700);});
});

/*4 buttons yo!*/

$(document).ready(function(){
         $('.frontbutton3 a').hover(function(){
		         $(this).stop().animate({'opacity' : '0'}, 11);
		 }, function(){$(this).stop().animate({'opacity' : '1'}, 800);});
});

$(document).ready(function(){
         $('.frontbutton4 a').hover(function(){
		         $(this).stop().animate({'opacity' : '0'}, 11);
		 }, function(){$(this).stop().animate({'opacity' : '1'}, 800);});
});

$(document).ready(function(){
         $('.frontbutton5 a').hover(function(){
		         $(this).stop().animate({'opacity' : '0'}, 11);
		 }, function(){$(this).stop().animate({'opacity' : '1'}, 800);});
});

$(document).ready(function(){
         $('.frontbutton6 a').hover(function(){
		         $(this).stop().animate({'opacity' : '0'}, 130);
		 }, function(){$(this).stop().animate({'opacity' : '1'}, 800);});
});