$(window).load(function(){
        // Feature 1
        $('.homePagePopUp1').each(function(){
            //...set the opacity to 0...
            $(this).css('opacity', 0);
            //..set width same as the image...
            $(this).css('width', $(this).siblings('img').width());
            //...get the parent (the wrapper) and set it's width same as the image width... '
            $(this).parent().css('width', $(this).siblings('img').width());
            //...set the display to block
            $(this).css('display', 'block');
        });
        
        $('.homeFeatureNarrow').hover(function(){
            //when mouse hover over the wrapper div
            //get it's children elements with class descriptio
            //and show it using fadeTo
            $(this).children('.homePagePopUp1').stop().fadeTo(500, 0.9);
        },function(){
            //when mouse out of the wrapper div
            //use fadeTo to hide the div
            $(this).children('.homePagePopUp1').stop().fadeTo(500, 0);
        });
        // Feature 2
        $('.homePagePopUp2').each(function(){
            //...set the opacity to 0...
            $(this).css('opacity', 0);
            //..set width same as the image...
            $(this).css('width', $(this).siblings('img').width());
            //...get the parent (the wrapper) and set it's width same as the image width... '
            $(this).parent().css('width', $(this).siblings('img').width());
            //...set the display to block
            $(this).css('display', 'block');
        });
        
        $('.homeFeatureNarrow').hover(function(){
            //when mouse hover over the wrapper div
            //get it's children elements with class descriptio
            //and show it using fadeTo
            $(this).children('.homePagePopUp2').stop().fadeTo(500, 0.9);
        },function(){
            //when mouse out of the wrapper div
            //use fadeTo to hide the div
            $(this).children('.homePagePopUp2').stop().fadeTo(500, 0);
        });
        // Feature 3
        $('.homePagePopUp3').each(function(){
            //...set the opacity to 0...
            $(this).css('opacity', 0);
            //..set width same as the image...
            $(this).css('width', $(this).siblings('img').width());
            //...get the parent (the wrapper) and set it's width same as the image width... '
            $(this).parent().css('width', $(this).siblings('img').width());
            //...set the display to block
            $(this).css('display', 'block');
        });
        
        $('.homeFeatureNarrow').hover(function(){
            //when mouse hover over the wrapper div
            //get it's children elements with class descriptio
            //and show it using fadeTo
            $(this).children('.homePagePopUp3').stop().fadeTo(500, 0.9);
        },function(){
            //when mouse out of the wrapper div
            //use fadeTo to hide the div
            $(this).children('.homePagePopUp3').stop().fadeTo(500, 0);
        });
        
    });