/*--------------------------------------------------------------- 
	Sitestudio Pro | Ajax
--------------------------------------------------------------- */
	function loadXMLDocWeb(method,url,dataToSend,container)
	{
		ajaxContainer=container;
		//document.getElementById(ajaxContainer).innerHTML = '';
		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"
				//document.getElementById(ajaxContainer).innerHTML=xmlhttp.responseText;
				//scrollContainer = 'webNewsScrollContainer';
				//webNewsScrollContainer = new webScrollBar();
				mailFriendTimer = setTimeout( "webPanelMailToAFriend.panelClose()",500);
				
			} else {
				document.getElementById(ajaxContainer).innerHTML='error loading';
			}
		}
	}
	
function webCreateMethodReference(object, methodName) {
		return function () {
        object[methodName]();
    }
}
	
// JavaScript Document
function newsFadeIn(elm,startOpacity,endOpacity)
{
	document.getElementById(elm+"div").style.display='';
	if( startOpacity < endOpacity ){
	  var object = document.getElementById(elm).style;
    object.opacity = (startOpacity / 100);
    object.MozOpacity = (startOpacity / 100);
    object.KhtmlOpacity = (startOpacity / 100);
    object.filter = "alpha(opacity='"+ startOpacity +"')";
		startOpacity=startOpacity+10;
		newsFadeInTimer = setTimeout( "newsFadeIn('"+elm+"',"+startOpacity+","+endOpacity+")",50);
	}
	if( startOpacity  ==endOpacity ){
		if(endOpacity==100){
			var object = document.getElementById(elm).style;
			object.display='';
			object.opacity = '';
			object.MozOpacity = '';
			object.KhtmlOpacity = '';
			object.filter = '';
			newsFadeOutTimer = setTimeout( "newsFadeOut('"+elm+"',100,0)",4000);
		}else{
			var object = document.getElementById(elm).style;
			object.opacity = (startOpacity / 100);
			object.MozOpacity = (startOpacity / 100);
			object.KhtmlOpacity = (startOpacity / 100);
			object.filter = "alpha(opacity='" + startOpacity + "')";
		}
		clearTimeout(newsFadeInTimer);
	}
}
function newsFadeOut(elm,startOpacity,endOpacity)
{
	if( startOpacity > endOpacity ){
    var object = document.getElementById(elm).style;
    object.opacity = (startOpacity / 100);
    object.MozOpacity = (startOpacity / 100);
    object.KhtmlOpacity = (startOpacity / 100);
		object.filter = "alpha(opacity='" + startOpacity + "')";
		startOpacity=startOpacity-10;
		newsFadeOutTimer = setTimeout( "newsFadeOut('"+elm+"',"+startOpacity+","+endOpacity+")",50);
	}
	if( startOpacity == endOpacity ){
		if(endOpacity==0){
			document.getElementById(elm+"div").style.display='none';
			var object = document.getElementById(elm).style;
			object.opacity = '';
			object.MozOpacity = '';
			object.KhtmlOpacity = '';
			object.filter = '';
			newsNr++;
			if(newsNr>NrOfItems){
				newsNr = 1;
			}
			newsFadeInTimer = setTimeout( "newsFadeIn('newsWeb"+newsNr+"',0,100)",300);
		}else{
			var object = document.getElementById(elm).style;
			object.opacity = (startOpacity / 100);
			object.MozOpacity = (startOpacity / 100);
			object.KhtmlOpacity = (startOpacity / 100);
			object.filter = "alpha(opacity='" + startOpacity + "')";
		}
		clearTimeout(newsFadeOutTimer);
	}
}


/*--------------------------------------------------------------- 
	Sitestudio Pro. | Webpanel
--------------------------------------------------------------- */
	if (self.innerHeight){	
		winW=self.innerWidth;
		winH=self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight){	// Explorer 6 Strict Mode
		winW=document.documentElement.clientWidth;
		winH=document.documentElement.clientHeight;
	} else if (document.body){ 
		winW=document.body.clientWidth;
		winH=document.body.clientHeight;
	}


	var webPanelList = "";
	var webPanelZIndex = 10;
	var webDimmed	= false;


	function mailToAFriend()
	{
		if(webPanelList.indexOf('webPanelMailToAFriend')==-1){
			webPanelMailToAFriend = new webPanel('Mail This Page','webPanelMailToAFriend','360','130',false);
		}		
	}

