/**
 * @author Bart
 */

 
 $(document).ready(function() { 
 	

          
  $('#navigation > ul > li').addClass('navElement'); 
  
  $('#header').load('header.html');
  

   /*
    * NAVIGATIE
   */
   
   function addStyle(){
			height=$('#mainContent').height();
			
			if(height>=300){
				$('#contentHolder').css('height',height+30+"px");
			}
			else if(height<300){
				$('#contentHolder').css('height',"300px");
			}
			
}

   //met subnavigatie
   	$('#btnAlgemeen').click(function() { 
		$('#contentHolder').css("margin-top","10px");
	   	$('#navigation > ul > li').removeClass('navElementActive')
	   	$('#navigation > ul > li').addClass('navElement');
		$('#btnAlgemeen').removeClass('navElement');
		$('#btnAlgemeen').addClass('navElementActive');
	    $('#subNavHolder').load('subNav/subNavAlgemeen.html', addFunctie);
	    		$('#contentHolder').load('Algemeen/algemeen.html',addStyle)

		function addFunctie(){
				
			$('#subNav > ul > li').addClass('subNavElement');
		} 
		
    return false;
 	 }); 
	 
	 	$('#btnStudierichtingen').click(function() { 
		$.ignore = true;
		var URL=$.globalURL + "#/" + "studierichtingen";
		window.parent.location.href = URL;
		$('#contentHolder').css("margin-top","0px");
	   	$('#navigation > ul > li').removeClass('navElementActive')
	   	$('#navigation > ul > li').addClass('navElement');
		$('#btnStudierichtingen').removeClass('navElement');
		$('#btnStudierichtingen').addClass('navElementActive');
		$('#subNavHolder').load('subNav/subNavLeeg.html');
		$('#contentHolder').load('Studierichtingen/richtingen.html');
		height=$('#mainContent').height();
			
			if(height>=300){
				$('#contentHolder').css('height',height+30+"px");
			}
			else if(height<300){
				$('#contentHolder').css('height',"300px");
			}
    return false;
 	 }); 
	 
	
	 
   	$('#btnHeist').click(function() { 
		$.ignore = true;
		var URL=$.globalURL + "#/" + "campusHeist";
		window.parent.location.href = URL;
		$('#contentHolder').css("margin-top","10px");
	   	$('#navigation > ul > li').removeClass('navElementActive')
	   	$('#navigation > ul > li').addClass('navElement');
		$('#btnHeist').removeClass('navElement');
		$('#btnHeist').addClass('navElementActive');
	    $('#subNavHolder').load('subNav/subNavHeist.html',function(){
				if($.clicked){
					$('#btnLiggingHeist').trigger('click');

				}
				$.clicked=true;
			$('#subNav > ul > li').addClass('subNavElement');
		}); 
    return false;
 	 });

   	$('#btnZeebrugge').click(function() { 
		$.ignore = true;
		var URL=$.globalURL + "#/" + "campusZeebrugge";
		window.parent.location.href = URL;
		$('#contentHolder').css("margin-top","10px");
	   	$('#navigation > ul > li').removeClass('navElementActive')
	   	$('#navigation > ul > li').addClass('navElement');
		$('#btnZeebrugge').removeClass('navElement');
		$('#btnZeebrugge').addClass('navElementActive');
	    $('#subNavHolder').load('subNav/subNavZeebrugge.html',function(){
			if($.clicked){
				$('#btnLiggingZeebrugge').trigger('click');
				
			}
			$.clicked = true;
			$('#subNav > ul > li').addClass('subNavElement');
		}); 
    return false;
 	 }); 
	 //Zonder subnavigatie
   	$('#btnNieuws').click(function() { 
		$.ignore = true;
		var URL=$.globalURL + "#/" + "nieuws";
		window.parent.location.href = URL;
		$('#contentHolder').css("margin-top","0px");
	   	$('#navigation > ul > li').removeClass('navElementActive')
	   	$('#navigation > ul > li').addClass('navElement');
		$('#btnNieuws').removeClass('navElement');
		$('#btnNieuws').addClass('navElementActive');
		$('#subNavHolder').load('subNav/subNavLeeg.html');
		$('#contentHolder').load('Scripts/PHP/nieuwsIndex.php',addIndexArchief);
    return false;
 	 }); 

	$('#btnMeerNieuws').click(function() { 
		$.ignore = true;
		var URL=$.globalURL + "#/" + "nieuws";
		window.parent.location.href = URL;
		$('#contentHolder').css("margin-top","0px");
	   	$('#navigation > ul > li').removeClass('navElementActive')
	   	$('#navigation > ul > li').addClass('navElement');
		$('#btnNieuws').removeClass('navElement');
		$('#btnNieuws').addClass('navElementActive');
		$('#subNavHolder').load('subNav/subNavLeeg.html');
		$('#contentHolder').load('Scripts/PHP/nieuwsIndex.php',addIndexArchief);
    return false;
 	 });
	
	
	function addIndexArchief(){
		$('#contentHolder').append('<script type="text/javascript" src="Scripts/NieuwsIndexOverzicht.js"></script>');
		addStyle();

	
	}
	$('#nieuwsWidgetItem').click(function(event) { 
		
	 		var link=event.target;
			$.media=$(link).attr("id");
			$.media="Nieuws/nieuwsMedia.php?id="+$.media;
			$.newsLink=$(link).attr("href");
			loadNieuwsFromWidget();
	    	return false;
	});
	
	function loadNieuwsFromWidget(){
			$.ignore = true;
			var URL=$.globalURL + "#/" + "nieuws";
			window.parent.location.href = URL;
			$('#contentHolder').css("margin-top","0px");
		   	$('#navigation > ul > li').removeClass('navElementActive')
		   	$('#navigation > ul > li').addClass('navElement');
			$('#btnNieuws').removeClass('navElement');
			$('#btnNieuws').addClass('navElementActive');
			$('#subNavHolder').load('subNav/subNavLeeg.html');
			$('#contentHolder').load('nieuws.php', loadNewsItem);
	    return false;
	}
	
 	 
	function loadNewsItem(){
		
		$('#mainContent').load($.newsLink,addStyle);
		$('#nieuwsKaderRechts').load($.media);
		function addStyle(){
			height=$('#mainContent').height();
			
			if(height>=400){
				$('#contentHolder').css('height',height+30+"px");
			}
			else if(height<400){
				$('#contentHolder').css('height',"400px");
			}
			

					} 
    	return false;
	}
	 
   	$('#btnContact').click(function() { 
		$.ignore = true;
		var URL=$.globalURL + "#/" + "contact";
		window.parent.location.href = URL;
		$('#contentHolder').css("margin-top","0px");
	   	$('#navigation > ul > li').removeClass('navElementActive')
	   	$('#navigation > ul > li').addClass('navElement');
		$('#btnContact').removeClass('navElement');
		$('#btnContact').addClass('navElementActive');
	  	$('#subNavHolder').load('subNav/subNavLeeg.html');
		$('#contentHolder').load('contact.html', addStyle);
    return false;
 	 }); 

	$('#btnLinks').click(function() { 
		$.ignore = true;
		var URL=$.globalURL + "#/" + "links";
		window.parent.location.href = URL;
		$('#contentHolder').css("margin-top","0px");
	   	$('#navigation > ul > li').removeClass('navElementActive')
	   	$('#navigation > ul > li').addClass('navElement');
		$('#btnLinks').removeClass('navElement');
		$('#btnLinks').addClass('navElementActive');
	    $('#subNavHolder').load('subNav/subNavLeeg.html');
		$('#contentHolder').load('Links/links.html', loadVakken);
		function loadVakken(){
			$('#mainContent').load("Links/Vakken.html",addStyle);

			
		
		}

    return false;
 	 }); 
	 
	
	 $.globalURL = "http://www.olvtd.be/OLVTD/";
		if(window.parent.location.href != $.globalURL){
			changePage(window.parent.location.href);
			$.clicked=false;
		}else{
			$.clicked=false;
			$('#btnAlgemeen').trigger('click');
			$('#btnGegevens').trigger('click');	
			$.clicked = true;

		}
		$.lastURL = $.globalURL;
		$.ignore = false;
		$(function() {

		  var timer = setInterval( checkURL, 10);

		  var counter = 0;

		  function checkURL() {
			$.currentURL =window.parent.location.href;
			if($.currentURL != $.lastURL){
				$.lastURL = $.currentURL;
				if(!$.clicked){
					changePage($.currentURL);

				}
				$.ignore = false;
			}
		  }

		});


		/*
	 * Deeplinking
	*/

		function changePage(currentURL){
			subPage = false;
			var page = currentURL.split("#");
			page = page[1].substr(1);

			page = page.split("/");
			if(page[1]){
				if(page[1] != ""){
					subPage=page[1];
					subPage = true;
				}
			}
			if(page[0]. toLowerCase() == "gegevens"){
				$('#btnAlgemeen').trigger('click');
				$('#btnGegevens').trigger('click');	
			}else if(page[0]. toLowerCase() == "wieiswie"){
				$('#btnAlgemeen').trigger('click');
				$('#btnWie').trigger('click');
			}else if(page[0]. toLowerCase() == "openbaarvervoer"){
				$('#btnAlgemeen').trigger('click');
				$('#btnVervoer').trigger('click');
			}else if(page[0]. toLowerCase() == "begeleiding"){
				$('#btnAlgemeen').trigger('click');
				$('#btnBegeleiding').trigger('click');
			}else if(page[0]. toLowerCase() == "faq"){
				$('#btnAlgemeen').trigger('click');
				$('#btnFaq').trigger('click');
			}else if(page[0]. toLowerCase() == "liggingheist"){
				$('#btnHeist').trigger('click');
				$('#btnLiggingHeist').trigger('click');
			}else if(page[0]. toLowerCase() == "verkenningheist"){
				$('#btnHeist').trigger('click');
				$('#btnVerkenningHeist').trigger('click');
			}else if(page[0]. toLowerCase() == "ouderraadheist"){
				$.clicked=false;
				$('#btnHeist').trigger('click');
				$('#btnOuderraadHeist').trigger('click');
			}else if(page[0]. toLowerCase() == "liggingzeebrugge"){
				$('#btnZeebrugge').trigger('click');
				$('#btnLiggingZeebrugge').trigger('click');
			}else if(page[0]. toLowerCase() == "verkenningzeebrugge"){
				$('#btnZeebrugge').trigger('click');
				$('#btnVerkenningZeebrugge').trigger('click');
			}else if(page[0]. toLowerCase() == "europees"){
				$('#btnZeebrugge').trigger('click');
				$('#btnEuropees').trigger('click');
			}else if(page[0]. toLowerCase() == "oudleerling"){
				$('#btnZeebrugge').trigger('click');
				$('#btnOudlln').trigger('click');
			}else if(page[0]. toLowerCase() == "studierichtingen"){
				$('#btnStudierichtingen').trigger('click');
			}else if(page[0]. toLowerCase() == "nieuws"){
				$('#btnNieuws').trigger('click');
			}else if(page[0]. toLowerCase() == "contact"){
				$('#btnContact').trigger('click');
			}else if(page[0]. toLowerCase() == "links"){
				$('#btnLinks').trigger('click');
			}else if(page[0]. toLowerCase() == "campusheist"){
				$.clicked=false;
				$('#btnHeist').trigger('click');
				$('#btnLiggingHeist').trigger('click');
				$.clicked = true;
			}else if(page[0]. toLowerCase() == "campuszeebrugge"){
				$.clicked=false;
				$('#btnZeebrugge').trigger('click');
				$('#btnLiggingZeebrugge').trigger('click');
				$.clicked = true;
			}
			
		}

	
	
  

});
