/***
 * Are "missa inte" slider + navigation.
 * Starts the slideshow from body onload and restarts it with
 * slide(frame) when it triggers off the navigationbuttons.
 * 
 * @author ronnyo
 */

var to;
var current_frame=0;

function slide(frame)
{
	clearTimeout(to);
	start_frame=0;
	if(!$('puffContainer'))
	    return;
	    
	var div = $('puffContainer').getElementsByTagName('div');

	var delay = 4000;

	for( i=0; i < div.length; i++)
	{
		div[i].style.display = 'none';
	}
	end_frame = div.length -1;
	current_frame=frame;
	if(end_frame>0)
	{
		slideShow(frame, start_frame, end_frame, delay, div);
		toggleNavButton(frame);
	}
	else
		slideShow(frame, start_frame, end_frame, delay, div);
}
function toggleNavButton(id)
{
	var navBox = $('navBoxContainer').getElementsByTagName('div');

	for( i=0; i < navBox.length; i++)
	{
			navBox[i].className="navBox";
	}
	document.getElementById('navbox'+id).className="navBoxActive";
}
function slideShow(frame, start_frame, end_frame, delay, div)
{
		if(frame == end_frame)
			frame = start_frame;
		else
			frame++;
        if(div[current_frame])
        {
    		Effect.Appear(div[current_frame], {duration:0.7, fps:50});
    	
    		if(end_frame>0)
    			to=setTimeout("slide("+frame+")", delay+4000);
    		
    		current_frame=frame;
	    }
}