// JavaScript Document

var mySlide;
var fx;
window.addEvent('domready', function () {					  
	//new Accordion ('.itemkop', '.itembody', {opacity: false});
	//fx = new Fx.Styles($('popup'), {duration:200, wait:false});
	fx = new Fx.Morph($('popup'), {duration: 200, wait: false});
});

/*
function info(over) {
	$('bovenmid').setStyle('display','none');
	var url = "getInfo.php?over="+over;
	new Ajax(url, {method: 'get', update: $('bovenmid'), onComplete: function() {new Accordion ('.itemkop', '.itembody', {opacity: false, duration:100, onComplete: function(){$('bovenmid').setStyle('display','block');} });} }).request();
}
*/

function toonpopup(x, y, w) {
	$('popup').setStyle('left', x+'px');
	$('popup').setStyle('top', y+'px');
	$('popup').setStyle('width', w+'px');
	$('popup').setStyle('visibility', 'visible');
	fx.start({'background-color': '#000'});
}

function verbergpopup() {
	$('popup').setStyle('visibility', 'hidden');
	fx.start({'background-color': '#FFF'});
}

function meer(over, x, y, w) {
	$('popup').setStyle('background-color', '#FFF');
	//var url = "getInfo.php?over="+over;
	//new Ajax(url, {method: 'get', update: $('popup'), evalScripts:true, onComplete: function() {toonpopup(x, y, w);} }).request();
	new Request.HTML({url: 'getInfo.php', method: 'get', update: $('popup'), evalScripts:true, onComplete: function() {toonpopup(x, y, w);} }).get({'over': over});
}

window.addEvent('load', function(){
	var popup = $('popup');
		//popup.addEvent('click', function(){verbergpopup()});
	});