var blue = 'rgba(62, 119, 145, 1)';
var gradient = 'url("resources/com.razorlabs.HomePage/images/home/offerBackground.jpg")';
var t;

window.addEventListener('load', loadHandler, false);

function showContent(selected)
{
    var l1 = document.getElementById('layer1');
    var l2 = document.getElementById('layer2');
    var l3 = document.getElementById('layer3');
    if(selected == 1)
    {
        document.getElementById('offerFirst').style.background = blue;
        clearTimeout(t);
        l1.style.display = 'block';
        l2.style.display = 'none';
        l3.style.display = 'none';
    } 
    else if(selected == 2)
    {
        document.getElementById('offerSecond').style.background = blue;
        clearTimeout(t);
        l1.style.display = 'none';
        l2.style.display = 'block';
        l3.style.display = 'none';        
    } 
    else if(selected == 3)
    {
        document.getElementById('offerThird').style.background = blue;
        clearTimeout(t);
        l1.style.display = 'none';
        l2.style.display = 'none';
        l3.style.display = 'block';        
    }
}

function loadHandler()
{
    getNext();
    t = setInterval("getNext()",7500);
}
var k = 0;
function getNext()
{
    var l1 = document.getElementById('layer1');
    var l2 = document.getElementById('layer2');
    var l3 = document.getElementById('layer3');
    
    var first = document.getElementById('offerFirst').style;
    var second = document.getElementById('offerSecond').style;
    var third = document.getElementById('offerThird').style;
    if(k == 0)
    {
        first.background = blue;
        third.background = gradient;
        l1.style.display = 'block';
        l2.style.display = 'none';
        l3.style.display = 'none';
        k++;
    } else if(k == 1)
    {
        second.background = blue;
        first.background = gradient;
        l1.style.display = 'none';
        l2.style.display = 'block';
        l3.style.display = 'none';    
        k++;
    } else if(k == 2)
    {
        third.background = blue;
        second.background = gradient;
        l1.style.display = 'none';
        l2.style.display = 'none';
        l3.style.display = 'block';    
        k = 0;
    }
}