//macromedia standaard

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

function MM_changeProp(objName,x,theProp,theValue) { //v6.0
  var obj = MM_findObj(objName);
  if (obj && (theProp.indexOf("style.")==-1 || obj.style)){
    if (theValue == true || theValue == false)
      eval("obj."+theProp+"="+theValue);
    else eval("obj."+theProp+"='"+theValue+"'");
  }
}

function google_map(){
	document.getElementById('google_map').innerHTML = "";
	var str = '<iframe width="500" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&amp;source=s_q&amp;hl=nl&amp;geocode=&amp;q=Molenstraat+2+hapert&amp;sll=51.50934,5.393585&amp;sspn=0.010484,0.032938&amp;ie=UTF8&amp;hq=&amp;hnear=Molenstraat+2,+5527+Hapert,+Bladel,+Noord-Brabant&amp;ll=51.374352,5.257301&amp;spn=0.016073,0.04283&amp;z=14&amp;output=embed"></iframe>'
	document.getElementById('google_map').innerHTML = str;
}

//toggleDiv's

function toggleDiv3(divname, divname2, visibility) {
	MM_changeProp(divname,'','style.display',visibility,'DIV');
	MM_changeProp(divname2,'','style.display',visibility,'DIV');
}

function toggleDiv(divname, visibility) {
	MM_changeProp(divname,'','style.visibility',visibility,'DIV');
}

function toggleDiv2(divname, visibility) {
	MM_changeProp(divname,'','style.display',visibility,'DIV');
}

//left en right oa gebruikt in showimg en mid

function Left(str, n){
	if (n <= 0)
	    return "";
	else if (n > String(str).length)
	    return str;
	else
	    return String(str).substring(0,n);
}
function Right(str, n){
    if (n <= 0)
       return "";
    else if (n > String(str).length)
       return str;
    else {
       var iLen = String(str).length;
       return String(str).substring(iLen, iLen - n);
    }
}

function Mid(str, start, len) {
// Make sure start and len are within proper bounds
    if (start < 0 || len < 0) return "";
    var iEnd, iLen = String(str).length;
    if (start + len > iLen)
          iEnd = iLen;
    else
          iEnd = start + len;
    return String(str).substring(start,iEnd);
}

//showimg, showimg alt, blader en printimg

var pic = new Array()
var alt = new Array()

var loading = new Image;
loading.src = "/sites/00/images/loading.gif"
var geenimg = new Image;
geenimg.src = "/sites/00/images/geenimg.gif"

function shownieuws(deze) {
    var div = deze.parentNode.parentNode;
    var nr = Right(div.id,div.id.length-10);
    var absodivs = document.getElementById('absodiv').getElementsByTagName('div')[0].getElementsByTagName('div');
    
    if(document.all){
	    var scrollbar = document.documentElement.scrollTop;
	    var scrollhoogte = document.documentElement.scrollHeight;
    }
    else{
	    var scrollbar = pageYOffset;
	    var scrollhoogte = document.documentElement.scrollHeight;
    }
	var breedtescherm = document.body.offsetWidth;
	var hoogtescherm = document.body.offsetHeight;
	
	document.getElementById('zwart_transparant').style.display='block';
	document.getElementById('zwart_transparant').style.height=scrollhoogte + "px";
	document.documentElement.style.overflow="hidden";
	
    for (var p=0; p<absodivs.length; p++){
        var nummer = absodivs[p].id.split(':');
        nummer = nummer[0].split('.');
        if (nummer[1]==nr){
            absodivs[p].style.display="block";
            var hoogte_nieuws = absodivs[p].clientHeight;
            absodivs[p].style.marginLeft = (breedtescherm-792)/2 + "px";
            absodivs[p].style.marginTop = scrollbar+((hoogtescherm-hoogte_nieuws)/2) + "px";

        }
        else {
            absodivs[p].style.display="none";
        }
    }
}


