var HuidigSubMenuID = '';
var HuidigProductDiv = '';
var BezigMetProducten = '2';
var EersteKeerLaden = '2';
var browserName=navigator.appName;
var RondleidingGeladen = '2';

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 () {
	LaadSifr();
	LaadHomePage();
});

function LaadSifr(){
	
	$('.TekstKop').sifr( {
		font: URLPref + 'fonts/ag_book_stencil',
		textAlign : 'left'
	});
	$('.TekstKopPlus').sifr( {
		font: URLPref + 'fonts/ag_book_stencil',
		textAlign : 'left'
	});
}

function BerekenHoogtes(){
	
	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 = 800;
	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(){
					LaadSifr();
					$('img[@src$=.png]').ifixpng();
					$('a[@rel*=lightbox]').lightBox();
				});
			});
		}
	}
}

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

function BekijkProducten(DivID){
	if(BezigMetProducten == '2'){
		BezigMetProducten = '1';
		if(DivID != HuidigProductDiv){
			if(HuidigProductDiv != ''){
				/* Sluit de huidige Div */
				if(HuidigProductDiv == 'Rondkijken'){
					document.getElementById('DivRondleiding').style.display = 'none';
				}
				$('#' + HuidigProductDiv).slideUp(600, function(){
					$('#' + DivID).slideDown(600, function(){
						if(DivID == 'Rondkijken'){
							document.getElementById('DivRondleiding').style.display = 'block';
						}
						LaadSifr();
						$('img[@src$=.png]').ifixpng();
						BezigMetProducten = '2';
						if(RondleidingGeladen == '2'){
							$.get("rondleiding.php", function(data){
								document.getElementById('DivRondleiding').innerHTML = data;
								RondleidingGeladen = '1';
							});
						}
					});
				});
			} else {
				if(DivID == 'Rondkijken'){
					document.getElementById('DivRondleiding').style.display = 'block';
				}
				$('#' + DivID).slideDown(600, function(){
					LaadSifr();
					$('img[@src$=.png]').ifixpng();
					BezigMetProducten = '2';
					if(RondleidingGeladen == '2'){
						$.get("rondleiding.php", function(data){
							document.getElementById('DivRondleiding').innerHTML = data;
							RondleidingGeladen = '1';
						});
					}
				});
			}
			HuidigProductDiv = DivID;			
		} else {
			if(HuidigProductDiv == 'Rondkijken'){
				document.getElementById('DivRondleiding').style.display = 'none';
			}
			$('#' + HuidigProductDiv).slideUp(600, function(){
				HuidigProductDiv = '';
				BezigMetProducten = '2';
			});
		}
	}
	
}

function LaadWebshop(option) {
	var urls = option;
	
	document.getElementById('DivWebshopContainerOverlay').style.display = 'block';
	BerekenWebshopOverlayHoogte();
	
	if(window.XMLHttpRequest) {
		reqWebshop = new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		reqWebshop = new ActiveXObject("Microsoft.XMLHTTP");
	}
	reqWebshop.open("GET", urls, true);
	reqWebshop.onreadystatechange = callbackWebshop;
	
	reqWebshop.send(null);
}

function callbackWebshop(){
	if(reqWebshop.readyState == 4) {
		if(reqWebshop.status == 200) {
			response = reqWebshop.responseText;
			document.getElementById('DivWebshopContainer').innerHTML = response;
			BerekenWebshopOverlayHoogte();
			$('#DivWebshopContainerOverlay').fadeOut(500);
			if(EersteKeerLaden == '1'){
				EersteKeerLaden = '2';
				setTimeout('BekijkProducten(\'SlideWebshop\')',500);
			}
			$('img[@src$=.png]').ifixpng();
		}
	}
}

function BerekenWebshopOverlayHoogte(){
	if(browserName == 'Microsoft Internet Explorer'){
		var Hoogte = document.getElementById('DivWebshopContainer').offsetHeight;
	} else {
		var Hoogte = document.getElementById('DivWebshopContainer').clientHeight;
	}
	Hoogte = ((Hoogte * 1) - 15);
	if(Hoogte > 0){
		Hoogte = Hoogte + 'px';
		document.getElementById('DivWebshopContainerOverlay').style.height = Hoogte;
	}
}

