var delay = 16000;
var start_frame = 0;

function init() {
	var lis = $('slide-images').getElementsByTagName('li');
	
	for( i=0; i < lis.length; i++){
		if(i!=0){
			lis[i].style.display = 'none';
		}
	}
	end_frame = lis.length -1;
	
	start_slideshow(start_frame, end_frame, delay, lis);
	
	
}



function start_slideshow(start_frame, end_frame, delay, lis) {
	setTimeout(fadeInOut(start_frame,start_frame,end_frame, delay, lis), delay);
}


function fadeInOut(frame, start_frame, end_frame, delay, lis) {
	return (function() {
		lis = $('slide-images').getElementsByTagName('li');
		Effect.Fade(lis[frame]);
		if (frame == end_frame) { frame = start_frame; } else { frame++; }
		lisAppear = lis[frame];
		setTimeout("Effect.Appear(lisAppear);", 0);
		setTimeout(fadeInOut(frame, start_frame, end_frame, delay), delay + 16000);
	})
	
}


Event.observe(window, 'load', init, false);

Effect.MoveTo = Class.create();
Object.extend(Object.extend(Effect.MoveTo.prototype, Effect.MoveBy.prototype), {
  update: function(position) {
    var topd  = (this.toTop - this.originalTop) * position + this.originalTop;
    var leftd = (this.toLeft - this.originalLeft) * position + this.originalLeft;
    this.setPosition(topd, leftd);
  }
});


//////// Content ///////

function loadFile(url,target) {
var page = "content.php?id="+url;
    // native XMLHttpRequest object
    document.getElementById(target).innerHTML = '<div id="loader" style="position:absolute;top:10px;background-image:url(images/loading.gif);background-repeat: no-repeat;background-position: center;width:100%;height:100%;background-color:white;filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90;align:center;"><div>';
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = function() {jahDone(target);};
        req.open("GET", page, true);
        req.send(null);
        
    // IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = function() {jahDone(target);};
            req.open("GET", page, true);
            req.send();
        }
    }
}    

function jahDone(target) {
    // only if req is "loaded"
    if (req.readyState == 4) { 
        // only if "OK"
        if (req.status == 200) {
            results = req.responseText;
            document.getElementById(target).innerHTML = results;                              
            
        } else {
            document.getElementById(target).innerHTML='<h3>Probleem met verkrijgen van data, refresh een keer:<br>' +
req.statusText+'</h3>';
        }
    }
}