function sluitenDiv(deze){
	deze.parentNode.style.display="none";
	document.getElementById('zwart_transparant').style.display="none";
	document.documentElement.style.overflow="auto";
}

function showImg(imgklein) {
	if (CmsEditorActive!==true) {
		//alle images
		var img = document.getElementsByTagName("img");
		for (var i=0; i<img.length; i++) {
			//als class = grote_foto, dan neem gedeelte na . en voor : Van imgklein en img met class
			if (img[i].className=='grote_foto') {
				var nr = Mid(img[i].id,11,img[i].id.length);
				nr = nr.split(":");
				//nr = nr[1].split(":")
				var nr2 = Mid(imgklein.id,11,imgklein.id.length);
				nr2 = nr2.split(":");
				//als gelijk is, gaat grote_foto in src zetten
				if (nr[0] == nr2[0]) {
					document.getElementById("plaatje_groot_img").src=img[i].src;
					document.getElementById("plaatje_groot_img").alt=img[i].getAttribute("alt");
				}
			}
		}
		toggleDiv2('plaatje_groot_div', 'block');
	}
}

var huidigindex = 0;

function showImgAltcontact(kleinimg) {
	//alle images
	var img = document.getElementsByTagName("img");
	for (var i=0; i<img.length; i++) {
		//als class = plaatjemiddel, dan neem gedeelte na . en voor : Van imgklein en img met class
		if (img[i].className=='imggroot') {
			var nr = img[i].id.split(".")
			nr = nr[1].split(":")
			var nr3 = document.getElementById('collectie').getElementsByTagName('img')[0].id.split(".")
			nr3 = nr3[1].split(":")
			if (kleinimg=='onload') {
				if (nr[0] == nr3[0]) {
					huidigindex = nr[0];
					document.getElementById("plaatje_groot_img2").src=img[i].src;
					document.getElementById("plaatje_groot_img2").alt=img[i].getAttribute("alt");
				}
			}
			else {
				var nr2 = kleinimg.id.split(".")
				nr2 = nr2[1].split(":");
				//als gelijk is, gaat plaatjemiddel in src zetten
				if (nr[0] == nr2[0]) {
					huidigindex = nr[0];
					document.getElementById("plaatje_groot_img2").src=img[i].src;
					document.getElementById("plaatje_groot_img2").alt=img[i].getAttribute("alt");
					 if(document.all){
    				var scrollbar = document.documentElement.scrollTop;
					}
					else{
					var scrollbar = pageYOffset;
					}
					var breedtescherm = document.body.offsetWidth;
					var hoogtescherm = document.body.offsetHeight;
					var scrollhoogte = document.documentElement.scrollHeight;
					var plaatje = document.getElementById('plaatje_groot_div');
					plaatje.style.display='block';
				    plaatje.style.marginTop = (hoogtescherm-plaatje.clientHeight)/2+scrollbar + "px";
				    plaatje.style.marginLeft = (breedtescherm-plaatje.clientWidth)/2 + "px";
				    document.getElementById('zwart_transparant').style.display='block';
					document.getElementById('zwart_transparant').style.height=scrollhoogte + "px";
					document.documentElement.style.overflow="hidden";
				}
			}		
		}
	}
}

