window.onload = function () {



	visualEffect('model_home', './pix/haarmode-made.jpg');
	visualEffect('visual_icon', './pix/icon-line-products.jpg');
	visualEffect('visual_haarmode', './pix/haarmode.jpg');
	visualEffect('visual_behandelingen', './pix/behandelingen.jpg');
	visualEffect('visual_over-ons', './pix/overons.jpg');
	visualEffect('visual_visagie', './pix/visagie.jpg');
	visualEffect('visual_metamorfoses', './pix/metamorfoses.jpg');
	visualEffect('visual_fotogalerij', './pix/fotogalerij.jpg');



	if (document.getElementById('emlspan')) {
	  document.getElementById('emlspan').innerHTML = "partners.haarmode@ziggo.nl";
	}

	if (document.getElementById('submitSpan')) {
	  document.getElementById('submitSpan').innerHTML = "<input type='submit' value=' &nbsp;  &nbsp; Versturen  &nbsp;  &nbsp; ' style='border:1px solid #E0E0E0; color:#333333; font-size: 11px; margin-top:5px'>";
	}



	if (document.getElementById('btnHaarmode')) {
	  menuEffect('btnHaarmode', 'submenuHaarmode', 'picHaarmode');
	}

	if (document.getElementById('btnBehandelingen')) {
	  menuEffect('btnBehandelingen', 'submenuBehandelingen', 'picBehandelingen');
	}

	if (document.getElementById('btnVisagie')) {
	  menuEffect('btnVisagie', 'submenuVisagie', 'picVisagie');
	}

	if (document.getElementById('btnProducten')) {
	  menuEffect('btnProducten', 'submenuProducten', 'picProducten');
	}

	if (document.getElementById('btnFotogalerij')) {
	  menuEffect('btnFotogalerij', 'submenuFotogalerij', 'picFotogalerij');
	}

	if (document.getElementById('btnMetamorfoses')) {
	  menuEffect('btnMetamorfoses', 'submenuMetamorfoses', 'picMetamorfoses');
	}

	if (document.getElementById('btnOverOns')) {
	  menuEffect('btnOverOns', 'submenuOverOns', 'picOverOns');
	}




  if (document.getElementById('sluiten')) {
	var btnSluit = document.getElementById('sluiten');

	btnSluit.onmouseover=function(){
		this.style.cursor = 'pointer';
		btnSluit.src = './pix/sluiten_on.gif';
	}

	btnSluit.onmouseout=function(){
		btnSluit.src = './pix/sluiten.gif';
	}

	btnSluit.onclick=function(){
		document.getElementById('popupcontent').innerHTML = '';
		document.getElementById('popupcontent').style.visibility = 'hidden';
		document.getElementById('fotolijst').style.visibility = 'hidden';
		opacity('blur', 75, 0, 0);
		document.getElementById('blur').style.visibility = 'hidden';
	}
	opacity('blur', 100, 0, 0);
  }


  if (document.getElementById('prijslijst')) {
    prijslijstPopUp();
  }

}




function visualEffect(visualId, img) {

  if (document.getElementById(visualId)) {



	  var object = document.getElementById(visualId).style;
	  object.opacity = 0;
	  object.MozOpacity = 0;
	  object.KhtmlOpacity = 0;
	  object.filter = "alpha(opacity=0)";
	  document.getElementById(visualId).style.visibility = 'visible';


	document.getElementById(visualId).src = img;
    opacity(visualId, 0, 100, 1500);
  }

}




function menuEffect(bntId, subMenuId, picId) {

	var button = document.getElementById(bntId);

		button.onmouseover = function() {
			  document.getElementById(subMenuId).style.visibility = 'visible';
		}

		button.onmouseout = function() {
			  document.getElementById(subMenuId).style.visibility = 'hidden';
		}


}






