request = false;
		currentBGImage = '';
		currentTemplate = '';		

		window.onload = function() { 
			StateManager.initialize();
			//whipeItem = "imageOverlay";
			//ttlWhipe = new effectWebWhipe();
			//fadeItem = "mainImage";
			//fadeImage = new effectWebFadeIn();
			//blindItem = "bgImage";
			//imageBlind = new effectWebBlind();
			//blindItem = "bgTop";
			//homeBlind = new effectHomeBlind();
			if(titlePath=='Home'){
				homePageInit();
			}
		}

		var StateManager = EXANIMO.managers.StateManager;
		StateManager.onstatechange = function(e)
		{
				if(request==false){
					//ttlWhipe.whipeStop();
					//fadeImage.fadeStop();
					//imageBlind.blindStop();
					//if(typeof(newsWhiper)!='undefined'){
					//	newsWhiper.whipeStop();
					//}
					//if(typeof(newsFader)!='undefined'){
					//	newsFader.fadeStop();
					//}
					if(e.id!='defaultState'){
						getPage(e.id);
						request = true;
					} else {
						window.location = webURL+"/Home";
					}
				} 
				//clearTimeout(newsFadeInTimer);
				//clearTimeout(newsFadeOutTimer);
		}        
		
		function loadNews(newsGroupId,newsId)
		{
				setAjaxLoader("on");	
				request = true;
				postString = 'newsGroupId='+newsGroupId;
				postString+= '&newsId='+newsId;
				loadXMLDocWeb('POST',"news_tools.php",postString,'loadContainer','');
		}
		
		function displayNews(newsContent)
		{
			setAjaxLoader("off");			
			document.getElementById("newsContent").innerHTML = decodeURI(newsContent).replace(/'/g,"'");
			request = false;			
		}
		
		
		function homePageInit(){
			//language = languageCode;
			//document.getElementById("languageSelector").style.display = 'none';
			//loadMenu();
			if(homeInit==true){
				//homeBlind.blindUp();
				//imageBlind.blindDown();
				 blindHome();
			}
		}
		
		
		function loadMenu()
		{
				//setAjaxLoader("on");	
				request = true;
				postString = 'languageCode='+languageCode;
				loadXMLDocWeb('POST',"custom_home_menu.php",postString,'loadContainer','');
		}
		
		function initHomeMenu(homeMenu)
		{
			alert(decodeURI(homeMenu).replace(/'/g,"'"));
			document.getElementById("imageOverlay").innerHTML = decodeURI(homeMenu).replace(/'/g,"'");
		}

		function getPage(pageTitle)
		{
				setAjaxLoader("on");
				postString = 'pagetitle='+pageTitle;
				postString+= '&SiteUrl='+webURL;
				postString+= '&languageCode='+languageCode;
				loadXMLDocWeb('POST',webURL+"ajax_tools.php",postString,'loadContainer','');
		}
		
		function loadPage(parentMenuId,menuId,template,stylesheet,pageName,image,ttlImage,ttlImageSRC,content,newsItems)
		{
			loadExternalStylesheetWeb(webURL+'template/module_template/'+stylesheet+'/stylesheet.css');
			setAjaxLoader("off");
			nrOfNewsItems = newsItems;
			// Menu Satus
			if((document.getElementById("site_menu"+currentMenuId)) && (document.getElementById("site_menu"+currentMenuId).src.indexOf('_selected')!=-1)){
				document.getElementById("site_menu"+currentMenuId).src = document.getElementById("site_menu"+currentMenuId).src.replace("_selected.gif",".gif");
			}
			if(document.getElementById("site_menu"+menuId).src.indexOf('_selected')==-1){
				document.getElementById("site_menu"+menuId).src = document.getElementById("site_menu"+menuId).src.replace(".gif","_selected.gif");
			}
			currentMenuId = menuId;
			if(currentParentId!=parentMenuId && document.getElementById("subMenu"+currentParentId)){
				document.getElementById("subMenu"+currentParentId).style.display = 'none';
				document.getElementById("caseMenu"+currentParentId).style.display = 'none';
				if(document.getElementById("site_menu"+currentParentId).src.indexOf('_selected')!=-1){
					document.getElementById("site_menu"+currentParentId).src = document.getElementById("site_menu"+currentParentId).src.replace("_selected.gif",".gif");
				}
			}
			if((currentParentId==parentMenuId) && (document.getElementById("site_menu"+parentMenuId).src.indexOf('_selected')==-1)){
				document.getElementById("site_menu"+parentMenuId).src = document.getElementById("site_menu"+parentMenuId).src.replace(".gif","_selected.gif");
			}
			if((currentParentId!=parentMenuId) && (document.getElementById("subMenu"+parentMenuId))){
				document.getElementById("subMenu"+parentMenuId).style.display = '';
				document.getElementById("caseMenu"+parentMenuId).style.display = '';
				if((parentMenuId!=currentMenuId) && (document.getElementById("site_menu"+parentMenuId).src.indexOf('_selected')==-1)){
					document.getElementById("site_menu"+parentMenuId).src = document.getElementById("site_menu"+parentMenuId).src.replace(".gif","_selected.gif");
				}
			} 
			currentParentId = parentMenuId;
			
			document.getElementById("titleImage").src = ttlImageSRC;
			document.getElementById("contentContainer").innerHTML = decodeURI(content).replace(/'/g,"'");	
			//document.getElementById("contentContainer").style.display = 'none';
			
			if(template=='template1'){
				news = false;
				fadeBackgroundImage = true;
				document.getElementById("theBody").style.backgroundColor = '#FFFFFF';
				document.getElementById("bgTopLeft").className = 'bgTopLeft';
				if(languageCode=='nl'){
					document.getElementById("bgTopCenter").className = 'bgTopCenterNL';
				} else {
					document.getElementById("bgTopCenter").className = 'bgTopCenterGB';
				}
				document.getElementById("bgTopRight").className = 'bgTopRight';	
				document.getElementById("homeText1").style.display = 'none';
				//document.getElementById("homeText2").style.display = 'none';
				document.getElementById("homeMenuTable").style.display = 'none';
				document.getElementById("mainMenuTable").style.display = '';
				document.getElementById("imageOverlay").style.left = '370px'
				document.getElementById("imageOverlay").style.display = 'none'
				document.getElementById("titleImage").style.display = '';
				document.getElementById("ttlCases").style.display = 'none';
				document.getElementById("contentRow").className = 'bgContent';
				if(currentBGImage!=image || currentTemplate!='template1'){
						document.getElementById("mainImage").style.display = 'none';
						document.getElementById("mainImage").src = image;
						currentBGImage = image;
						fadeBackgroundImage = true;
				} else {
					fadeBackgroundImage = false;
				}
				currentTemplate = template;
				template1effect();
			}
			if(template=='template2'){
				news = true;
				document.getElementById("theBody").style.backgroundColor = '#FFFFFF';
				document.getElementById("bgTopLeft").className = 'bgTopLeft';
				if(languageCode=='nl'){
					document.getElementById("bgTopCenter").className = 'bgTopCenterNL';
				} else {
					document.getElementById("bgTopCenter").className = 'bgTopCenterGB';
				}
				document.getElementById("bgTopRight").className = 'bgTopRight';	
				document.getElementById("homeText1").style.display = 'none';
				//document.getElementById("homeText2").style.display = 'none';
				document.getElementById("imageOverlay").style.left = '370px'
				document.getElementById("imageOverlay").style.display = 'none'
				document.getElementById("titleImage").style.display = '';
				document.getElementById("homeMenuTable").style.display = 'none';
				document.getElementById("mainMenuTable").style.display = '';
				document.getElementById("ttlCases").style.display = 'none';
				document.getElementById("contentRow").className = 'bgContent2';
				template2effect();
				currentTemplate = template;
			}
			if(template=='template3'){
				news = false;
				document.getElementById("theBody").style.backgroundColor = '#FFFFFF';
				document.getElementById("bgTopLeft").className = 'bgTopLeft';
				if(languageCode=='nl'){
					document.getElementById("bgTopCenter").className = 'bgTopCenterNL';
				} else {
					document.getElementById("bgTopCenter").className = 'bgTopCenterGB';
				}
				document.getElementById("bgTopRight").className = 'bgTopRight';
				document.getElementById("homeText1").style.display = 'none';
				//document.getElementById("homeText2").style.display = 'none';
				document.getElementById("imageOverlay").style.left = '370px'
				document.getElementById("titleImage").style.display = '';
				document.getElementById("homeMenuTable").style.display = 'none';
				document.getElementById("mainMenuTable").style.display = '';
				document.getElementById("ttlCases").style.display = 'none';
				document.getElementById("contentRow").className = 'bgContent2';
				template3effect();	
				currentTemplate = template;
			}	
			if(template=='template4'){
				news = true;
				document.getElementById("theBody").style.backgroundColor = '#9d022d';
				document.getElementById("bgTopLeft").className = 'bgTopLeft';
				if(languageCode=='nl'){
					document.getElementById("bgTopCenter").className = 'bgTopCenterNL';
				} else {
					document.getElementById("bgTopCenter").className = 'bgTopCenterGB';
				}
				document.getElementById("bgTopRight").className = 'bgTopRight';	
				document.getElementById("homeText1").style.display = 'none';
				//.getElementById("homeText2").style.display = 'none';
				document.getElementById("imageOverlay").style.left = '0px'
				document.getElementById("titleImage").style.display = 'none';
				document.getElementById("homeMenuTable").style.display = '';
				document.getElementById("mainMenuTable").style.display = 'none';
				document.getElementById("ttlCases").style.display = 'none';
				//imageBlind.blindUp();
				currentTemplate = template;
				//newsWhiper = null;
				//whipeItem = 1;
				//newsWhiper = new newsWhipe();
				//newsWhiper.whipeTimer = setTimeout("newsWhiper.whipeIt();",600);				
			}
			StateManager.setTitle(urlPath+'/'+pageName+' - '+siteTitle);
			request = false;
		}
						

		function loadXMLDocWeb(method,url,dataToSend,container,myfunction)
		{
			ajaxContainer=container;
			javaFunction=myfunction;
			if (window.XMLHttpRequest){ // code for Mozilla, etc.
				xmlhttp=new XMLHttpRequest()
				xmlhttp.onreadystatechange=fillContainerWeb;
				xmlhttp.open(method,url,true);
				xmlhttp.setRequestHeader("Cache-Control", "no-cache");
				xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
				xmlhttp.setRequestHeader('Connection', 'close');
				xmlhttp.send(dataToSend)
			} else if (window.ActiveXObject){ // code for IE
				xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
				if (xmlhttp){
					xmlhttp.onreadystatechange=fillContainerWeb;
					xmlhttp.open(method,url,true);
					xmlhttp.setRequestHeader("Cache-Control", "no-cache");
					xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
					xmlhttp.setRequestHeader('Connection', 'close');
					xmlhttp.send(dataToSend);
				}
			}
		}
	
		// Functie nadat AJAX geladen is
		function fillContainerWeb()
		{
			if (xmlhttp.readyState==4){ // if xmlhttp shows "loaded"
				if (xmlhttp.status==200){ // if "OK"
					if(javaFunction!=''){ // aanroep naar javascript functie
						document.getElementById(ajaxContainer).innerHTML=xmlhttp.responseText;
						eval(javaFunction+'()');
					}
					else{
						eval(xmlhttp.responseText);
					}
				} else{
					document.getElementById(ajaxContainer).innerHTML='error loading';
				}
			}
		}
	
		// Lege Functie
		function doNothing()
		{
			setAjaxLoader("off");	
		}
		
		function setAjaxLoader(state)
		{
			if(state=="on"){
				document.getElementById("ajaxLoader").style.display = "";
			} else {
				document.getElementById("ajaxLoader").style.display = "none";
			}
		}
	
	
	
	
	
	// Validatie
	function validateWebTextElement(theFormElement) 
	{
		theFormElement.className = theFormElement.className.replace('_error','') 
		if(theFormElement.value.length==0){
			theFormElement.className+='_error';
			validForm=false;
		} 
	}

	function validateWebEmailElement(theFormElement)
	{
		theFormElement.className = theFormElement.className.replace('_error','');
		if (theFormElement.value.length >0) {
			i=theFormElement.value.indexOf("@")
			j=theFormElement.value.indexOf(".",i)
			k=theFormElement.value.indexOf(",")
			kk=theFormElement.value.indexOf(" ")
			jj=theFormElement.value.lastIndexOf(".")+1
			len=theFormElement.value.length
				
			if ((i>0) && (j>(1+1)) && (k==-1) && (kk==-1) && (len-jj >=2) && (len-jj<=3)){
			} else {
				theFormElement.className+='_error';
				validForm = false;
			}
		 } else {
			theFormElement.className+='_error';
			validForm = false;
		}
	}
	
	function loadExternalStylesheetWeb(href)
	{
		sheets = document.getElementsByTagName('head')[0].getElementsByTagName('link');
		styleAttached = false;
		for(i=0;i<sheets.length;i++){
			if(sheets[i].getAttribute('href').indexOf(href)!=-1){
				styleAttached = true;
			}
		}
		if(styleAttached==false){
			if( document.createElement && document.childNodes ) {
				var cssElem = document.createElement('link');
				cssElem.setAttribute('href',href);
				cssElem.setAttribute('type','text/css');
				cssElem.setAttribute('rel','stylesheet');
				document.getElementsByTagName('head')[0].appendChild(cssElem);
			}
		}
	}	
	
	
/*--------------------------------------------------------------- 
	Sitestudio Pro. | Effecten 
--------------------------------------------------------------- */
	function blindHome(){
		
		function animateHomeH(value) {
		  document.getElementById('bgTopLeft').style.height = value+'px';
		  document.getElementById('bgTopCenter').style.height = value+'px';
		  document.getElementById('bgTopRight').style.height = value+'px';
		}
		function animateImageH(value) {
		 document.getElementById('bgImage').style.display = '';
		  document.getElementById('bgImageLeft').style.height = value+'px';
		  document.getElementById('bgImageCenter').style.height = value+'px';
		  document.getElementById('bgImageRight').style.height = value+'px';
		  document.getElementById("theBGImage").style.height = value+'px';
		}		
	
		homeBlindUp = new Animation({
		  from: parseInt(document.getElementById('bgTopCenter').offsetHeight),
		  to: 145,
		  tweenType: 'default',
		  ontween: animateHomeH,
		  oncomplete: function() {
		  }	  
		});
		imageBlindDown = new Animation({
		  from: parseInt(document.getElementById('bgImageCenter').offsetHeight),
		  to: 195,
		  tweenType: 'default',
		  ontween: animateImageH,
		  oncomplete: function() {
		  }	  
		});		

		homeBlindUp.start();
		imageBlindDown.start();
	}
	
	
	function template1effect()
	{
		var animations = [];
		var animationCount = 0;
	
		function nextAnimation() {
		  if (animations[animationCount]) {
			writeDebug('starting animation '+animationCount);
			animations[animationCount].start();
			animationCount++;
		  }
		}
		
		function animateImageH(value) {
		  document.getElementById('bgImage').style.display = '';
		  document.getElementById('bgImageLeft').style.height = value+'px';
		  document.getElementById('bgImageCenter').style.height = value+'px';
		  document.getElementById('bgImageRight').style.height = value+'px';
		  document.getElementById("theBGImage").style.height = value+'px';
		}
		
		function fadeImageIn(value) {
				elm = document.getElementById("mainImage").style;
				if(value<100){
					elm.display = '';
					elm.opacity = (value / 100);
					elm.MozOpacity = (value / 100);
					elm.KhtmlOpacity = (value / 100);
					elm.filter = "alpha(opacity="+ value +")";
				}
				if(value>99){
					elm.display='';
					elm.opacity = '';
					elm.MozOpacity = '';
					elm.KhtmlOpacity = '';
					elm.filter = '';
				}
		}
		
		
		function ttlWhipe(value){
			document.getElementById('imageOverlay').style.display = '';
			document.getElementById('imageOverlay').style.width = value+'px';
		}
		
		/*
		function contentFade(value)
		{
			elm = document.getElementById("contentContainer").style;
			if(value<100){
				elm.display = '';
				elm.opacity = (value / 100);
				elm.MozOpacity = (value / 100);
				elm.KhtmlOpacity = (value / 100);
				elm.filter = "alpha(opacity="+ value +")";
			}
			if(value>99){
				elm.display='';
				elm.opacity = '';
				elm.MozOpacity = '';
				elm.KhtmlOpacity = '';
				elm.filter = '';
			}			
		}
		*/
		
		animations.push(new Animation({
		  from: parseInt(document.getElementById('bgImageCenter').offsetHeight),
		  to: 195,
		  tweenType: 'default',
		  ontween: animateImageH,
		  oncomplete: function() {
			  nextAnimation();
			  //nextAnimation();
		 	}
		}));
		//animations.push(new Animation({
		  //from: 40,
		  //to: 100,
		  //ontween: contentFade,
		  //oncomplete: function() {
		//	  nextAnimation();
		 //	}
		//}));
		
		if(fadeBackgroundImage==true){		
			animations.push(new Animation({
			  from: 0,
			  to: 100,
			  tweenType: 'default',
			  ontween: fadeImageIn,
			  oncomplete: function() {
				  nextAnimation();
				  
				}
			}));
		}


		animations.push(new Animation({
		  from: 0,
		  to: 600,
		  tweenType: 'default',
		  ontween: ttlWhipe,
		  oncomplete: function() {
			  //nextAnimation();
		 	}
		}));
		
		nextAnimation();
	}
	
	function template2effect()
	{
		var animations = [];
		var animationCount = 0;
	
		function nextAnimation() {
		  if (animations[animationCount]) {
			writeDebug('starting animation '+animationCount);
			animations[animationCount].start();
			animationCount++;
		  }
		}
		
		function animateImageH(value) {
			if(value>5){
		 //document.getElementById('bgImage').style.display = '';
			  document.getElementById('bgImageLeft').style.height = value+'px';
			  document.getElementById('bgImageCenter').style.height = value+'px';
			  document.getElementById('bgImageRight').style.height = value+'px';
			  document.getElementById("theBGImage").style.height = value+'px';
			} else {
			  document.getElementById('bgImage').style.display = 'none';
			  document.getElementById('bgImageLeft').style.height = value+'px';
			  document.getElementById('bgImageCenter').style.height = value+'px';
			  document.getElementById('bgImageRight').style.height = value+'px';
			  document.getElementById("theBGImage").style.height = value+'px';				
			}
		}
		
		animations.push(new Animation({
		  from: parseInt(document.getElementById('bgImageCenter').offsetHeight),
		  to: 0,
		  tweenType: 'default',
		  ontween: animateImageH,
		  oncomplete: function() {
			  //nextAnimation();
		 	}
		}));
	
		nextAnimation();
	}
	
	function template3effect()
	{
		var animations = [];
		var animationCount = 0;
	
		function nextAnimation() {
		  if (animations[animationCount]) {
			writeDebug('starting animation '+animationCount);
			animations[animationCount].start();
			animationCount++;
		  }
		}
		
		function animateImageH(value) {
			if(value>5){
		 //document.getElementById('bgImage').style.display = '';
			  document.getElementById('bgImageLeft').style.height = value+'px';
			  document.getElementById('bgImageCenter').style.height = value+'px';
			  document.getElementById('bgImageRight').style.height = value+'px';
			  document.getElementById("theBGImage").style.height = value+'px';
			} else {
			  document.getElementById('bgImage').style.display = 'none';
			  document.getElementById('bgImageLeft').style.height = value+'px';
			  document.getElementById('bgImageCenter').style.height = value+'px';
			  document.getElementById('bgImageRight').style.height = value+'px';
			  document.getElementById("theBGImage").style.height = value+'px';				
			}
		}
		
		animations.push(new Animation({
		  from: parseInt(document.getElementById('bgImageCenter').offsetHeight),
		  to: 0,
		  tweenType: 'default',
		  ontween: animateImageH,
		  oncomplete: function() {
			  //nextAnimation();
		 	}
		}));
	
		nextAnimation();
	}	
	
	
// JavaScript Document