/*--------------------------------------------------------------- 
		Sitestudio Pro  | WebPanel 
--------------------------------------------------------------- */
	function webPanel(panelName,panelId,panelWidth,panelHeight,reloadAfterClose)
	{
		
		var webPanelObj = this;
		webPanelList+= panelId+",";
		panelCollapse = "expanded";
		//panelLeft = ((winW/2)-(panelWidth/2))+100;
		panelLeft = (((winW-1030)/2)+(1005-panelWidth));
		panelTop  = (document.getElementById('theBody').scrollHeight-62-panelHeight);
		
		//webDimmer();
		
		// Create webPanel
		webPanelObj.panel = document.createElement('div');
		webPanelObj.panel.setAttribute("id",panelId);
		webPanelObj.panel.className = "webPanel";
		webPanelObj.panel.collapse = panelCollapse;
		webPanelObj.panel.style.top = panelTop+"px";
		webPanelObj.panel.style.left = panelLeft+"px";
		webPanelObj.panel.style.width = panelWidth+"px";
		webPanelObj.panel.style.height = panelHeight+"px";
		webPanelObj.panel.style.zIndex = webPanelZIndex;
		webPanelObj.panelHTML = "<div class=\"webPanelBg\" id=\"mailFriendPanel\" style=\"width:"+(panelWidth)+"px;\">";//behavior:url("+siteURL+"studio/css/iepngfix.htc);\">";
		webPanelObj.panelHTML+= "<table id=\"mailtoafriendTable\" border=\"0\" align=\"left\" cellpadding=\"0\" cellspacing=\"1\"  summary=\"Dit is een Layout Tabel\" style=\"margin-top:15px;\">";
		webPanelObj.panelHTML+= "<tbody>";
		webPanelObj.panelHTML+= "<tr>";
		webPanelObj.panelHTML+= "<td style=\"width:10px;\">&nbsp;</td>";
		webPanelObj.panelHTML+= "<td style=\"height:25px;\">";
		webPanelObj.panelHTML+= "<img src=\""+siteURL+"template/img/webpanel/panelTitle.php?text=Pagina Versturen\" style=\"margin:0px;\" />";
		webPanelObj.panelHTML+= "</td>";
		webPanelObj.panelHTML+= "<td style=\"width:170px;\"></td>";
		webPanelObj.panelHTML+= "</tr>";
		webPanelObj.panelHTML+= "<tr>";
		webPanelObj.panelHTML+= "<td style=\"width:10px;\">&nbsp;</td>";
		webPanelObj.panelHTML+= "<td style=\"height:20px;\">";
		webPanelObj.panelHTML+= "<span class=\"webpanelLabel\">Uw naam:</span>";
		webPanelObj.panelHTML+= "</td>";
		webPanelObj.panelHTML+= "<td><input type=\"text\" value=\"\" id=\"inpMailFriendName\" class=\"mailtofriend\" /></td>";
		webPanelObj.panelHTML+= "</tr>";
		webPanelObj.panelHTML+= "<tr>";
		webPanelObj.panelHTML+= "<td style=\"width:10px;\">&nbsp;</td>";
		webPanelObj.panelHTML+= "<td style=\"height:20px;\">";
		webPanelObj.panelHTML+= "<span class=\"webpanelLabel\">E-mailadres ontvanger:&nbsp;</span>";
		webPanelObj.panelHTML+= "</td>";
		webPanelObj.panelHTML+= "<td><input type=\"text\" value=\"\" id=\"inpMailFriendEmail\" class=\"mailtofriend\" /></td>";
		webPanelObj.panelHTML+= "</tr>";
		webPanelObj.panelHTML+= "<tr>";
		webPanelObj.panelHTML+= "<td style=\"width:10px;\">&nbsp;</td>";
		webPanelObj.panelHTML+= "<td style=\"height:20px;\">";
		webPanelObj.panelHTML+= "";
		webPanelObj.panelHTML+= "</td>";
		webPanelObj.panelHTML+= "<td>";
		webPanelObj.panelHTML+= "<table id=\"mailtoafriendButtons\" border=\"0\" align=\"right\" cellpadding=\"0\" cellspacing=\"0\"  summary=\"Dit is een Layout Tabel\">";
		webPanelObj.panelHTML+= "<tbody>";
		webPanelObj.panelHTML+= "<tr>";
		webPanelObj.panelHTML+= "<td>";		
		webPanelObj.panelHTML+= "<a href=\"#\" onclick='"+panelId+".panelClose();return false;' title=\"annuleren\" class=\"webPanelButton\">annuleren</a>";
		webPanelObj.panelHTML+= "</td>";	
		webPanelObj.panelHTML+= "<td>";	
		webPanelObj.panelHTML+= "<a href=\"#\" onclick='sendMailFriendPage();return false;' title=\"versturen\" class=\"webPanelButton\">versturen</a>";
		webPanelObj.panelHTML+= "</td>";
		webPanelObj.panelHTML+= "</tr>";
		webPanelObj.panelHTML+= "</tbody>";
		webPanelObj.panelHTML+= "</table>";
		webPanelObj.panelHTML+= "</td>";
		webPanelObj.panelHTML+= "</tr>";	
		webPanelObj.panelHTML+= "</tbody>";
		webPanelObj.panelHTML+= "</table>";
		
		webPanelObj.panelHTML+= "</div>";
		//webPanelObj.panelHTML+= "<div class=\"webPanelHeaderR\" style=\"behavior:url("+siteURL+"studio/css/iepngfix.htc);\">&nbsp;</div>";
		//webPanelObj.panelHTML+= "<div class=\"webPanelFooterL\" style=\"width:"+(panelWidth-20)+"px;behavior:url("+siteURL+"studio/css/iepngfix.htc);\">&nbsp;</div>";
		//webPanelObj.panelHTML+= "<div class=\"webPanelFooterR\" style=\"behavior:url("+siteURL+"studio/css/iepngfix.htc);\">&nbsp;</div>";
		//webPanelObj.panelHTML+= "<div class=\"webPanelTitle\">";
		//webPanelObj.panelHTML+= "<img src=\""+siteURL+"template/img/webpanel/panelTitle.php?text=- "+panelName+" -\" style=\"margin:0px;\" />";
		//webPanelObj.panelHTML+= "</div>";
		//if(siteStudioDragAndDrop==true){
		//	webPanelObj.panelHTML+= "<div class=\"webPanelDragHandle\" onmousedown=\""+panelId+".panelStartDrag()\"";
		//	webPanelObj.panelHTML+= "onmouseover=\"this.style.cursor='move'\" onmouseout=\"this.style.cursor='default'\">&nbsp;</div>";
		//} else {
			//webPanelObj.panelHTML+= "<div class=\"webPanelDragHandle\">&nbsp;</div>";
		//}
		//webPanelObj.panelHTML+= "<a class=\"webPanelBtnClose\" href='#' onclick='"+panelId+".panelClose();return false;' title=\"close\">&nbsp;</a><br>";
		//webPanelObj.panelHTML+= "<div id=\""+panelId+"Content\" class=\"webPanelContent\" style=\"height:"+(panelHeight-100)+"px;width:"+(panelWidth-8)+"px\">";
		//webPanelObj.panelHTML+= "</div>";
		//webPanelObj.panelHTML+= "<div class=\"webPanelShadeR\" style=\"height:"+(panelHeight-100)+"px;behavior:url("+siteURL+"studio/css/iepngfix.htc);\">&nbsp;</div>";
		//webPanelObj.panelHTML+= "<div id=\""+panelId+"Message\" class=\"webPanelMessage\">&nbsp;</div>";
		webPanelObj.panel.innerHTML = webPanelObj.panelHTML;

		document.getElementById("theBody").appendChild(webPanelObj.panel);
		webPanelZIndex++;
		effectWebFadeIn(panelId,50,100);
		
		// Close controlPanel
		webPanelObj.panelClose = function(){
			document.getElementById("theBody").removeChild(document.getElementById(panelId));
			webPanelList = webPanelList.replace(panelId+",","");
			//webDimmer();
		}
		
		// Collapse controlPanel
		webPanelObj.panelCollapse = function (){
			if(webPanelObj.panel.collapse=="expanded"){
				webPanelObj.panel.style.height = "65px";
				document.getElementById(panelId+"Message").style.display = 'none';
				webPanelObj.panel.collapse = "collapsed";
			} else {
				webPanelObj.panel.style.height = panelHeight+"px";
				document.getElementById(panelId+"Message").style.display = '';
				webPanelObj.panel.collapse = "expanded";
			}
			webPanelObj.panelCookie();
		}
		
		// Drag controlPanel
		webPanelObj.panelStartDrag = function(){
			webPanelDragStart(webPanelObj.panel.getAttribute("id"),siteStudioDragStyle);
		}
		webPanelObj.panelStopDrag = function(){
			webPanelObj.panelCookie();
		}
		
		// ControlPanel Status message
		webPanelObj.panelMessage = function(status){
			switch(status){
				case 'loading':
					img = '<img src="'+siteURL+'studio/img/controlpanel/studioHourglass.gif" class="controlPanelStatusImage" />';
					msg = 'bezig met laden...';
					break
			}
			messageHTML = "<table border=0 cellspacing=0 cellpadding=0><tr><td>"+img+"</td><td class=\"controlPanelStatusMessage\">"+msg+"</td></tr></table>";
			document.getElementById(panelId+"Message").innerHTML = messageHTML;
		}
		
		
		// ControlPanel Status message
		webPanelObj.panelPropertiesMessage = function(status){
			switch(status){
				case 'loading':
					img = '<img src="'+siteURL+'studio/img/controlpanel/studioHourglass.gif" class="controlPanelStatusImage" />';
					msg = 'bezig met laden...';
					break
			}
			messageHTML = "<table border=0 cellspacing=0 cellpadding=0><tr><td>"+img+"</td><td class=\"controlPanelStatusMessage\">"+msg+"</td></tr></table>";
			document.getElementById(panelId+"PropertiesMessage").innerHTML = messageHTML;
		}
		
		// ControlPanel Cookie
		webPanelObj.panelCookie = function(){
			createCookie(panelId,webPanelObj.panel.offsetWidth+","+webPanelObj.panel.offsetHeight+","+webPanelObj.panel.offsetLeft+","+webPanelObj.panel.offsetTop+","+webPanelObj.panel.collapse,7);
		}
	}
	
	
	function sendMailFriendPage()
	{
		url = location.href.replace("#","");
		postString = "inpName="+document.getElementById('inpMailFriendName').value;
		postString+= "&inpMail="+document.getElementById('inpMailFriendEmail').value;
		postString+= "&inpURL="+url;
		loadXMLDocWeb("POST",siteURL+"custom_mailtofriend.php",postString,'mailFriendPanel');
		document.getElementById("mailFriendPanel").innerHTML = "<div style=\"position:absolute;left:80px;top:45px;width:200px;height:32px;\" ><img src=\""+siteURL+"template/img/ajax-loader.gif\" border=\"0\" style=\"margin-right:5px;\" /><span class=\"webpanelLabel\">Pagina wordt verzonden</span></div>";		
	}


