// JavaScript Document

var fadeSteps = 40;
var fadeDelay = 20;
var nextSetDelay = 1000;
var loopPrepend = true;
var elIdx = 0, msgIdx = 0, fadeStep = 0;
var fadeElem;

var totalmissatges = 9;
var arMessage = new Array(
"• Verdú",
"• Beltall",
"• Passanant",
"• Guimerà",
"• Vallbona de les Monges",
"• Rocafort de Vallbona",
"• Vilet",
"• Vallfogona de Riucorb",
"• Albió"
);
var msgLen = arMessage.length;

function fadeMsg(){
    if(elIdx == totalmissatges || (!loopPrepend && (msgIdx == msgLen))){
        if(elIdx != totalmissatges)msgIdx = 0;
        elIdx = 0;
       // setTimeout('fadeMsg()', nextSetDelay);
    }else{
        if(msgIdx == msgLen)msgIdx = 0;
        if(elIdx == 0){
            for(var i=0;i<totalmissatges;i++){setOpacity(document.getElementById('fadeElem'+i), 0);}
        }
        fadeStep = 20;
        fadeElem = document.getElementById('fadeElem' + elIdx);
        fadeElem.innerHTML = arMessage[msgIdx];
        fadeStep = 0;
        elIdx++;
        msgIdx++;
        fadeIn();
    }
}
function fadeIn() {
    if(fadeStep > fadeSteps){
        fadeMsg();
        return;
    }
    setOpacity(fadeElem, (fadeStep/fadeSteps));
    fadeStep++;
    window.setTimeout("fadeIn()", fadeDelay);
}
function setOpacity( el, opacity){
    if(el.style.opacity != undefined){
        el.style.opacity = opacity;
    }else if( el.style.MozOpacity != undefined){
        el.style.MozOpacity = opacity;
    }else if ( el.style.filter != undefined){
        el.style.filter="alpha(opacity=" + Math.round(opacity * 100) + ")";
    }
}