function actions() {	
	/*document.getElementById('nav').getElementsByTagName('li')[0].style.border = '0';*/
}

function vulveld(veld) {
	document.getElementById('f_waar').value = veld;
}

function displayImage ( p_image ) {
	URL = "/displayimage.php?img=" + p_image;
	window.open (URL,"Afbeelding","width=200,height=200,resizable=yes,scrollbars=auto,toolbar=no,location=no,directories=no,status=no,menubar=no,copyhistory=no");
}

$(function() {
	$('.owner-pic').mouseover(function() {
		$('#herman-van-vliet').fadeIn(500);
	});
	
	$('#herman-van-vliet').mouseout(function() {
		$('#herman-van-vliet').fadeOut(500);
	});
	
	$('#TB_closeWindowButton').click(function() {
		tb_remove();
	});
	
	$('#bel-mij-terug span').click(function() {
		var html = '<div class="modaloverlay"></div>';
		$('body').append(html);
		var height = $(document).height();
		var width = $(document).width();
		
		$('.modaloverlay').css('width', width + 'px');
		$('.modaloverlay').css('height', height + 'px');
		$('.modaloverlay').fadeIn(100, function() {

		
		html +='';
		html += '<div class="modal">';
		html += '<span class="close-modal" onclick="pageTracker._trackPageview(\'/prijsopgave-popup-sluiten\');">x</span>';
		/***
		html+='<h1>Stuur een prijsopgave</h1>';
		html+='<p>Vul uw gegevens in en we sturen u binnen een dag een prijsopgave terug. </p>';
		
		html+='<form id="OfferteFormulier" action="http://www.badenvanhout.be/be/prijsopgave" method="post"><input type="hidden" name="formid" value="OfferteFormulier" />';
		
		html+='<div class="row">';
		html+='<label for="Naam">Naam (*)</label>';
		html+='<input type="text" name="inp_naam" id="inp_naam">';
		html+='<span class="errordisp">vergeet uw naam niet</span>';
		html+='</div>';
		
		html+='<div class="row">';
		html+='<label for="Tel">Telefoon (*)</label>';
		html+='<input type="text" name="inp_tel" id="inp_tel">';
		html+='<span class="errordisp">vergeet uw telefoon nummer niet</span>';
		html+='</div>';
		
		html+='<div class="row">';
		html+='<label for="Email">Email (*)</label>';
		html+='<input type="text" name="inp_mail" id="inp_mail">';
		html+='<span class="errordisp">vergeet uw email niet</span>';
		html+='</div>';
		
		
		html+='<div class="row">';
		html+='<label for="Woonplaats">Woonplaats</label>';
		html+='<input type="text" name="inp_woonplaats" id="inp_woonplaats">';
		html+='</div>';
				
		html+='<div class="row">';
		html+='<label for="grootte">Bad grootte</label>';
		html+='<select name="inp_badgrootte" id="inp_badgrootte">';
		html+='<option value="10 personen 250-240cm">10 personen 250/240 cm</option>';
		html+='<option value="6 personen 200 cm">6 personen 200 cm</option>';
		html+='<option value="5 personen 180 cm">5 personen 180 cm</option>';
		html+='<option value="4 personen 160 cm">4 personen 160 cm</option>';
		html+='<option value="2 personen 160x115 cm">2 personen 160x115 cm</option>';
		html+='<option value="1 persoon 120x80 cm">1 persoon 120x80 cm</option>';
		html+='</select>'
		html+='</div>';
		
		html+='<div class="row">';
		html+='<label for="Soort">Soort</label>';
		html+='<select name="inp_soort" id="inp_soort">';
		html+='<option value="Nordic pine Tunni">Nordic pine T&uuml;nni</option>';
		html+='<option value="Sibirisch Larix Tunni">Siberisch Larix T&uuml;nni</option>';
		html+='<option value="Western red ceder Tunni">Western red ceder T&uuml;nni</option>';
		html+='<option value="Eiken Tunni">Eiken Tnni</option>';
		html+='</select>';
		html+='</div>';
		
		html+='<div class="row">';
		html+='<label for="empty">&nbsp</label>';
		html+='<p>Wilt u een eiken bad dan is deze enkel te bestellen: in 200 cm &Oslash; (6 persoons) </p>';
		html+='</div>';

		html+='<div class="row">';
		html+='<label for="Bouwpaket">Bezorging</label>';
		html+='<input type="radio" name="bezorging" value="Zelf ophalen" checked>Zelf ophalen<br>';
		html+='<input type="radio" name="bezorging" value="Laten brengen">Laten brengen<br>';
		html+='</div>';
		
		html+='<div class="row">';
		html+='<label for="Bouwpaket">Bouwpaket</label>';
		html+='<input type="radio" name="opt" value="ja" checked>Ja<br>';
		html+='<input type="radio" name="opt" value="nee">Nee<br>';
		html+='</div>';
		
		html+='<div class="row"><label for="empty">&nbsp;</label><input class="button1" type="button" value="Versturen"></div>';
							
		html+='</form>';***/
		html+='<h1>Stuur een prijsopgave</h1><p>Vul uw gegevens in en we sturen u binnen een dag een prijsopgave terug. </p><form method="post" action="http://www.badenvanhout.be/be/prijsopgave" id="OfferteFormulier"><input type="hidden" value="OfferteFormulier" name="formid"><div class="row"><label for="Naam">Naam (*)</label><input type="text" id="inp_naam" name="inp_naam"><span class="errordisp">vergeet uw naam niet</span></div><div class="row"><label for="Tel">Telefoon (*)</label><input type="text" id="inp_tel" name="inp_tel"><span class="errordisp">vergeet uw telefoon nummer niet</span></div><div class="row"><label for="Email">Email (*)</label><input type="text" id="inp_mail" name="inp_mail"><span class="errordisp">vergeet uw email niet</span></div><div class="row"><label for="Woonplaats">Woonplaats</label><input type="text" id="inp_woonplaats" name="inp_woonplaats"></div><div class="row"><label for="grootte">Bad grootte</label><select id="inp_badgrootte" name="inp_badgrootte"><option value="10 personen 250/240cm">10 personen 250/240 cm</option><option value="6 personen 200 cm">6 personen 200 cm</option><option value="5 personen 180 cm">5 personen 180 cm</option><option value="4 personen 160 cm">4 personen 160 cm</option><option value="2 personen 160x115 cm">2 personen 160x115 cm</option><option value="1 persoon 120x80 cm">1 persoon 120x80 cm</option></select></div><div class="row"><label for="Soort">Soort</label><select id="inp_soort" name="inp_soort"><option value="Nordic pine Tunni">Nordic pine T&uuml;nni</option><option value="Sibirisch Larix Tunni">Siberisch Larix T&uuml;nni</option><option value="Western red ceder Tunni">Western red ceder T&uuml;nni</option><option value="Eiken Tunni">Eiken T&uuml;nni</option></select></div><div class="row"><label for="empty">&nbsp;</label><p>Wilt u een eiken bad dan is deze enkel te bestellen: in 200 cm &Oslash; (6 persoons) </p></div><div class="row"><label for="Bouwpaket">Bezorging</label><input type="radio" checked="" value="Zelf ophalen" name="bezorging">Zelf ophalen<br><input type="radio" value="Laten brengen" name="bezorging">Laten brengen<br></div><div class="row"><label for="Bouwpaket">Bouwpaket</label><input type="radio" checked="" value="ja" name="bouwpakket[]">Ja<br><input type="radio" value="nee" name="bouwpakket[]">Nee<br></div><div class="row"><label for="empty">&nbsp;</label><input type="button" value="Versturen" class="button1"></div></form>';
		html+='</div>';

			$('body').append(html);
			$('.modal').fadeIn(250);
			
		});
		
		$('.close-modal').live('click', function() {
			$('.modal').fadeOut(250, function() {
				$('.modal').remove();
			});
			$('.modaloverlay').fadeOut(250, function() {
				$('.modaloverlay').remove();
			});
		});
	});
	
		// bel-mij-terug validation
	$('#OfferteFormulier .button1').live('click', function() {
		var bmtName = $('#inp_naam').val();
		var bmtPhone = $('#inp_tel').val();
		var bmtWhen = $('#inp_mail').val();
		var bmtErrorCount = 0;
		if(bmtName.length == 0) { $('#inp_naam').parent().find('.errordisp').fadeIn(300); bmtErrorCount++; } else { $('#inp_naam').parent().find('.errordisp').fadeOut(300); }
		if(bmtPhone.length < 10) { $('#inp_tel').parent().find('.errordisp').fadeIn(300); bmtErrorCount++; } else { $('#inp_tel').parent().find('.errordisp').fadeOut(300); }
		if(bmtWhen.length == 0) { $('#inp_mail').parent().find('.errordisp').fadeIn(300); bmtErrorCount++; } else { $('#inp_mail').parent().find('.errordisp').fadeOut(300); }
		
		if(bmtErrorCount == 0) {
			$('#OfferteFormulier').submit();
		}
	});
	
	//fancybox
	if (jQuery.fancybox) {
	
		$("a.fancybox").fancybox({
			
			'titlePosition'	:	'inside'
			
		});
		
	}
	
});