// JScript File
<!--
    //preload images
    if (document.images)
    {
      ActiviteitenBackground= new Image(84,84); 
      ActiviteitenBackground.src="images/activiteiten_menuitem_bg_mouseover.jpg"; 
      ActiviteitenBackground= new Image(5,5); 
      ActiviteitenBackground.src="images/white.jpg"; 
    }
    //activity mouse over
    function ActivityMouseOver(element){
         element.style.color='#000000'; 
         element.style.backgroundImage='url(images/activiteiten_menuitem_bg_mouseover.jpg)'; 
         element.style.cursor='pointer';
    }
    //activity mouse out bg
    function ActivityMouseOutBg(element){
         element.style.color='#ffffff'; 
         element.style.backgroundImage='url(images/activiteiten_menuitem_bg.jpg)'; 
         element.style.cursor='default';
    }
    //activity mouse out
    function ActivityMouseOut(element){
         element.style.color='#ffffff'; 
         element.style.backgroundImage='none'; 
         element.style.cursor='default';
    }
    //menu mouse over
    function MenuMouseOver(element){
         element.style.color='#000000'; 
         element.style.backgroundImage='url(images/white.jpg)'; 
         element.style.backgroundRepeat='repeat'; 
         element.style.cursor='pointer';
    }
    //menu mouse out
    function MenuMouseOut(element){
         element.style.color='#ffffff'; 
         element.style.backgroundImage='none';
         element.style.cursor='default';
    }
    //photo mouse over
    function PhotoMouseOver(element){
         element.style.borderColor = '#ff0000';
         element.style.cursor='pointer';
    }
    //photo mouse out
    function PhotoMouseOut(element){
         element.style.borderColor='#000000'; 
         element.style.cursor='default';
    }
    
    // slideshow
    window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);

    var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

    function so_init()
    {
        if(!d.getElementById || !d.createElement)return;

        css = d.createElement('link');
        css.setAttribute('href','slideshow2.css');
        css.setAttribute('rel','stylesheet');
        css.setAttribute('type','text/css');
        d.getElementsByTagName('head')[0].appendChild(css);

        imgs = d.getElementById('rotator').getElementsByTagName('img');
        for(i=0;i<imgs.length;i++) imgs[i].xOpacity = 0;
        current=Math.floor(Math.random()*imgs.length)
        imgs[current].style.display = 'block';
        imgs[current].xOpacity = 1000;

        setTimeout(so_xfade,5000);
    }

    function so_xfade()
    {
        nIndex = imgs[current+1]?current+1:0;
        imgs[nIndex].style.display = 'block';
        
        imgs[current].xOpacity-=25;
        imgs[nIndex].xOpacity+=25;

        setOpacity(imgs[current]);
        setOpacity(imgs[nIndex]);

        if(imgs[current].xOpacity<=0)
        {
            imgs[current].style.display = 'none';
            current = nIndex;
            setTimeout(so_xfade,10000);
        }
        else
        {
            setTimeout(so_xfade,100);
        }

        function setOpacity(obj)
        {
            if(obj.xOpacity>1000)
            {
	            obj.xOpacity = 1000;
	            return;
            }
            if(obj.xOpacity<0)
            {
	            obj.xOpacity = 0;
	            return;
            }

            obj.style.opacity = obj.xOpacity/1000;
            obj.style.MozOpacity = obj.xOpacity/1000;
            obj.style.filter = 'alpha(opacity=' + (obj.xOpacity/10) + ')';
        }
    }
                    
    
//-->