$(document).ready(function() {

	$("#slickbox").hide();
	
	$("#slick-slidetoggle").click(function(){
		if($("#tdbutton").hasClass("open")) {
			document.getElementById('slickbox').style.display = "none";
			$("#tdbutton").removeClass("open");
			$("#tdbutton").addClass("close");
			$("#slickbox").slideUp(100);
			return false;
		} else {
			document.getElementById('slickbox').style.display = "inline";
			$("#tdbutton").removeClass("close");
			$("#tdbutton").addClass("open");
			$("#slickbox").slideDown(100);
			
			document.getElementById('slickbox').innerHTML = '<div align="center"><br /><br />><img src="pictures/ajax-loader.gif" alt="Loading" /><br /><br /></div>';
			var id = document.getElementById('id').value;
			var nr = document.getElementById('nrOfevents').value;
			if(window.XMLHttpRequest){
				xmlhttp = new XMLHttpRequest();
			} else {
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			xmlhttp.onreadystatechange = function(){
				if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
					document.getElementById('slickbox').innerHTML = xmlhttp.responseText;
				}
			}
			xmlhttp.open("GET","getNotifications.php?user="+id+"&nr="+nr,true);
			xmlhttp.send();
			
			return false;
		}
		//$("#slickbox").slideToggle("fast");
		//return false;
	}); 
});