var mouseX;
var mouseY;

$(document).ready(function(){

	$("div.zoekItem").prepend('<div class="float"><img src="images/button_yellow_left.jpg"/></div>').append('<div class="float"><img src="images/button_yellow_right.jpg"/></div>');
	$("div.button").prepend('<div class="float"><img src="images/button_rounded_left.jpg"/></div>').append('<div class="float"><img src="images/button_rounded_right.jpg"/></div>');

	$("#colofon").click(function(e){
		block('div#popup_colofon');
	});
	
	$("#sec").click(function(e){
		block('div#popup_alert');
	});
    
    $().mousemove(function(e){
        mouseX=e.pageX;
        mouseY=e.pageY;
    });

});

//Functie hoe werkt het?
function blockHoeWerktHet(){
	var links = ($(window).width()/2)-480;
	
	$.blockUI({
		fadeIn: 200,
		message: $('#hoewerkthet'),
		css: {
			width: '960px',
			border: 0,
			left: links+'px',
			top: '20px'
		}
	});
}

// Functie voor het maken van tekstballon
function block(div){
	var posX = mouseX-($('div.popup').width())+300;
	var posY = mouseY-($('div.popup').height());
	
	$.blockUI({
		fadeIn: 200,
		message: $(div),
		css: {
			background: 'none',
			border: 0,
			left: posX+'px',
			top: posY+'px'
		}
	});
}

// Functie voor het sluiten van de tekstballon
function unBlock(){
	$.unblockUI({fadeOut: 200});
}

// Functie voor het tonen en verbergen van menu
function toggle_visibility(id) {
   var e = document.getElementById(id);
   if(e.style.display == 'block')
	  e.style.display = 'none';
   else
	  e.style.display = 'block';
}