// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
var currentBackground = 0;
var backgrounds = [];
backgrounds[0] = '../images/slogan-1.jpg';
backgrounds[1] = '../images/slogan-2.jpg';
backgrounds[2] = '../images/slogan-3.jpg';
backgrounds[3] = '../images/slogan-4.jpg';

function changeBackground() {
    currentBackground++;
    if(currentBackground > 3) currentBackground = 0;

    $('#slogan-home').fadeOut(200,function() {
        $('#slogan-home').css({
            'background-image' : "url('" + backgrounds[currentBackground] + "')"
        });
        $('#slogan-home').fadeIn(200);
    });


    setTimeout(changeBackground, 10000);
}

$(document).ready(function() {
    setTimeout(changeBackground, 10000);        
});