$(function() {
                // set opacity to nill on page load
                // on mouse over
                $(".m1_on").css("opacity","0");
                $(".m1_of").hover(function () { $(".m1_on").stop().animate({ opacity: 1 }, "slow"); $(".m1_of").stop().animate({ opacity: 0 }, "slow"); },
                function () {$(".m1_on").stop().animate({ opacity: 0 }, "slow");  $(".m1_of").stop().animate({ opacity: 1 }, "slow"); });

                $(".m2_on").css("opacity","0");
                $(".m2_of").hover(function () { $(".m2_on").stop().animate({ opacity: 1 }, "slow"); $(".m2_of").stop().animate({ opacity: 0 }, "slow"); },
                function () {$(".m2_on").stop().animate({ opacity: 0 }, "slow");  $(".m2_of").stop().animate({ opacity: 1 }, "slow"); });

                $(".m3_on").css("opacity","0");
                $(".m3_of").hover(function () { $(".m3_on").stop().animate({ opacity: 1 }, "slow"); $(".m3_of").stop().animate({ opacity: 0 }, "slow"); },
                function () {$(".m3_on").stop().animate({ opacity: 0 }, "slow");  $(".m3_of").stop().animate({ opacity: 1 }, "slow"); });

                $(".m4_on").css("opacity","0");
                $(".m4_of").hover(function () { $(".m4_on").stop().animate({ opacity: 1 }, "slow"); $(".m4_of").stop().animate({ opacity: 0 }, "slow"); },
                function () {$(".m4_on").stop().animate({ opacity: 0 }, "slow");  $(".m4_of").stop().animate({ opacity: 1 }, "slow"); });

                $(".m5_on").css("opacity","0");
                $(".m5_of").hover(function () { $(".m5_on").stop().animate({ opacity: 1 }, "slow"); $(".m5_of").stop().animate({ opacity: 0 }, "slow"); },
                function () {$(".m5_on").stop().animate({ opacity: 0 }, "slow");  $(".m5_of").stop().animate({ opacity: 1 }, "slow"); });

                $(".m6_on").css("opacity","0");
                $(".m6_of").hover(function () { $(".m6_on").stop().animate({ opacity: 1 }, "slow"); $(".m6_of").stop().animate({ opacity: 0 }, "slow"); },
                function () {$(".m6_on").stop().animate({ opacity: 0 }, "slow");  $(".m6_of").stop().animate({ opacity: 1 }, "slow"); });

                $(".m7_on").css("opacity","0");
                $(".m7_of").hover(function () { $(".m7_on").stop().animate({ opacity: 1 }, "slow"); $(".m7_of").stop().animate({ opacity: 0 }, "slow"); },
                function () {$(".m7_on").stop().animate({ opacity: 0 }, "slow");  $(".m7_of").stop().animate({ opacity: 1 }, "slow"); });
        });