// JavaScript Document

//pagina die bijhoudt welke delen van een site geladen moeten worden
//alle links verwijzen naar de volgende functie

//voor het bijhouden van de getoonde links
var limiet = 0;

function page(pagina)
{
	
//actueel pagina	
	if(pagina == "actueel" || pagina == "")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#000000" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/actueel.png";
		
		//middenkadertop
		$("#middenkadertop").html(' <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="310"><param name="movie" value="images/head.swf" /><param name="quality" value="high" /><param name="wmode" value="opaque" /><param name="swfversion" value="6.0.65.0" /><!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --><param name="expressinstall" value="scripts/expressInstall.swf" /><!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --><!--[if !IE]>--><object type="application/x-shockwave-flash" data="images/head.swf" width="500" height="310"><!--<![endif]--><param name="quality" value="high" /><param name="wmode" value="opaque" /><param name="swfversion" value="6.0.65.0" /><param name="expressinstall" value="scripts/expressInstall.swf" /><!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --><div><h4>Content on this page requires a newer version of Adobe Flash Player.</h4><p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p></div><!--[if !IE]>--></object><!--<![endif]--></object>');
		$("#middenkadertop").css({ "height": "310px", "width" : "500px", "border-right":"1px dashed #999999", "border-bottom":"1px dashed #999999"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "controllers/Nieuws.php",
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);
		$("#middenkaderonder").css({ "height": "450px"});
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		
		//rechterkaderonder
	    var html2 = $.ajax({
			url: "views/home-items.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html+"<br>"+html2);

		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "1px dashed #999999"});
		$("#middenkaderonder").css({ "height": "452px","border-right":"1px dashed #999999","padding-left":"0px"});
		
	}


//profiel pagina	
	if(pagina == "profiel")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#000000" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/profiel.png";
		
		//middenkadertop
		$("#middenkadertop").html('<img src="images/foto-profiel.jpg" />');
		$("#middenkadertop").css({ "height": "310px", "width" : "500px", "border-right":"1px dashed #999999", "border-bottom":"1px dashed #999999"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "views/profiel.php",
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "1px dashed #999999"});
		$("#middenkaderonder").css({ "height": "452px","border-right":"0px dashed #999999","padding-left":"0px"});
		
	}


//profiel pagina	
	if(pagina == "onswerk")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#000000" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/onswerk.png";
		
		//middenkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		$("#middenkadertop").html("<div style='margin-left: 171px;'>"+html+"</div>");
		$("#middenkadertop").css({ "height": "320px", "width" : "400px", "border-right":"1px dashed #999999", "border-bottom":"1px dashed #999999"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "controllers/Portfolio.php",
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);

		//rechterkadertop
		$("#rechterkadertop").html("&nbsp;");
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "0px"});
		$("#middenkaderonder").css({ "height": "452px","border-right":"1px dashed #999999","padding-left":"20px"});
		
	}



//profiel pagina	
	if(pagina == "contact")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#000000" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/contact.png";
		
		//middenkadertop
		$("#middenkadertop").html('<img src="images/foto-contact.jpg" />');
		$("#middenkadertop").css({ "height": "310px", "width" : "500px", "border-right":"1px dashed #999999", "border-bottom":"1px dashed #999999"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "views/contact.php",
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);
		
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "1px dashed #999999"});
		$("#middenkaderonder").css({ "height": "452px","border-right":"0px dashed #999999","padding-left":"0px"});
		
	}


//profiel pagina	


	if(pagina == "voorwie")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#000000" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/voorwie.png";
		
		//middenkadertop
		$("#middenkadertop").html('<img src="images/foto-voorwie.jpg" />');
		$("#middenkadertop").css({ "height": "310px", "width" : "500px", "border-right":"1px dashed #999999", "border-bottom":"1px dashed #999999"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "views/voorwie.php",
			data: "?limiet="+limiet,
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "1px dashed #999999"});
		$("#middenkaderonder").css({ "height": "452px","border-right":"0px dashed #999999","padding-left":"0px"});
		
	}
	
// music pagina	NEW door V-Jake
	if(pagina == "music")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#000000" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/music.png";
		
		//middenkadertop
		$("#middenkadertop").html('<img src="images/foto-music.jpg" />');
		$("#middenkadertop").css({ "height": "310px", "width" : "500px", "border-right":"1px dashed #999999", "border-bottom":"1px dashed #999999"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "views/music.php",
			data: "?limiet="+limiet,
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "1px dashed #999999"});
		$("#middenkaderonder").css({ "height": "452px","border-right":"0px dashed #999999","padding-left":"0px"});
		
	}



