//fade effect for solutions box on homepage


$(document).ready(function(){
 
$("div #front").hover(
function() {
$(this).stop().animate({"opacity": "0"}, 500);
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});
 
});

$(document).ready(function(){
 
$("div #front2").hover(
function() {
$(this).stop().animate({"opacity": "0"}, 500);
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});
 
});

$(document).ready(function(){
 
$("div #front3").hover(
function() {
$(this).stop().animate({"opacity": "0"}, 500);
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});
 
});

$(document).ready(function(){
 
$("div #front4").hover(
function() {
$(this).stop().animate({"opacity": "0"}, 500);
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});
 
});

$(document).ready(function(){
 
$("div #front5").hover(
function() {
$(this).stop().animate({"opacity": "0"}, 500);
},
function() {
$(this).stop().animate({"opacity": "1"}, "fast");
});

});




$(document).ready(function() {

    $("div #front6").hover(
function() {
    $(this).stop().animate({ "opacity": "0" }, 500);
},
function() {
    $(this).stop().animate({ "opacity": "1" }, "fast");
});

});

$(document).ready(function() {

    $("div #front7").hover(
function() {
    $(this).stop().animate({ "opacity": "0" }, 500);
},
function() {
    $(this).stop().animate({ "opacity": "1" }, "fast");
});

});