function showPopup(popUpContent) {


	var bookJOSHData = ''
	+'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="566">'
	+'<param name="movie" value="inc/flip/josh/flippingBook.swf">'
	+'<param name="quality" value="high">'
	+'<param name="flashVars" value="xmlConfig=inc/flip/josh/config.xml&bgImage=inc/flip/josh/pagefiles/bg.jpg">'
	+'<param name="scale" value="noscale">'
	+'<param name="bgcolor" value="#000000">'
	+'<embed src="inc/flip/josh/flippingBook.swf" width="800" height="566" quality="high"  bgcolor="#000000"  flashvars="xmlConfig=inc/flip/josh/config.xml&bgImage=inc/flip/josh/pagefiles/bg.jpg" scale="noscale" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>'
	+'</object>';

	var bookPHMGData = ''
	+'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="566">'
	+'<param name="movie" value="inc/flip/galerij/flippingBook.swf">'
	+'<param name="quality" value="high">'
	+'<param name="flashVars" value="xmlConfig=inc/flip/galerij/config.xml&bgImage=inc/flip/galerij/pagefiles/bg.jpg">'
	+'<param name="scale" value="noscale">'
	+'<param name="bgcolor" value="#000000">'
	+'<embed src="inc/flip/galerij/flippingBook.swf" width="800" height="566" quality="high"  bgcolor="#000000"  flashvars="xmlConfig=inc/flip/galerij/config.xml&bgImage=inc/flip/galerij/pagefiles/bg.jpg" scale="noscale" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>'
	+'</object>';


	var bookPHMTData = ''
	+'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="566">'
	+'<param name="movie" value="inc/flip/tribals/flippingBook.swf">'
	+'<param name="quality" value="high">'
	+'<param name="flashVars" value="xmlConfig=inc/flip/tribals/config.xml&bgImage=inc/flip/tribals/pagefiles/bg.jpg">'
	+'<param name="scale" value="noscale">'
	+'<param name="bgcolor" value="#000000">'
	+'<embed src="inc/flip/tribals/flippingBook.swf" width="800" height="566" quality="high"  bgcolor="#000000"  flashvars="xmlConfig=inc/flip/tribals/config.xml&bgImage=inc/flip/tribals/pagefiles/bg.jpg" scale="noscale" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>'
	+'</object>';


	var bookPHMKData = ''
	+'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="566">'
	+'<param name="movie" value="inc/flip/kapsalon/flippingBook.swf">'
	+'<param name="quality" value="high">'
	+'<param name="flashVars" value="xmlConfig=inc/flip/kapsalon/config.xml&bgImage=inc/flip/kapsalon/pagefiles/bg.jpg">'
	+'<param name="scale" value="noscale">'
	+'<param name="bgcolor" value="#000000">'
	+'<embed src="inc/flip/kapsalon/flippingBook.swf" width="800" height="566" quality="high"  bgcolor="#000000"  flashvars="xmlConfig=inc/flip/kapsalon/config.xml&bgImage=inc/flip/kapsalon/pagefiles/bg.jpg" scale="noscale" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>'
	+'</object>';




	var bookPHMMData = ''
	+'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="566">'
	+'<param name="movie" value="inc/flip/metamorfoses/flippingBook.swf">'
	+'<param name="quality" value="high">'
	+'<param name="flashVars" value="xmlConfig=inc/flip/metamorfoses/config.xml&bgImage=inc/flip/tribals/pagefiles/bg.jpg">'
	+'<param name="scale" value="noscale">'
	+'<param name="bgcolor" value="#000000">'
	+'<embed src="inc/flip/metamorfoses/flippingBook.swf" width="800" height="566" quality="high"  bgcolor="#000000"  flashvars="xmlConfig=inc/flip/metamorfoses/config.xml&bgImage=inc/flip/metamorfoses/pagefiles/bg.jpg" scale="noscale" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>'
	+'</object>';




	if(popUpContent == "bookJOSH") { popUpContent = bookJOSHData; }
	if(popUpContent == "bookPHMG") { popUpContent = bookPHMGData; }
	if(popUpContent == "bookPHMT") { popUpContent = bookPHMTData; }
	if(popUpContent == "bookPHMK") { popUpContent = bookPHMKData; }
	if(popUpContent == "bookPHMM") { popUpContent = bookPHMMData; }

	// settings
	var popUpContentSpan = document.getElementById('popupcontent');
	var fotolijst = document.getElementById('fotolijst');
	var blur = document.getElementById('blur');
	popUpContentSpan.innerHTML = popUpContent;
	//effecten
	blur.style.visibility = 'visible';
	opacity('blur', 0, 75, 200);

	setTimeout("document.getElementById('fotolijst').style.visibility = 'visible'", 150);
	setTimeout("document.getElementById('popupcontent').style.visibility = 'visible'", 150);

}







function opacity(id, opacStart, opacEnd, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;

	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}



function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}




function prijslijstPopUp() {

	  var btn=document.getElementById('mid').getElementsByTagName("A");
	  for(var i=0;i<btn.length;i++) {

		btn[i].onmouseover=function() {
		  this.style.cursor = 'pointer';
		  opacity(this.id, 100, 50, 128);
		}
		btn[i].onmouseout=function() {
		  opacity(this.id, 50, 100, 768);
		}
		btn[i].onclick=function() {
			doe('GET', './text/'+this.id+'.html', '', '');
		}
	  }

}






function doe(type, actie, params, doel) {

	if (typeof xmlHttp == 'undefined') {
		if (window.ActiveXObject) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		} else if (window.XMLHttpRequest) {
			xmlHttp = new XMLHttpRequest();
		  }
		requestHandle(xmlHttp, type, actie, params, doel);
	} else {
			if (window.ActiveXObject) {
				xmlHttp2 = new ActiveXObject("Microsoft.XMLHTTP");
			} else if (window.XMLHttpRequest) {
				xmlHttp2 = new XMLHttpRequest();
			  }
			requestHandle(xmlHttp2, type, actie, params, doel);
	  }

}



function requestHandle(xmlHttpObj, type, actie, params, doel) {

    xmlHttpObj.open(type, actie, true);
    xmlHttpObj.onreadystatechange = function () {
		if((xmlHttpObj.readyState == 4) && (xmlHttpObj.status == 200)) {
     			showPopup(xmlHttpObj.responseText);
		}
	}

	if(type == "GET") {
    	xmlHttpObj.send(null);
	} else {
    	xmlHttpObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    	xmlHttpObj.send(params);
	}
}