references = [];
i = 0;

setLogo = function (references) {
	var total = references.length;
	if(i < total) {
		$('references').setStyle('background-image', 'url(_cms/files/'+references[i]+')');
		i++;
	} else {
		i = 0;
		$('references').setStyle('background-image', 'url(_cms/files/'+references[i]+')');
		i++;
	}
};

processAjaxRequest = function (responseText, responseXML) {
	references = responseText.split(";");
	setInterval('setLogo(references)',1500);
}

function closePopup() {
	$("close_button").removeEvent('click', closePopup);
	$("close_button").addEvent('click', openPopup);
	
	var body_morph = new Fx.Morph('bodyID');

	body_morph.set({
		padding: '0px 0px 0px 0px',
		backgroundPosition: '0px 0px'
	});
	
	var popup_morph = new Fx.Morph('popup');

	popup_morph.set({
		top: '-150px'
	});
	
	$('openline').setStyle('display', 'block');
	$('closeline').setStyle('display', 'none');
	
	$('close_button').blur();
}

function openPopup() {
	$("close_button").removeEvent('click', openPopup);
	$("close_button").addEvent('click', closePopup);
	
	var body_morph = new Fx.Morph('bodyID');

	body_morph.set({
		padding: '121px 0px 0px 0px',
		backgroundPosition: '0px 121px'
	});
	
	var popup_morph = new Fx.Morph('popup');

	popup_morph.set({
		top: '-0px'
	});
	
	$('openline').setStyle('display', 'none');
	$('closeline').setStyle('display', 'block');
	
	$('close_button').blur();
}

window.addEvent('domready', function() {
	if($("close_button") != null){
		$("close_button").addEvent('click', closePopup);
	}
});

var referencesRequest = new Request({url:"http://www.wdp.be/index.php/welcome/getreferences/",method:'get',onSuccess:processAjaxRequest});
referencesRequest.send();