var HuidigSubMenuID = '';
var PaginaID = '';
var NieuwVenster = '';
var OudVenster = '';
var BezigMetScrollen = '';
var HuidigePID = '';
var BezigMetSchuiven = '2';
var BezigMetNieuwsSchuiven = '2';
var NieuwPaginaID = '';
var NieuwsItem = '';
var NewsNieuwePositie = '';
var HuidigeItemsOnder = '1';
var DivVoorFadeIn = '';

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

$(document).ready(function(){ 

    });

function BerekenHoogtes(){
	var browserName=navigator.appName;
	if(browserName == 'Microsoft Internet Explorer'){
		var Hoogte = document.getElementById('ContentContainer').offsetHeight;
	} else {
		var Hoogte = document.getElementById('ContentContainer').clientHeight;
	}
	document.getElementById('ImgSchaduwLinks').style.height = Hoogte + 'px';
	document.getElementById('ImgSchaduwRechts').style.height = Hoogte + 'px';
}

function getPageSize() {
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}
	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
	return arrayPageSize;
};
/**
 / THIRD FUNCTION
 * getPageScroll() by quirksmode.com
 *
 * @return Array Return an array with x,y page scroll values.
 */
function getPageScroll() {
	var xScroll, yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;	
	}
	arrayPageScroll = new Array(xScroll,yScroll);
	return arrayPageScroll;
};

function ToonMelding(Pagina){
	var arrayPageSizes = getPageSize();
	var PaginaHoogte = (arrayPageSizes[1]+"px");
	var PaginaBreedte = '100%';
	
	//document.getElementById('GaSnelNaar').style.visibility = 'hidden';
	document.getElementById('DivAlertBoxAchtergrond').style.height = PaginaHoogte;
	document.getElementById('DivAlertBoxAchtergrond').style.width = PaginaBreedte;
	
	
	LaadMeldingInDiv(Pagina, 'DivAlertBoxContent');
	
	var NieuweBreedteDiv = 600;
	var NieuweHoogteDiv = 200;
	
	var arrPageScroll = getPageScroll();
	var arrPageSizes = getPageSize();
	var TopPositie = arrPageScroll[1] + (arrPageSizes[3] / 10),
	TopPositie = TopPositie+'px';
	document.getElementById('DivAlertBoxContent').style.top = TopPositie;

	var LinkerPositie = ((arrPageSizes[0] - NieuweBreedteDiv)/2);
	LinkerPositie = LinkerPositie+'px';
	document.getElementById('DivAlertBoxContent').style.left = LinkerPositie;
}

function LaadMeldingInDiv(option, DivID) {
	var urls = option;
	if(window.XMLHttpRequest) {
		reqss = new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		reqss = new ActiveXObject("Microsoft.XMLHTTP");
	}
	reqss.open("GET", urls, true);
	reqss.onreadystatechange = callbackMelding;
	
	reqss.send(null);
}

function callbackMelding(DivID) {
	if(reqss.readyState != 4) { 
		document.getElementById('DivAlertBoxContent').innerHTML = '';
	}
	
	if(reqss.readyState == 4) {
		if(reqss.status == 200) {
			response = reqss.responseText;
			document.getElementById('DivAlertBoxContent').innerHTML = response;
			$('#DivAlertBoxAchtergrond').css({ backgroundColor: '#000', opacity: '0.7' }).fadeIn(300, function(){
				$('#DivAlertBoxContent').fadeIn(300,function(){
				});
			});
			
		} else {

		}
	}
}

function MeldingSluiten(Pagina){
	$('#DivAlertBoxContent').fadeOut(300, function() {
		$('#DivAlertBoxAchtergrond').fadeOut(300);
	});
}