//profiel pagina	
	if(pagina == "linksrechts")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#000000" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/linksrechts.png";
		
		//middenkadertop
		$("#middenkadertop").html('<img src="images/foto-linksrechts.jpg" />');
		$("#middenkadertop").css({ "height": "310px", "width" : "500px", "border-right":"1px dashed #999999", "border-bottom":"1px dashed #999999"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "views/linksrechts.php",
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);
		$("#middenkaderonder").css({ "height": "450px"});
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "1px dashed #999999"});
		$("#middenkaderonder").css({ "height": "452px","border-right":"0px dashed #999999","padding-left":"0px"});
		
	}
//profiel pagina	
	if(pagina == "rechtslinks")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#000000" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/linksrechts.png";
		
		//middenkadertop
		$("#middenkadertop").html('<img src="images/rechtslinks.jpg" />');
		$("#middenkadertop").css({ "height": "310px", "width" : "500px", "border-right":"1px dashed #999999", "border-bottom":"1px dashed #999999"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "views/linksrechts.php",
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);
		$("#middenkaderonder").css({ "height": "450px"});
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "1px dashed #999999"});
		$("#middenkaderonder").css({ "height": "452px","border-right":"0px dashed #999999","padding-left":"0px"});
		
	}

//profiel pagina	
	if(pagina == "disclaimer")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#000000" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/linksrechts.png";
		
		
		
		//middenkadertop
	    var html = $.ajax({
			url: "views/disclaimer.php",
			async: false
 		}).responseText;
		
		$("#middenkadertop").html(html);
		$("#middenkadertop").css({ "height": "760px", "width" : "500px", "border-right":"1px dashed #999999", "border-bottom":"0px dashed #999999"});

		//middenkaderonder
		
		$("#middenkaderonder").html("");
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "1px dashed #999999" , "width" : "1250px"});
		$("#middenkaderonder").css({ "height": "0px","border-right":"1px dashed #999999","padding-left":"0px"});
		
	}


//profiel pagina	
	if(pagina == "nancy")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#ff0099" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/nancy.png";
		
		//middenkadertop
		//middenkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		$("#middenkadertop").html("<div style='margin-left: 25px;'>"+html+"</div>");
		$("#middenkadertop").css({ "height": "310px", "width" : "350px", "border-right":"0px"});
		$("#menu").css({ "margin-top": "87px", "margin-left": "0px"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "views/nancy-tekst.php",
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/nancy-foto.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "0px" , "width" : ""});
		$("#middenkaderonder").css({ "height": "452px","border-right":"1px dashed #999999","padding-left":"0px"});
		
		
	}

//profiel pagina	
	if(pagina == "marco")
	{
		
		
		//linkerkader
		$("#linkerkader").css({ "background-color": "#0099cc" });
		
		//onderwerp
		document.getElementById("onderwerp").src="images/marco.png";
		
		//middenkadertop
		//middenkadertop
	    var html = $.ajax({
			url: "views/menu.php",
			async: false
 		}).responseText;
		$("#middenkadertop").html("<div style='margin-left: 25px;'>"+html+"</div>");
		$("#middenkadertop").css({ "height": "310px", "width" : "350px", "border-right":"0px"});
		$("#menu").css({ "margin-top": "87px", "margin-left": "0px"});
		
		//middenkaderonder
	    var html = $.ajax({
			url: "views/marco-tekst.php",
			async: false
 		}).responseText;
		
		$("#middenkaderonder").html(html);
		
		//rechterkadertop
	    var html = $.ajax({
			url: "views/marco-foto.php",
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);
		
		
		//css gedeelte bij deze pagina voor het menu
		$("#menuDiv").css({ "border-bottom": "0px" , "width" : ""});
		$("#middenkaderonder").css({ "height": "452px","border-right":"1px dashed #999999","padding-left":"0px"});
		
	}




	
}








function onsWerk(id)
{
	

	    var html = $.ajax({
			url: "controllers/Toonwerk.php",
			data: "pagina="+id,
			async: false
 		}).responseText;
		
		$("#rechterkadertop").html(html);

	
	
}