// JavaScript Document



$(document).ready(function(){

	if (document.getElementById('fullscreenBackground')) {
		writeSwfSingle(); 
		setTimeout("$('#textBox').fadeIn(10);",50);	
	}
		
});

function readNewPage(urlstr,breedte)
{
	var querystring = "";
		 $.ajax({
		   type: "GET",
		   url: urlstr,
		   data: querystring,
		   success: function(html){		
				$("#textarea").html(html);	
				setTimeout("$('#textBox').stop().fadeIn(10);",50);	
				setTimeout("$('#textBox').width(" + (breedte-20) + ");",50);				
		   }
	 });		
}

function resetMenu(elem)
{
	$("#navigation a").removeClass('active');
	$("#mnu" + elem).addClass('active');

}

function switchPage(breedte,pos,elem,page,graph)
{
	if (document.getElementById('readystate').value==1) {		
		$("#dyncontentloader").html('');	
		$("#bgimage").animate({ opacity: 0},200,
				function() {
					$("#bgimage").animate( { opacity:"1.0" } , 600).css({ backgroundImage: 'url("' + graph + '")'});						
				});				
		
		document.getElementById('readystate').value=0;
		resetMenu(elem);	
		$("#textarea").html('');	
		$("#textarea").stop().fadeOut(150);
		$("#content").stop();	
		$("#content").animate(
			{  
				marginLeft: pos,
				width: breedte
			},
			750,
			function() {
				// moving complete
				//setTimeout("readNewPage(\'" + page + "\');",1000);
				readNewPage(page,breedte);					
				$("#textarea").css({ marginLeft: pos });
				$("#textarea").css({ width: (breedte+18) });
				$("#textarea").fadeIn(300);
				setTimeout("document.getElementById('readystate').value=1;",1000);
				if(FlashDetect.installed){
					hilitNext();
				}
			}
		);
	}
	
}



function writeSwfSingle()
{
	
	var so = new SWFObject("images/single.swf", "backgroundSlider", "100%", "100%", "8.0.23", "", true);						
	so.addParam("wmode", "transparent");

	so.write("fullscreenBackground");		                           	
}




function setSimpleImage(imgpath)
{
	
	window.document.backgroundSlider.SetVariable("afbeelding", imgpath); 
}


function loadGallery(foto) {
	if (document.getElementById('bgimage')) {		
		$("#bgimage").animate( { opacity:"0.0" } , 1 );
		$("#bgimage").animate( { opacity:"1.0" } , 800).css({ backgroundImage: 'url("' + foto + '")'});	
	}
}