// JavaScript Document
$(document).ready(function() {
	$('#topbar_wrapper:visible').toggle("blind", {}, 300 );
	$('.noaction').bind("click", function(e) {
		if (!e) var e = window.event;
		e.cancelBubble = true;
		if (e.stopPropagation) e.stopPropagation();
	});

	// Zet autocomplete op de zoekbalk
	var opts = { serviceUrl:'/ajax/search.php?random='+Math.random(), autoSubmit: true };
	var ac = $('#search').autocomplete(opts);
	var ac2 = $('#search-btm').autocomplete(opts);
	ac.enable();
	ac2.enable();
	
	// Selectbox omzetten naar custom design
	$("#custom_select").selectbox();	
	
	$('#stap-een').hide();
	$('#stap-twee').hide();
	$('#stap-drie').hide();
	
	// Totale titel voor Projecten en Producten thumbnails
	$('a.tip').cluetip();
});

function toggleTopBar(e) {
	$('#topbar_wrapper').toggle("blind", {}, 500, function() {												
		if ($('#topbar_wrapper:visible').length > 0) {
			// Balk is uitgeklapt maak pijl oranje
			$('#topbar_balk').css('background-position', 'bottom center');
		}
		else {
			// Niet zichtbaar, balk weer normaal
			$('#topbar_balk').css('background-position', 'top center');
		}
	});
}

// 0 = architecten
// 1 = domotica
// 2 = zwembaden
// 3 = particulieren
// 4 = gemeente
// 5 = csi-c
// 6 = optx

function getSiteName(siteid) {
	var siteArr = new Array();
	siteArr[0] = "architecten";
	siteArr[1] = "domotica";
	siteArr[2] = "zwembaden";
	siteArr[3] = "particulieren";
	siteArr[4] = "gemeente";
	siteArr[6] = "optx";
	
	var siteName = siteArr[siteid];
	return siteName;
}

function viewSiteInfo(siteid) {
	for(i=0;i<=6;i++){
		if(i != siteid && i != 5) {
			var name = getSiteName(i);
			//alert(name);
			document.getElementById(name).style.display = "none";
		}
	}	
	var siteName = getSiteName(siteid);
	document.getElementById(siteName).style.display = "block";		
}

var errors = 0;
// WERKWIJZE ************************************************************
function checkForm(id) {
	errors = 0;
	
	$('#'+id+' .required').each(function(){
		if($(this).val() == ''){
			errors++;
			$(this).css('backgroundColor','#dcacac');
		}
		else {
			$(this).css('backgroundColor','#323232');
		}
	});
	if($('#captcha_input').length > 0) {
		$.ajax({
		  url: 'ajax/captcha-check.php?captcha='+$('#captcha_input').val(),
		  async: false,
		  success: function(data) {
			if(data != '1') {
				errors++;
				$('#captcha_input').css('backgroundColor','#dcacac');
				
			}
			else {
				$('#captcha_input').css('backgroundColor','#323232');
			}
		  }
		 });
	}
	
	if(errors > 0) {
		return false;
	} else {		
		return true;
	} 
}

function renewCaptcha() {
	$('#captcha').replaceWith('<img src="/extra/captcha.php?r='+Math.random()+'" alt="Verificatiecode" id="captcha" />');
}

function addExtraFile() {
	if ($('#extrafiles input').length < 4) {
		$('#extrafiles').append('<span><input type="file" name="aanvullende_bestanden[]" /> <a onclick="$(this).parent().remove();"><img src="/img/icon-minus.gif" alt="Dit veld verwijderen" /></a></span>');
	}
	else {
		alert("U kunt maximaal 4 bestanden toevoegen");
	}
}

function removeParent(elem) {
	$(elem).parent().remove();
}

