$(document).ready(function() {
    var inprog = 0;
        $("#ourcommitment").hover(function() {
         if (inprog == 0) {
             inprog = 1;
             $("#sf1").fadeIn(800);
         }
    }, function() {
         $("#sf1").fadeOut(800, function() {inprog = 0;});
    });
});

$(document).ready(function() {
    var inprog = 0;
        $("#services").hover(function() {
         if (inprog == 0) {
             inprog = 1;
             $("#sf2").fadeIn(800);
         }
    }, function() {
         $("#sf2").fadeOut(800, function() {inprog = 0;});
    });
});

$(document).ready(function() {
    var inprog = 0;
        $("#staff").hover(function() {
         if (inprog == 0) {
             inprog = 1;
             $("#sf3").fadeIn(800);
         }
    }, function() {
         $("#sf3").fadeOut(800, function() {inprog = 0;});
    });
});

$(document).ready(function() {
    var inprog = 0;
        $("#salon").hover(function() {
         if (inprog == 0) {
             inprog = 1;
             $("#sf4").fadeIn(800);
         }
    }, function() {
         $("#sf4").fadeOut(800, function() {inprog = 0;});
    });
});

$(document).ready(function() {
    var inprog = 0;
        $("#products").hover(function() {
         if (inprog == 0) {
             inprog = 1;
             $("#sf5").fadeIn(800);
         }
    }, function() {
         $("#sf5").fadeOut(800, function() {inprog = 0;});
    });
});

$(document).ready(function() {
    var inprog = 0;
        $("#appointments").hover(function() {
         if (inprog == 0) {
             inprog = 1;
             $("#sf6").fadeIn(800);
         }
    }, function() {
         $("#sf6").fadeOut(800, function() {inprog = 0;});
    });
});

$(document).ready(function() {
    var inprog = 0;
        $("#contact").hover(function() {
         if (inprog == 0) {
             inprog = 1;
             $("#sf7").fadeIn(800);
         }
    }, function() {
         $("#sf7").fadeOut(800, function() {inprog = 0;});
    });
});