/*--------------------------------------------------------------- 
	Sitestudio Pro. | ControlPanel Web Dimmer
--------------------------------------------------------------- */
	function webDimmer()
	{
			if(webDimmed==false){
				dimObject = document.getElementById("webSite");
				dimObject.style.opacity = (30 / 100);
				dimObject.style.MozOpacity = (30 / 100);
				dimObject.style.KhtmlOpacity = (30 / 100);
				dimObject.style.filter = "alpha(opacity=" + 30+ ")";
				webDimmed = true;
			} else {
				if (webPanelList==""){
					dimObject = document.getElementById("webSite");
					dimObject.style.opacity = '';
					dimObject.style.MozOpacity = '';
					dimObject.style.KhtmlOpacity = '';
					dimObject.style.filter = '';
					webDimmed = false;
				}
			}
	}
	
function effectWebFadeIn(elm,startOpacity,endOpacity)
{
	document.getElementById(elm).style.display='';
	
	if(startOpacity<endOpacity){
    var object = document.getElementById(elm).style;
    object.opacity = (startOpacity / 100);
    object.MozOpacity = (startOpacity / 100);
    object.KhtmlOpacity = (startOpacity / 100);
    object.filter = "alpha(opacity=" + startOpacity + ")";
		startOpacity=startOpacity+10;
		fadeInWebTimer = setTimeout( "effectWebFadeIn('"+elm+"',"+startOpacity+","+endOpacity+")",0.01);
	}
	if(startOpacity==endOpacity){
		if(endOpacity==100){
			var object = document.getElementById(elm).style;
			object.display='';
			object.opacity = '';
			object.MozOpacity = '';
			object.KhtmlOpacity = '';
			object.filter = '';
		}else{
			var object = document.getElementById(elm).style;
			object.opacity = (startOpacity / 100);
			object.MozOpacity = (startOpacity / 100);
			object.KhtmlOpacity = (startOpacity / 100);
			object.filter = "alpha(opacity=" + startOpacity + ")";
		}
		clearTimeout(fadeInWebTimer);
	}
}


	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;
		}
	}