// JavaScript Document

var prefix = "fpCycle"; // prefix van de divs in sequence
var seconden = 7; // aantal seconden tussen 2 divs

//startknop
var a_start = "a_start"; //id van de startlink
var img_start = "img_start"; //id van de knop
var url_start = "play.png"; //imageurl van de startknop
var url_start_disabled = "play_off.png"; //imageurl van de startknop disabled

//stopknop
var a_stop = "a_stop"; //id van de stoplink
var img_stop = "img_stop"; //id van de knop
var url_stop = "stop.png"; //imageurl van de stopknop
var url_stop_disabled = "stop_off.png"; //imageurl van de stopknop disabled

//nextknop
var a_next = "a_next"; //id van de nextlink
var img_next = "img_next"; //id van de knop
var url_next = "next.png"; //imageurl van de nextknop
var url_next_disabled = "next_off.png"; //imageurl van de nextknop disabled

//prevknop
var a_prev = "a_prev"; //id van de prevlink
var img_prev = "img_prev"; //id van de knop
var url_prev = "prev.png"; //imageurl van de prevknop
var url_prev_disabled = "prev_off.png"; //imageurl van de prevknop disabled

var x = 1;
var hidex = 1;
var isStart = true;
var isRestart = false;
function startFilmparels()
{
	for(i=1;i<=highestnumber;i++)
	{
		changeOpac(0, prefix+i);
		}
	/*
	document.getElementById(img_start).src = url_start_disabled;
	document.getElementById(img_stop).src = url_stop;
	document.getElementById(img_next).src = url_next_disabled;
	document.getElementById(img_prev).src = url_prev_disabled;
	
	document.getElementById(a_start).removeAttribute("href");
	document.getElementById(a_start).removeAttribute("onclick");
	document.getElementById(a_next).removeAttribute("href");
	document.getElementById(a_next).removeAttribute("onclick");
	document.getElementById(a_prev).removeAttribute("onclick");
	document.getElementById(a_prev).removeAttribute("href");
	*/
	fadeOut();
}
var klok;
var setPauze = false;
function fadeOut()
{
	if(!setPauze)
	{
	if(x==1)
		hidex = highestnumber
	else
		hidex = x - 1	
	if(isStart)
			isStart = false;
		else
			opacity(prefix+ hidex , 100, 0, 300);
	if(!isRestart)
	opacity(prefix+x, 0, 100, 300);
	else
	isRestart = false;
	
	x += 1;
	if(x==(highestnumber+1))x=1;
	klok = setTimeout("fadeOut()", 1000 * seconden);
	}
	}
	
function nextstep()
{
	opacity("fpCycle"+ hidex , 100, 0, 300);
	opacity("fpCycle"+x, 0, 100, 300);
}
function fpPause()
{
	x -= 1;
	klok = null;
	setPauze = true;
	isRestart = true;
	/*
	document.getElementById(img_start).src = url_start;
	document.getElementById(img_stop).src = url_stop_disabled;
	document.getElementById(img_next).src = url_next;
	document.getElementById(img_prev).src = url_prev;
	
	document.getElementById(img_stop).removeAttribute("href");
	document.getElementById(img_stop).removeAttribute("onclick");
	*/
	//document.getElementById(a_start).setAttribute("href","#");
	document.getElementById(a_start).setAttribute("onclick","fpPlay();");
	//document.getElementById(a_next).setAttribute("href","#");
	document.getElementById(a_next).setAttribute("onclick","fpForward();");
	document.getElementById(a_prev).setAttribute("onclick","fpRewind();");
	//document.getElementById(a_prev).setAttribute("href","#");

	}
function fpPlay()
{
	setPauze = false;
	/*
	document.getElementById(img_start).src = url_start_disabled;
	document.getElementById(img_stop).src = url_stop;
	document.getElementById(img_next).src = url_next_disabled;
	document.getElementById(img_prev).src = url_prev_disabled;
	document.getElementById(a_start).removeAttribute("href");
	document.getElementById(a_start).removeAttribute("onclick");
	document.getElementById(a_next).removeAttribute("href");
	document.getElementById(a_next).removeAttribute("onclick");
	document.getElementById(a_prev).removeAttribute("onclick");
	document.getElementById(a_prev).removeAttribute("href");
	document.getElementById(a_stop).setAttribute("href","#");
	*/
	document.getElementById(a_stop).setAttribute("onclick","fpPause();");
	fadeOut();
	}
function fpForward()
{
	klok = null;
	x += 1;
	if(x==(highestnumber+1))x=1;
	hidex = x - 1;
	if(hidex==0)hidex=highestnumber;
	nextstep();
	}
	
function fpRewind()
{
	klok = null;
	x -= 1;
	if(x==0)x=highestnumber;
	hidex = x + 1;
	if(hidex==(highestnumber+1))hidex=1;
	nextstep();
	}

function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
 
    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 
 
//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}