function checkStap(stap, plan) {
	if (stap == '1') {
		// Stap 1
		if(plan == 'zonderplan') {
			$('#metplan').removeClass('active');
			$('#zonderplan').toggleClass('active');
			
			// Als de andere opties al open is dan alleen maar tekst hide/show en de stap open laten staan!
			if ($('#tekst-met-basisplan:hidden').length > 0) { 
				$('#stap-een').toggle('blind');
			}
			$('#tekst-met-basisplan').hide();
			$('#tekst-zonder-basisplan').show();
		} else {
			$('#zonderplan').removeClass('active');
			$('#metplan').toggleClass('active');
			
			if ($('#tekst-zonder-basisplan:hidden').length > 0) {
				$('#stap-een').toggle('blind');
			}
			$('#tekst-zonder-basisplan').hide();
			$('#tekst-met-basisplan').show();
		}
	}
	else if (stap == '2') {
		// Stap 2, check of stap 1 al open is
		if ($('#stap-een:hidden').length > 0) {
			$('#stap-een-met-plan').hide();
			$('#metplan').removeClass('active');
			$('#zonderplan').addClass('active');
			$('#tekst-met-basisplan').hide();
			$('#tekst-zonder-basisplan').show();
			$('#stap-een').show('blind');
		}
		$('#stap-twee').toggle('blind');
		$('#staptwee').toggleClass('active');
	}
	else if (stap == '3') {
		// Stap 3, check of stap 1 en 2 al open zijn
		if ($('#stap-een:hidden').length > 0) {
			$('#stap-een-met-plan').hide();
			$('#metplan').removeClass('active');
			$('#zonderplan').addClass('active');
			$('#tekst-met-basisplan').hide();
			$('#tekst-zonder-basisplan').show();
			$('#stap-een').show('blind');
		}
		if ($('#stap-twee:hidden').length > 0) {
			$('#stap-twee').toggle('blind');
			$('#staptwee').toggleClass('active');
		} 
		$('#stap-drie').toggle('blind');
		$('#stapdrie').toggleClass('active');
	}
}

function keuzeInspiratie(src, num){
	var i = $('div.inspiratie').size()+1; 
	if ($('#keuzeinspiratie div.inspiratie').length < 3) {
		$('#keuzeinspiratie').append('<div class="inspiratie"><img alt="IMG '+i+'" class="w" src="'+src+'" /><input type="hidden" name="inspiratie'+i+'" value="'+src+'" /><textarea cols="" rows="" class="large" name="inspiratie'+i+'_aanvulling"></textarea><a onclick="$(this).parent().remove();"><img src="/img/icon-minus.gif" alt="Dit inspiratiebron verwijderen" /></a></div>');
	}
	else {
		alert("U kunt maximaal 3 inspiratie bronnen toevoegen");
	}
}

function biggerImageProduct(imgid, imgnaam) {
	//alert('dssdfsdfsfa'+imgid);
	$('#productimg').html('<tr><td><img src="/image.php?type=productmeer&amp;id='+imgid+'" alt="'+imgnaam+'"/></td></tr>');
}
function biggerImageProject(imgid, imgnaam) {
	//alert('dssdfsdfsfa'+imgid);
	$('#productimg').html('<tr><td><img src="/image.php?type=projectmeer&amp;id='+imgid+'" alt="'+imgnaam+'"/></td></tr>');
}

//javascript:getContactInformation('IBG OPTX', 'Van Beukelaarweg 13, Bleskensgraaf, Nederland', '51.869231', '4.783773')
function getContactInformation(titel, adres, plaats, land, lat, long) {
	//alert('dssdfsdfsfa'+imgid);
	$('#contact-map').html('<div id="map"></div><div id="route_form" style="padding: 20px 0 20px 0;"><form onsubmit="setDirections(this.from.value, this.to.value); return false" action="" class="frm_contact">U kunt het volgende formulier gebruiken om een route te berekenen<br /><br /><input type="text" name="from" style="width: 300px;" /> Van (<em>Straat, plaats, land</em>)<br /><br /><input type="text" name="to" value="'+adres+', '+plaats+', '+land+'" style="width: 300px;"/> Naar (<em>Straat, plaats, land</em>)<br /><br /><input type="submit" value=" Routebeschrijving " /><input type="button" value=" Print " onclick="window.print();" /></form></div><div id="my_textual_div"></div><script type="text/javascript" language="javascript">function handleErrors(){ if (directions.getStatus().code == G_GEO_UNKNOWN_ADDRESS) { alert("Sorry, adres onbekend"); } else if (directions.getStatus().code == G_GEO_SERVER_ERROR) { alert("Onbekende server error"); } else if (directions.getStatus().code == G_GEO_MISSING_QUERY) { alert("Lege velden"); } else if (directions.getStatus().code == G_GEO_BAD_KEY) { alert("De routeplanner is tijdelijk buiten werking. Probeer later opnieuw aub..."); } else if (directions.getStatus().code == G_GEO_BAD_REQUEST) { alert("Van plaats en land."); } else { alert("Een onbekende error heeft plaatsgevonden."); } } function setDirections(fromAddress, toAddress) { directions.load("from: " + fromAddress + " to: " + toAddress, \'NL\'); } var map; var directionsPanel; var directions; map = new GMap2(document.getElementById("map")); directionsPanel = document.getElementById("my_textual_div"); map.setCenter(new GLatLng('+lat+', '+long+'), 13); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); directions = new GDirections(map, directionsPanel); GEvent.addListener(directions, "error", handleErrors); map.addOverlay(new GMarker(new GLatLng('+lat+', '+long+'), { title: \''+adres+'\n'+plaats+'\n'+land+'\'}));</script-->');
}