function ToonCollectie(Pagina){
	var urls = Pagina;
	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 LaadWinkelwagen(option) {
	var urls = option;
	$('#DivWinkelwagen').slideUp(500, function(){ 
		if(window.XMLHttpRequest) {
			reqWinkelwagen = new XMLHttpRequest();
		} else if(window.ActiveXObject) {
			reqWinkelwagen = new ActiveXObject("Microsoft.XMLHTTP");
		}
		reqWinkelwagen.open("GET", urls, true);
		reqWinkelwagen.onreadystatechange = callbackWinkelwagen;
		
		reqWinkelwagen.send(null);
	});
}

function callbackWinkelwagen() {
	if(reqWinkelwagen.readyState == 4) {
		if(reqWinkelwagen.status == 200) {
			response = reqWinkelwagen.responseText;
			document.getElementById('DivWinkelwagen').innerHTML = response;
			setTimeout('$(\'#DivWinkelwagen\').slideDown(500)', 500);
					
		}
	}
}

function ControleerBestelling(){
	var Doorgaan = '1';
	
	document.getElementById('Naam').style.backgroundColor = '#ffffff';
	document.getElementById('Adres').style.backgroundColor = '#ffffff';
	document.getElementById('Postcode').style.backgroundColor = '#ffffff';
	document.getElementById('Plaats').style.backgroundColor = '#ffffff';
	document.getElementById('Telefoon').style.backgroundColor = '#ffffff';
	document.getElementById('Email').style.backgroundColor = '#ffffff';
	
	document.getElementById('DivNaamVerplicht').style.visibility = 'hidden';
	document.getElementById('DivAdresVerplicht').style.visibility = 'hidden';
	document.getElementById('DivPlaatsVerplicht').style.visibility = 'hidden';
	document.getElementById('DivTelefoonVerplicht').style.visibility = 'hidden';
	document.getElementById('DivEmailVerplicht').style.visibility = 'hidden';
	
	if(document.getElementById('Naam').value == ''){
		document.getElementById('DivNaamVerplicht').style.visibility = 'visible';
		Doorgaan = '2';
	}
	if(document.getElementById('Adres').value == ''){
		document.getElementById('DivAdresVerplicht').style.visibility = 'visible';
		Doorgaan = '2';
	}
	if(document.getElementById('Postcode').value == ''){
		document.getElementById('DivPlaatsVerplicht').style.visibility = 'visible';
		Doorgaan = '2';
	}
	if(document.getElementById('Plaats').value == ''){
		document.getElementById('DivPlaatsVerplicht').style.visibility = 'visible';
		Doorgaan = '2';
	}
	if(document.getElementById('Telefoon').value == ''){
		document.getElementById('DivTelefoonVerplicht').style.visibility = 'visible';
		Doorgaan = '2';
	}
	if(document.getElementById('Email').value == ''){
		document.getElementById('DivEmailVerplicht').style.visibility = 'visible';
		Doorgaan = '2';
	}
	
	if(Doorgaan == '1'){
		var HTML = '<br><h1 class="TekstKopPlus">Controleer uw gegevens</h1><br><table width="586" cellspacing="0" cellpadding="3" border="0" class="Tekst"><tr><td width="175">Naam:</td><td width="411">' + document.getElementById('Naam').value +'</td></tr><tr><td>Adres</td><td>' + document.getElementById('Adres').value +'</td></tr><tr><td>Postcode & Plaats:</td><td>' + document.getElementById('Postcode').value +' ' + document.getElementById('Plaats').value +'</td></tr><tr><td colspan="2"><hr size="1" color="#cccccc"></td></tr>';
		if(document.getElementById('AflNaam').value != ''){
			HTML = HTML + '<tr><td colspan="2"><i>Aflever adres</i></td></tr><tr><td>T.a.v.: </td><td>' + document.getElementById('AflNaam').value +'</td></tr><tr><td>Adres:</td><td>' + document.getElementById('AflAdres').value +'</td></tr><tr><td>Postcode & Plaats:</td><td>' + document.getElementById('AflPostcode').value +' ' + document.getElementById('AflPlaats').value +'</td></tr><tr><td colspan="2"><hr size="1" color="#cccccc"></td></tr>';
		}
		
		HTML = HTML + '<tr><td>Telefoon:</td><td>' + document.getElementById('Telefoon').value +'</td></tr>';
		if(document.getElementById('Fax').value != ''){
			HTML = HTML + '<tr><td>Fax:</td><td>' + document.getElementById('Fax').value +'</td></tr>';
		}	
		HTML = HTML + '<tr><td>E-mail adres:</td><td>' + document.getElementById('Email').value +'</td></tr><tr><td colspan="2"><hr size="1" color="#cccccc"></td></tr><tr><td>Betaling:</td><td>';
		
		if(document.getElementById('Betaling1').checked == true){
			HTML = HTML + 'Betaling onder rembours';
		} else if(document.getElementById('Betaling2').checked == true){
			HTML = HTML + 'Rechtstreekse betaling op onze bankrekening';
		} else if(document.getElementById('Betaling3').checked == true){
			HTML = HTML + 'Betaling via iDEAL';
		} 
		
		HTML = HTML + '</td></tr><tr><td colspan="2"><hr size="1" color="#cccccc"></td></tr><tr><td class="TekstToevoegen" colspan="2"><a href="#" onclick="WijzigBestelling(); return false;"><img src="' + URLPref +'images/pijl.png" align="absmiddle"></a> <a href="#" onclick="WijzigBestelling(); return false;">Gegevens wijzigen</a>&nbsp;&nbsp;&nbsp;</span><span class="Tekst">|</span><span class="TekstToevoegen">&nbsp;&nbsp;&nbsp;<a href="#" onclick="BestellingVoltooien(); return false;"><img src="' + URLPref +'images/pijl.png" align="absmiddle"></a> <a href="#" onclick="BestellingVoltooien(); return false;">Bestelling voltooien</a></tr></table>';
		
		document.getElementById('DivGegevensControle').innerHTML = HTML;
		$('#DivGegevens').slideUp(500, function(){
			$('#DivGegevensControle').slideDown(500, function(){
				LaadSifr();
			});
		});
	}
}

function WijzigBestelling(){
	$('#DivGegevensControle').slideUp(500, function(){
		$('#DivGegevens').slideDown(500, function(){
			LaadSifr();
		});
	});
}

function BestellingVoltooien(){
	document.getElementById('FormBestellen').submit();
}

function WinkelwagenVerwijderen(DivID){
	$('#' + DivID).slideUp(500, function(){
		LaadShop(URLPref + 'inc_winkelwagen.php?Show=Shop');
	});
}

function WinkelwagenWijzigen(AantalID, ArtID, DivID, KleurID){
	if(document.getElementById(AantalID).value > 0){
		LaadShop(URLPref + 'inc_winkelwagen.php?ArtID=' + ArtID + '&Aantal=' + document.getElementById(AantalID).value + '&Kleur=' + document.getElementById(KleurID).value + '&Aktie=Wijzigen&Show=Shop');
	} else {
		LaadWinkelwagen(URLPref + 'inc_winkelwagen.php?ArtID=' + ArtID + '&Aktie=Verwijderen');
		WinkelwagenVerwijderen(DivID);
	}
}

function LaadShop(option) {
	var urls = option;
	if(window.XMLHttpRequest) {
		reqShop = new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		reqShop = new ActiveXObject("Microsoft.XMLHTTP");
	}
	reqShop.open("GET", urls, true);
	reqShop.onreadystatechange = callbackShop;
	
	reqShop.send(null);
}

function callbackShop() {
	if(reqShop.readyState == 4) {
		if(reqShop.status == 200) {
			response = reqShop.responseText;
			document.getElementById('DivShop').innerHTML = response;
		}
	}
}

function ToonAfrekenen(){
	document.getElementById('DivWinkelwagentje').style.display = 'none';
	document.getElementById('DivAfrekenen').style.display = 'block';
	
	$('#DivGegevens').slideDown(500, function(){
		LaadSifr();
	});
}

function VerbergAfrekenen(){
	
}