/* Home page banner animation, requires jquery 1.2 */

var Sophos = (Sophos) ? Sophos : {} ;
var S = Sophos;    
S.Home = {
    h1: null,
    Mem: {},
    setState1: function () {
        S.Home.h1.css('background-image','url(/images-local/home/campaign_a_text-corporate.gif)'); 
        S.Home.h1.find('a').css('visibility','hidden'); 
    },
    setState2: function () {
        S.Home.h1.css('background-image', S.Home.Mem.backgroundImage); 
        S.Home.h1.find('a').css('visibility','visible'); 
    },
    goToState1: function () {
        S.Home.h1.animate( {opacity: 0}, 1000, 'swing', S.Home.setState1)
        S.Home.h1.animate( {opacity: 1}, 1000, 'swing')
    },
    goToState2: function () {
        S.Home.h1.animate( {opacity: 0 }, 1500, 'swing', S.Home.setState2)
                 .animate( {opacity: 1 }, 1500, 'swing')
    }
}

$(document).ready( function () {
    S.Home.h1 = $("H1.campaign-main");
    S.Home.Mem.backgroundImage = $('h1.campaign-main').css('background-image');
    
    var fn = function () {
        S.Home.goToState1();
        setTimeout( S.Home.goToState2, 10000 );       
    }

    fn(); 
    setInterval( fn, 22000 );
});