/*
Deze functie laat het element met id 'id' een fade-in (of fade-out) die 
'millisec' aantal milliseconden duurt ondergaan van 'opacStart' procent zichtbaar 
naar 'opacEnd' procent zichtbaar.
Deze informatie mag verwijderd worden als de website online gaat.
*/
function opacity(id, opacStart, opacEnd, millisec) {
    // Variabelen instellen
    var speed = Math.round(millisec / 100);
    var timer = 0;

    // Controleer of het een fade-in of een fade-out is
    // Als opacStart = opacEnd gebeurt er niets
    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++;
        }
    }
}

// Verander de zichtbaarheid van het element met id 'id' ogenblikkelijk naar opacity procent zichtbaar
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 + ")";
}
var opac_id       = 0;
var opac_start = 0;
var opac_end   = 0;
var opac_speed = 0;
var opac_timer = 0;
var pi = 3.14159265;

function opacityloop(id, opacStart, opacEnd, millisec) {
    // variabelen instellen
    opac_id       = id;
    opac_start = opacStart;
    opac_end   = opacEnd;
    opac_speed = Math.round(millisec / 100);
    opac_timer = 0;
    
    // overgaan naar de uiteindelijke loop:
    opacitystep();
}

function opacitystep()
{
    opac_timer++;
    
    changeOpac(Math.abs(Math.sin(opac_timer * pi / 100)) * (opac_end - opac_start) + opac_start,opac_id);
    
    setTimeout("opacitystep()",opac_speed);
}