function BekijkPagina(Pagina){
	PaginaID = Pagina;
	
	if(PaginaID == '1'){
		if(HuidigePID != ''){
			if(BezigMetSchuiven == '2'){
				BezigMetSchuiven = '1';
				document.getElementById('MenuWerkwijze').style.backgroundColor = '';
				document.getElementById('MenuHistorie').style.backgroundColor = '';
				document.getElementById('MenuContact').style.backgroundColor = '';
				
				if(HuidigePID == '2'){
					var OudVenster = 'InhoudWerkWijze';
				} else if(HuidigePID == '3'){
					var OudVenster = 'InhoudHistorie';
				} else if(HuidigePID == '4'){
					var OudVenster = 'InhoudContact';
				}
				
				$('#'+OudVenster).animate({ width: "0px" },800, function(){
					$("#MenuWerkwijze").animate({ width: "318px" }, 400, function(){
						$("#SplitterA").animate({ width: "3px" }, 100);
						$("#SplitterB").animate({ width: "3px" }, 100);
						$('#ImgWerkwijzeVert').fadeOut('150', function(){
							$('#ImgWerkwijze').fadeIn('200'); 
							SwitchItemsOnder('1');
						});
						$('#ImgContactVert').fadeOut('150', function(){
							$('#ImgContact').fadeIn('200'); 
						});
						$('#ImgHistorieVert').fadeOut('150', function(){
							$('#ImgHistorie').fadeIn('200'); 
						});
					});
					$("#MenuHistorie").animate({ width: "318px" }, 400); 
					$("#MenuContact").animate({ width: "318px" }, 400); 
				});
				HuidigePID = '';
			}
		}	
	} else {
		if(PaginaID == '2'){
			var NieuwVenster = 'InhoudWerkWijze';
		} else if(PaginaID == '3'){
			var NieuwVenster = 'InhoudHistorie';
		} else if(PaginaID == '4'){
			var NieuwVenster = 'InhoudContact';
		}
		
		if(HuidigePID == ''){
			if(BezigMetSchuiven == '2'){
				BezigMetSchuiven = '1';
				NieuwPaginaID = PaginaID;
				$('#ImgWerkwijze').fadeOut('150', function(){ 
					$('#ImgWerkwijzeVert').fadeIn('200', function(){ 
						
						$("#SplitterA").animate({ width: "1px" }, 100); 
						 
						$("#MenuWerkwijze").animate({ width: "46px" }, 400, function(){
							setTimeout("$('#"+NieuwVenster+"').animate({ width: \"820px\" },800);",100);
							if(NieuwPaginaID == '2'){
								document.getElementById('MenuWerkwijze').style.backgroundColor = '#d9d9d9';
							} else {
								document.getElementById('MenuWerkwijze').style.backgroundColor = '';
							}
							if(NieuwPaginaID == '3'){
								document.getElementById('MenuHistorie').style.backgroundColor = '#d9d9d9';
							} else {
								document.getElementById('MenuHistorie').style.backgroundColor = '';
							}
							if(NieuwPaginaID == '4'){
								document.getElementById('MenuContact').style.backgroundColor = '#d9d9d9';
							} else {
								document.getElementById('MenuContact').style.backgroundColor = '';
							}
							SwitchItemsOnder(NieuwPaginaID);
						}); 
					}); 
				});
				$('#ImgHistorie').fadeOut('150', function(){ 
					$('#ImgHistorieVert').fadeIn('200', function(){  
						$("#SplitterB").animate({ width: "1px" }, 100); 
						$("#MenuHistorie").animate({ width: "46px" }, 400); 
					}); 
				});
				$('#ImgContact').fadeOut('150', function(){ 
					$('#ImgContactVert').fadeIn('200', function(){ 
						$("#MenuContact").animate({ width: "46px" }, 400); 
					}); 
				});
				HuidigePID = PaginaID;
			}
		} else {
			if(HuidigePID == PaginaID){
			
			} else {
				if(BezigMetSchuiven == '2'){
					BezigMetSchuiven = '1';
					NieuwPaginaID = PaginaID;
					if(HuidigePID == '2'){
						var OudVenster = 'InhoudWerkWijze';
					} else if(HuidigePID == '3'){
						var OudVenster = 'InhoudHistorie';
					} else if(HuidigePID == '4'){
						var OudVenster = 'InhoudContact';
					}
					
					$("#SplitterA").animate({ width: "1px" }, 100); 
					 
					$("#MenuWerkwijze").animate({ width: "46px" }, 400, function(){
						$('#'+OudVenster).animate({ width: "0px" },400, function(){
							setTimeout("$('#"+NieuwVenster+"').animate({ width: \"820px\" },800);",100);
							if(NieuwPaginaID == '2'){
								document.getElementById('MenuWerkwijze').style.backgroundColor = '#d9d9d9';
							} else {
								document.getElementById('MenuWerkwijze').style.backgroundColor = '';
							}
							if(NieuwPaginaID == '3'){
								document.getElementById('MenuHistorie').style.backgroundColor = '#d9d9d9';
							} else {
								document.getElementById('MenuHistorie').style.backgroundColor = '';
							}
							if(NieuwPaginaID == '4'){
								document.getElementById('MenuContact').style.backgroundColor = '#d9d9d9';
							} else {
								document.getElementById('MenuContact').style.backgroundColor = '';
							}

							SwitchItemsOnder(NieuwPaginaID);
						});
					}); 
					$("#SplitterB").animate({ width: "1px" }, 100); 
					$("#MenuHistorie").animate({ width: "46px" }, 400); 
					$("#MenuContact").animate({ width: "46px" }, 400); 
					HuidigePID = PaginaID;
				}
			}
		}
		
	}
}

