var PAGE_TIME = 5000;
var FADE_PR_TIME = 0.02; //between 0 and 1
var FADE_TIME = 10;
var currentElement;
var opacity;
var elements = [];
var elementsLength;

function initStickerSwitch() {
	currentElement = 0;
    opacity = 1.0;
    fillElements();
    var menudiv = document.getElementById("newsSticker");
    if(menudiv) {
	    menudiv.innerHTML = elements[currentElement];
		
	    if (elementsLength > 1){ 
			// More than one newspage, so set up switching
			var pageNumber = document.getElementById("newsPageNumber");
			pageNumber.innerHTML = "Side " + (currentElement + 1) +" af " + elementsLength + "&nbsp;";
	
			setTimeout("fadeOut()", PAGE_TIME);
	    }
	  }
}

function fillElements(){
    var ul = document.getElementById("newsPages");
    if(ul) {
	    elementsLength = 0;
	    for(i = 0; i < ul.childNodes.length; i++){
			if (ul.childNodes[i].nodeName == "LI"){
				elements[elementsLength] = ul.childNodes[i].innerHTML;
				elementsLength++;
			}
	    }
	  }
}

function fadeOut(){
    opacity -= FADE_PR_TIME;
    if (opacity > 0){ // fade further
		setTimeout("fadeOut()", FADE_TIME);
    }else{ // choose new element
		opacity = 0;
		switchNewsPage();
    }    
    setOpacity();
}

function switchNewsPage(){
    currentElement++;
    if (currentElement == elementsLength)
		currentElement = 0;
    
    var pageNumber = document.getElementById("newsPageNumber");
	pageNumber.innerHTML = "Side " + (currentElement + 1) +" af " + elementsLength + "&nbsp;";

    var menudiv = document.getElementById("newsSticker");
    menudiv.innerHTML = elements[currentElement];
    
    setTimeout("fadeIn()", FADE_TIME);
}

function fadeIn(){
    opacity += FADE_PR_TIME;
    if (opacity < 1){ //fade further in	
		setTimeout("fadeIn()", FADE_TIME);
    }else{ // start over
		opacity = 1;
		setTimeout("fadeOut()", PAGE_TIME);
    }
    setOpacity();
}

function setOpacity(){
    var menudiv = document.getElementById("newsSticker");
    menudiv.style.opacity = opacity; // CSS3
    menudiv.style.MozOpacity = opacity; // legacy firefox
    menudiv.style.KhtmlOpacity = opacity; // legacy safari
    menudiv.style.filter = "alpha(opacity=" + (opacity * 100) + ")";
}
