$(window).load(function() {
    $('.banner').nivoSlider({            
        startSlide:0,
        effect:'fade',
        animSpeed:500,
        pauseTime:7000,
        directionNav:true,
        directionNavHide:true,
        controlNav:false,
        pauseOnHover:true,
        afterLoad: function(){
            $('.banner').addClass('nivoShow');
            $('.home-boxes .box:nth-child(1)').mouseover(function(){
                showSlide(0);                
            });
            $('.home-boxes .box:nth-child(2)').mouseover(function(){
                showSlide(1);
            });
            $('.home-boxes .box:nth-child(3)').mouseover(function(){
                showSlide(2);
            });
            $('.home-boxes .box').mouseout(function(){
                $('.banner').data('nivoslider').start();             
            });
        }
    });
    function showSlide(slideNum){
        var bannerNum = slideNum + 1;
        $('.banner').data('nivoslider').stop();
        $('.banner > *').css('display','none');
        $('.banner').css('background-image',$('.banner').css('background-image').replace('banner-1','banner-' + bannerNum));
        $('.banner').css('background-image',$('.banner').css('background-image').replace('banner-2','banner-' + bannerNum));
        $('.banner').css('background-image',$('.banner').css('background-image').replace('banner-3','banner-' + bannerNum));
        $('.banner > *:nth-child(' + bannerNum + ')').css('display','block');        
        $('.banner').data('nivo:vars').currentSlide = slideNum;
        $('.banner').data('nivo:vars').currentImage = $('.banner > *:nth-child(' + bannerNum + ') img');
    }
});