function ScrollTekst(Veld, Richting){
	var HuidigeTop = document.getElementById(Veld).style.marginTop;
	var Lengte = (HuidigeTop.length - 2);
	var HuidigeTop = HuidigeTop.substr(0,Lengte);

	if(Richting == 'Neer'){
		var browserName=navigator.appName;
		if(browserName == 'Microsoft Internet Explorer'){
			var Hoogte = document.getElementById(Veld).offsetHeight;
		} else {
			var Hoogte = document.getElementById(Veld).clientHeight;
		}
		Hoogte = ((Hoogte * 1) - 268);
		
		if(Hoogte < 268){
			var Snelheid = '1000';
		} else {
			var Snelheid = '2000';
		}
		
		var NieuweTop = "-" + Hoogte;
	} else {
		var NieuweTop = 0;
		if(HuidigeTop > -268){
			var Snelheid = '1000';
		} else {
			var Snelheid = '2000';
		}
	}
	if(NieuweTop > 0){
		NieuweTop = '0';
	}
	NieuweTop = NieuweTop + 'px';
	$("#"+Veld).animate({ marginTop: NieuweTop }, Snelheid);
}

function StopScroll(Veld){
	$("#"+Veld).stop();

}

function SwitchItemsOnder(NieuweItems){
	if(HuidigeItemsOnder != NieuweItems){
		if(HuidigeItemsOnder == '1'){
			var DivVoorFadeOut = 'ItemsNews';
		} else if(HuidigeItemsOnder == '2'){
			var DivVoorFadeOut = 'ItemsHowWeWork';
		} else if(HuidigeItemsOnder == '3'){
			var DivVoorFadeOut = 'ItemsHistory';
		} else if(HuidigeItemsOnder == '4'){
			var DivVoorFadeOut = 'ItemsContacts';
		}
		if(NieuweItems == '1'){
			DivVoorFadeIn = 'ItemsNews';
		} else if(NieuweItems == '2'){
			DivVoorFadeIn = 'ItemsHowWeWork';
		} else if(NieuweItems == '3'){
			DivVoorFadeIn = 'ItemsHistory';
		} else if(NieuweItems == '4'){
			DivVoorFadeIn = 'ItemsContacts';
		}
		
		HuidigeItemsOnder = NieuweItems;
		$("#" + DivVoorFadeOut).fadeOut(500, function(){
			$("#" + DivVoorFadeIn).fadeIn(500, function(){
				BezigMetSchuiven = '2';
			});
		});
	}
}

function ScrollItems(Item, Richting){
	NieuwsItem = Item;
	if(NieuwsItem == 'News'){
		var Scroller = 'ItemsNieuws';
		var AantalItems = document.getElementById('AantalNieuwsItems').value;
		var HuidigePositie = document.getElementById('PositieNieuwsItems').value;
	} else if(NieuwsItem == 'Werkwijze'){
		var Scroller = 'ItemsWerkwijze';
		var AantalItems = document.getElementById('AantalWerkwijzeItems').value;
		var HuidigePositie = document.getElementById('PositieWerkwijzeItems').value;
	} else if(NieuwsItem == 'Historie'){
		var Scroller = 'ItemsHistorie';
		var AantalItems = document.getElementById('AantalHistorieItems').value;
		var HuidigePositie = document.getElementById('PositieHistorieItems').value;
	} else if(NieuwsItem == 'Contact'){
		var Scroller = 'ItemsContact';
		var AantalItems = document.getElementById('AantalContactItems').value;
		var HuidigePositie = document.getElementById('PositieContactItems').value;
	}
	if(BezigMetNieuwsSchuiven == '2'){
		BezigMetNieuwsSchuiven = '1';
		if(Richting == 'Vorige'){
			if(HuidigePositie > 1){
				NewsNieuwePositie = (HuidigePositie - 1);
			}
		} else if(Richting == 'Volgende'){
			if(HuidigePositie < AantalItems){
				NewsNieuwePositie = ((HuidigePositie * 1) + 1);
			}
		}
		if(NewsNieuwePositie == ''){ NewsNieuwePositie = '1'; }
		var Links = '-' + ((NewsNieuwePositie - 1) * 960) + 'px';
		$("#" + Scroller).animate({ marginLeft: Links }, 500, function(){
			if(NieuwsItem == 'News'){
				document.getElementById('PositieNieuwsItems').value = NewsNieuwePositie;
			}else if(NieuwsItem == 'Werkwijze'){
				document.getElementById('PositieWerkwijzeItems').value = NewsNieuwePositie;
			}else if(NieuwsItem == 'Historie'){
				document.getElementById('PositieHistorieItems').value = NewsNieuwePositie;
			}else if(NieuwsItem == 'Contact'){
				document.getElementById('PositieContactItems').value = NewsNieuwePositie;
			}
			BezigMetNieuwsSchuiven = '2';
		});
	}
}