$(document).ready(function(){

	if ( $("#side-link1").length > 0 ) {

		$("#side-link1 a").click(function() { 
			animation("#side-cont1", "#title-page-holder #wat-is-digitale-tv", '<h2 class="title-page" id="wat-is-digitale-tv">Wat is digitale TV?</h2>');
			return false;
		});
		
		$("#side-link2 a").click(function() { 
			animation("#side-cont2", "#title-page-holder #de-voordelen-van-digitale-televisie", '<h2 class="title-page" id="de-voordelen-van-digitale-televisie">De voordelen van digitale televisie</h2>');
			return false;
		});
		
		$("#side-link3 a").click(function() { 
			animation("#side-cont3", "#title-page-holder #wat-heb-ik-nodig-om-digitale-televisie-thuis-te-ontvangen", '<h2 class="title-page" id="wat-heb-ik-nodig-om-digitale-televisie-thuis-te-ontvangen">Wat heb ik nodig om digitale televisie thuis te ontvangen?</h2>');
			return false;
		});
		
		$("#side-link4 a").click(function() { 
			animation("#side-cont4", "#title-page-holder #is-digitale-televisie-duur", '<h2 class="title-page" id="is-digitale-televisie-duur">Is digitale televisie duur?</h2>');
			return false;
		});
		
		$("#side-link5 a").click(function() { 
			animation("#side-cont5", "#title-page-holder #wat-zijn-themakanalen", '<h2 class="title-page" id="wat-zijn-themakanalen">Wat zijn themakanalen?</h2>');
			return false;
		});
	
		$("#side-link6 a").click(function() { 
			animation("#side-cont6", "#title-page-holder #kan-ik-de-themakanalen-ook-op-internet-zien", '<h2 class="title-page" id="kan-ik-de-themakanalen-ook-op-internet-zien">Kan ik de themakanalen ook op internet zien?</h2>');
			return false;
		});
	
		$("#side-link7 a").click(function() { 
			animation("#side-cont7", "#title-page-holder #is-mijn-internetverbinding-snel-genoeg", '<h2 class="title-page" id="is-mijn-internetverbinding-snel-genoeg">Is mijn internetverbinding snel genoeg?</h2>');
			return false;
		});
		
		$("#side-link8 a").click(function() { 
			animation("#side-cont8", "#title-page-holder #zijn-de-programmas-ook-on-demand-beschikbaar", '<h2 class="title-page" id="zijn-de-programmas-ook-on-demand-beschikbaar">Zijn de programma\'s ook on demad beschikbaar?</h2>');
			return false;
		});
	}
});

function animation(currentBodyId, currentHeaderId, replaceText){
		var headerId = currentHeaderId;
		var headerNew = replaceText;
		
		$('#cont-page-holder').fadeOut('slow',function() {
			$('#cont-page-holder').html($(currentBodyId).html());
			$('#cont-page-holder').fadeIn();
		});

                $("#title-page-holder").fadeOut('slow', function(){
                        $("#title-page-holder").replaceWith('<div id="title-page-holder">' + headerNew +'</div>');
                        $("#title-page-holder h2").fadeIn('slow');
                });

	}