// JavaScript Document
var textno = 1
function startTicker(){
	setTicker();
	setInterval("setTicker()",10000);
}


function setTicker(){
	var text1 = "<font face=\"arial\" size=\"+2\">Preparations under way for the 2011 Iris consumer healthcare study</font>"
	var text2 = "<font face=\"arial\" size=\"+2\">International IRIS study wins ESOMAR 2010 Award</font>"
	var text3 = "<font face=\"arial\" size=\"+2\">New IRIS partners from Egypt, Malaysia, and Pakistan approved</font>"
	var text4 = "<font face=\"arial\" size=\"+2\">IRIS member Behaviour & Attitudes wins 3 research awards</font>"
	//var text5 = "Here is the <strong> 5th headline </strong>tick...tick...tick...tick... <strong>tock!!!</strong>"
	
	var text_st = new Array(text1, text2, text3);
	

	textid = textno % text_st.length
	
	//while (textno <= l){
		fadeDown(document.getElementById('tickertext'),0,0,0);
		
		var bringback = function(){
			document.getElementById('tickertext').innerHTML = text_st[textid];
			fadeUp(document.getElementById('tickertext'),255,255,255);
			
		};
		
		t = setTimeout(bringback,4000);
		textno++;
		


}

//fadeup makes updated div (element) background temporarily r,g,b to indicate updated area 
function fadeDown(element, red, green, blue) {
    if (element.fade) {
        clearTimeout(element.fade);
    }
    element.style.color = "rgb(" + red + "," + green + "," + blue + ")";
    if (red == 255 && green == 255 && blue == 255) {
        return;
    }
    var newred = red + Math.ceil((255 - red) / 10);
    var newgreen = green + Math.ceil((255 - green) / 10);
    var newblue = blue + Math.ceil((255 - blue) / 10);
    var repeat = function() {
        fadeDown(element, newred, newgreen, newblue)
    };
    element.fade = setTimeout(repeat, 100);
}


function fadeUp(element, red, green, blue) {
    if (!element.fadeback) {
        clearTimeout(element.fadeback);
    }
    element.style.color = "rgb(" + red + "," + green + "," + blue + ")";
    if (red == 0 && green == 0 && blue == 0) {
        return;
    }
    var newred = red - Math.ceil((red) / 20);
    var newgreen = green - Math.ceil((green) / 20);
    var newblue = blue - Math.ceil((blue) / 20);
    var repeat = function() {
        fadeUp(element, newred, newgreen, newblue)
    };
    element.fadeback = setTimeout(repeat, 100);
}