var fadeSteps = 10;
var fadeDelay = 50;

var elIdx = 0;//, msgIdx = 0;
var fadeElem;
var msgLen = 3;

var boxes = new Array("box0", "box1","box2","box3","box4","box5","box6");

var boxDelay = new Array(15000,15000,15000,15000,15000,15000,15000);

var pause = false;

function fadeMsg(){
	if(elIdx == msgLen)
	{
        	//if(elIdx != 5) msgIdx = 0;
        	elIdx = 0;
        	
        	shiftBox(true,1,false);
   	}
	else
	{
       // if(msgIdx == msgLen)msgIdx = 0;
        if(elIdx == 0)
		{
        	for(var i=0;i<msgLen;i++)
			{
				if (document.getElementById('add'+i))
					setOpacity(document.getElementById('add'+i), 0);
			}
        	}
        	fadeElem = document.getElementById('add' + elIdx);
        	fadeStep = 0;
        	elIdx++;
        	fadeIn();
    	}
}

function shiftBox(startup,direction,force)
{
	for (var i = 0; i < boxes.length; i++)
	{
		var b1 = document.getElementById(boxes[i]);
		
		if (b1.style.display == "")
		{
			if (direction >= 0)
			{
				if (i == (boxes.length-1))
				{
					var next = 0;
				}
				else
				{
					var next = (i+1);
				}
			}
			else
			{
				if (i == 0)
				{
					var next = boxes.length-1;
				}
				else
				{
					var next = (i-1);
				}
			}
			
			if ((startup != true && pause == false) || force == true)
			{
				var b2 = document.getElementById(boxes[next]);
			
				b1.style.display = "none";
				b2.style.display = "";
					
				var timeToNext = boxDelay[next];
			}
			else
			{
				var timeToNext = boxDelay[i];
			}
			break;
		}
	}
	
	if (pause == false)
	{
		setTimeout('shiftBox(false,1,false)', timeToNext);
	}
}

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) + ")";
    }
}

function setPause()
{
	pause = true;
}

function nextBox()
{
	setPause();
	shiftBox(false, 1,true);
}

function previousBox()
{
	setPause();
	
	shiftBox(false, -1,true);	
}