var cache = [];
function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        var image = $('<img/>');
        image[0].src = this;
        cache.push( image );
    });
}


function mainImageFor( theDiv ) {
    filename = theDiv.children('h2').children('a').attr('href').replace(/\//g,'-').replace(/^(-)?(.*?)(\-|\.html)?$/, "$2");
    return filename;
}


$(document).ready(function() {
    
    $('.stories > div:has(a)').hover(
        function () { 
            $(this).addClass("active"); 
            var filename = mainImageFor( $(this) );
            $('.story-background.' + filename).fadeIn();            
        },
        function () { 
            $(this).removeClass("active"); 
            var filename = mainImageFor( $(this) );
            $('.story-background.' + filename).fadeOut();
        }
    ).click(
        function() {
            window.location.href = $(this).children('h2').children('a').attr('href');
        }
    ).css( 
        'cursor', 'pointer' 
    ).each( function () {
        image = mainImageFor( $(this) );
        $('.stories .alpha').before('<p class="story-background ' + image + '"><img src="/images/stories/' + image + '.jpg" width="960" height="360" alt="" /></p>');
        preload( [ '/images/stories/' + image + '.jpg' ]);
        if ( $(this).hasClass('really-active') ) {
            $('.stories').css('backgroundImage', "url('/images/stories/" + image + ".jpg')");
        }
        
    });
            
    $('body').each( function (){
        preload([
            '/images/story-bg-active3.png',
            '/images/top-nav-underline.png',
        ]);        
    });
    
});