function showImgAlt(kleinimg) {
	//alle images
	var img = document.getElementsByTagName("img");
	for (var i=0; i<img.length; i++) {
		//als class = plaatjemiddel, dan neem gedeelte na . en voor : Van imgklein en img met class
		if (img[i].className=='imggroot') {
			var nr = img[i].id.split(".")
			nr = nr[1].split(":")
			var nr3 = document.getElementById('collectie').getElementsByTagName('img')[0].id.split(".")
			nr3 = nr3[1].split(":")
			if (kleinimg=='onload') {
				if (nr[0] == nr3[0]) {
					huidigindex = nr[0];
					document.getElementById("plaatje_groot_img").src=img[i].src;
					document.getElementById("plaatje_groot_img").alt=img[i].getAttribute("alt");
				}
			}
			else {
				var nr2 = kleinimg.id.split(".")
				nr2 = nr2[1].split(":");
				//als gelijk is, gaat plaatjemiddel in src zetten
				if (nr[0] == nr2[0]) {
					huidigindex = nr[0];
					document.getElementById("plaatje_groot_img").src=img[i].src;
					document.getElementById("plaatje_groot_img").alt=img[i].getAttribute("alt");
					 if(document.all){
    				var scrollbar = document.documentElement.scrollTop;
					}
					else{
					var scrollbar = pageYOffset;
					}
					var breedtescherm = document.body.offsetWidth;
					var hoogtescherm = document.body.offsetHeight;
					var plaatje = document.getElementById('plaatje_groot_div');
					plaatje.style.display='block';
				}
			}		
		}
	}
}

function showImgAlt2(kleinimg) {
	//alle images
	var img = document.getElementsByTagName("img");
	for (var i=0; i<img.length; i++) {
		//als class = plaatjemiddel, dan neem gedeelte na . en voor : Van imgklein en img met class
		if (img[i].className=='imggroot2') {
			var nr = img[i].id.split(".")
			nr = nr[1].split(":")
			var nr3 = document.getElementById('collectie').getElementsByTagName('img')[0].id.split(".")
			nr3 = nr3[1].split(":")
			if (kleinimg=='onload') {
				if (nr[0] == nr3[0]) {
					huidigindex = nr[0];
					document.getElementById("plaatje_groot_img2").src=img[i].src;
					document.getElementById("plaatje_groot_img2").alt=img[i].getAttribute("alt");
				}
			}
			else {
				var nr2 = kleinimg.id.split(".")
				nr2 = nr2[1].split(":");
				//als gelijk is, gaat plaatjemiddel in src zetten
				if (nr[0] == nr2[0]) {
					huidigindex = nr[0];
					document.getElementById("plaatje_groot_img2").src=img[i].src;
					document.getElementById("plaatje_groot_img2").alt=img[i].getAttribute("alt");
					 if(document.all){
    				var scrollbar = document.documentElement.scrollTop;
					}
					else{
					var scrollbar = pageYOffset;
					}
					var breedtescherm = document.body.offsetWidth;
					var hoogtescherm = document.body.offsetHeight;
					var plaatje = document.getElementById('plaatje_groot_div2');
					plaatje.style.display='block';
				}
			}		
		}
	}
}

function indexInArray(arr,val){
for(var i=0;i<arr.length;i++) if(arr[i]==val) return i;
return -1;
} 

var index=0;

function blader(richting) {
{
		index = indexInArray(pic, huidigindex);
		if(index==-1){
			index=0;
		}
		// volgende of vorige; loopt door array
		if (richting == 'vorige') {
			if (index+1 >= pic.length) {
				index = 0;
			}
			else {
				index++;
			}
		}
		else if (richting == 'volgende') {
			if (index-1 < 0) {
				index = pic.length-1;
			}
			else {
				index--;
			}
		}

		//alle images
		var img = document.getElementsByTagName("img");
		for (var k=0; k<img.length; k++) {
			//als class = plaatjemiddel, dan neem gedeelte na . en voor : Van img met class
			if (img[k].className=='imggroot') {
				var nr = img[k].id.split(".")
				nr = nr[1].split(":")
				//als gelijk is, gaat plaatjemiddel in src zetten
				if (nr[0] == pic[index]) {
					huidigindex = nr[0];
					document.getElementById("plaatje_groot_img").src=img[k].src;
					document.getElementById("plaatje_groot_img").alt=img[k].getAttribute("alt");
					document.getElementById("plaatje_groot_img2").src=img[k].src;
					document.getElementById("plaatje_groot_img2").alt=img[k].getAttribute("alt");

					if(document.getElementById("txtgroot."+huidigindex)){
						document.getElementById("tekst").innerHTML = document.getElementById("txtgroot."+huidigindex).innerHTML;
					}
					else{
						document.getElementById("tekst").innerHTML = "";
					}
					if(document.getElementById("prijs."+huidigindex)){
						document.getElementById("prijs").innerHTML = document.getElementById("prijs."+huidigindex).innerHTML;
					}
					else{
						document.getElementById("prijs").innerHTML = "";
					}
					if(document.getElementById("titel2."+huidigindex)){
						document.getElementById("titel2").innerHTML = document.getElementById("titel2."+huidigindex).innerHTML;
					}
					else{
						document.getElementById("titel2").innerHTML = "";
					}
				}
			}
		}

	}
}

function printContentDiv(plaatje) {
	var content;
	
	content = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"><html xml:lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\">";
	content += "<html>";
	content += "<head>";
	content += "</head>";
	content += "<body onload=\"window.print ()\"><div class=\"printContainer\">";
	content += "<img src='" + plaatje + "'>";
	content += "</div></body>";
	content += "</html>";
	
	var printWindow = window.open ("", "", "");
	printWindow.document.title = document.title;
	printWindow.document.write (content);
	printWindow.document.close ();
}

//openwindow

function openWindow(url){
	window.open(url,"WPopup",'location=yes,scrollbars=yes,resizable=yes,status=yes,menubar=yes,toolbar=yes');
}

//topmenu mouseover

function topmenu(img, uitimg, aanimg) {
	
	if (img.src=="http://"+document.domain+"/"+uitimg) {
		img.src="http://"+document.domain+"/"+aanimg;
	}
	else if (img.src=="http://"+document.domain+"/"+aanimg) {
		img.src="http://"+document.domain+"/"+uitimg;
	}
}

//hoogtecontainer

function hoogteContainer(){
    var hoogtescherm = document.body.offsetHeight;
    var inhoud = document.getElementById('inhoud');
    var container = document.getElementById('container');

    if(container.clientHeight < hoogtescherm){
        container.style.height = hoogtescherm + 'px';
    }
    else{
    
    }
    if(hoogtescherm > (inhoud.clientHeight+201)){
        inhoud.style.height = hoogtescherm - 201 + 'px';
    }
    else{
        
    }
}

//popupdiv

function popupdiv(id) {
	document.getElementById(id).style.display = 'block';
}

//popup met transparante div. allebei height/width met js
function openPopup (element) {
	document.getElementById ("hiderdiv").style.height  = document.documentElement.scrollHeight + "px";
	document.getElementById ("hiderdiv").style.display = "block";
	document.getElementById (element).style.display    = "block";
	
	// ScrollY positie ophalen
	var scrollY = 0;
	if (typeof (window.pageYOffset) == 'number')
	    scrollY = window.pageYOffset;
	else if (document.body && document.body.scrollTop)
	    scrollY = document.body.scrollTop;
	else if (document.documentElement && document.documentElement.scrollTop)
	    scrollY = document.documentElement.scrollTop;
	
	// Hoogte van zichtbaar deel van pagina ophalen
	var winHeight = 0;
	if (typeof (window.innerWidth) == 'number')
	    winHeight = window.innerHeight;
	else if (document.documentElement && document.documentElement.clientHeight)
	    winHeight = document.documentElement.clientHeight;
	
	// De popup centreren
	var x = document.body.clientWidth / 2 - document.getElementById (element).clientWidth / 2;
	var y = scrollY + winHeight / 2 - document.getElementById (element).clientHeight / 2;
	
	document.getElementById (element).style.left = x + "px";
	document.getElementById (element).style.top  = y + "px";
}

//CmsEditorActive
try {
	if (CmsEditorActive!==true) {}
}
catch (err) {
	var CmsEditorActive=false
}

function Openroute(){
	var img=document.getElementById ('plaatje_groot_img');
	var imgs = document.getElementsByTagName('img');
	var div=document.getElementById ('plaatje_groot_div');
	var hoogtescherm = document.body.offsetHeight;
	var breedtescherm = document.body.offsetWidth;

	div.style.display='block';
	var nr = document.getElementById('plaatje_klein_div').getElementsByTagName('img')[0].id.split(".")[1];
	for(var i=0; i<imgs.length; i++){
		if(imgs[i].className=="imggroot"){
			var grimg = imgs[i];
		}
	}
	img.src = grimg.src;
	img.alt = grimg.alt;
}

function Openroute2(){
	var img=document.getElementById ('plaatje_groot_img2');
	var imgs = document.getElementsByTagName('img');
	var div=document.getElementById ('plaatje_groot_div2');
	var hoogtescherm = document.body.offsetHeight;
	var breedtescherm = document.body.offsetWidth;

	div.style.display='block';
	var nr = document.getElementById('plaatje_klein_div').getElementsByTagName('img')[0].id.split(".")[1];
	for(var i=0; i<imgs.length; i++){
		if(imgs[i].className=="imggroot2"){
			var grimg = imgs[i];
		}
	}
	img.src = grimg.src;
	img.alt = grimg.alt;
}

function Openroute3(){
	var img=document.getElementById ('plaatje_groot_img');
	var imgs = document.getElementsByTagName('img');
	var div=document.getElementById ('plaatje_groot_div');
	var hoogtescherm = document.body.offsetHeight;
	var breedtescherm = document.body.offsetWidth;

	div.style.display='block';
	div.style.marginLeft=(breedtescherm-div.clientWidth)/2+'px';
	div.style.marginTop=(hoogtescherm-div.clientHeight)/2+'px';
	var nr = document.getElementById('plaatje_klein_div').getElementsByTagName('img')[0].id.split(".")[1];
	for(var i=0; i<imgs.length; i++){
		if(imgs[i].className=="imggroot"){
			var grimg = imgs[i];
		}
	}
	img.src = grimg.src;
	img.alt = grimg.alt;
}

function openpopup1(){
	document.getElementById('popup1').style.display="block";
}

function openpopup2(){
	document.getElementById('popup2').style.display="block";
}

function belmeterug(){
	if(document.all){
		var scrollbar = document.documentElement.scrollTop;
	}
	else{
		var scrollbar = pageYOffset;
	}
	var breedtescherm = document.body.offsetWidth;
	var hoogtescherm = document.body.offsetHeight;
	var plaatje = document.getElementById('belmeterugpopup');
	var zwart = document.getElementById('zwart_transparant');
	plaatje.style.display='block';
    plaatje.style.marginTop = (hoogtescherm-plaatje.clientHeight)/2+scrollbar + "px";
    plaatje.style.marginLeft = (breedtescherm-plaatje.clientWidth)/2 + "px";
	zwart.style.width = document.documentElement.scrollWidth + "px";
	zwart.style.height = document.documentElement.scrollHeight + "px";
	zwart.style.display="block";
}

function proefpakket(){
	if(document.all){
		var scrollbar = document.documentElement.scrollTop;
	}
	else{
		var scrollbar = pageYOffset;
	}
	var breedtescherm = document.body.offsetWidth;
	var hoogtescherm = document.body.offsetHeight;
	var plaatje = document.getElementById('proefpakketpopup');
	var zwart = document.getElementById('zwart_transparant');
	plaatje.style.display='block';
    plaatje.style.marginTop = (hoogtescherm-plaatje.clientHeight)/2+scrollbar + "px";
    plaatje.style.marginLeft = (breedtescherm-plaatje.clientWidth)/2 + "px";
	zwart.style.width = document.documentElement.scrollWidth + "px";
	zwart.style.height = document.documentElement.scrollHeight + "px";
	zwart.style.display="block";
}