var formValid = true;
var emailValid = true;
var dataForm = "";

function submitForm(){
	formValid = true;
	var inputs = $("#contactForm").children("input");
	
	for( i=0; i < inputs.length; i++){
		if(inputs[i].name != "adres" && inputs[i].name != "tel"){
			if(inputs[i].value == ""){
				formValid = false;
				document.getElementById(inputs[i].name).className = "error";
				$("#" + inputs[i].name + "-error").fadeIn();
			}else{
				dataForm += inputs[i].name + "=" + encodeURIComponent(inputs[i].value) + "&";		
			}
		}else{
			dataForm += inputs[i].name + "=" + encodeURIComponent(inputs[i].value) + "&";	
		}
	}
	if(document.getElementById("bericht").value == ""){
		document.getElementById("bericht").className = "error";
		$("#bericht-error").fadeIn();
		formValid = false;
	}else{
		dataForm += "bericht=" + encodeURIComponent(document.getElementById("bericht").value);		
	}
	if(emailValid && formValid){
		if (window.XMLHttpRequest)
		{
			xmlhttp=new XMLHttpRequest();
		}
		else
		{
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}		
		xmlhttp.onreadystatechange=function(){
			if (xmlhttp.readyState==4 && xmlhttp.status==200)
			{
				if(xmlhttp.responseText != ""){
					if(xmlhttp.responseText == "mail verzonden"){
						document.getElementById("contactForm").reset();
						//$.getScript("http://www.globiss.be/js/conversion.js");
						$.getScript("http://www.googleadservices.com/pagead/conversion.js");
						$("#contactForm").fadeOut();
						$("#contactSuccess").fadeIn();
					}else{
						alert(xmlhttp.responseText);
					}
				}
			}
		}	
		xmlhttp.open("GET","../../inc/sendMail.php?"+dataForm,true);
		xmlhttp.send();
		
		var google_conversion_id = 1057547104;
		var google_conversion_language = "en";
		var google_conversion_format = "3";
		var google_conversion_color = "ffffff";
		var google_conversion_label = "fmrfCJSCuwIQ4Maj-AM";
		var google_conversion_value = 0;
	}
}

function showForm(){
	$("#contactForm").fadeIn();
	$("#contactSuccess").fadeOut();
}
$("#email").blur(function(){
	var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if(!regex.test(this.value)){
		this.className = "error";
		$("#email-error").html("Ongeldig e-mailadres<i></i>");
		$("#email-error").fadeIn();
		emailValid = false;
	}
	else{
		this.className = "";
		$("#email-error").css("display","none");
		emailValid = true;
	}
});

$("#naam").blur(function(){
	if(this.value == ""){
		this.className = "error";
		$("#naam-error").fadeIn();
	}else{
		this.className = "";
		$("#naam-error").css("display","none");
	}
});

$("#voornaam").blur(function(){
	if(this.value == ""){
		this.className = "error";
		$("#voornaam-error").fadeIn();
	}else{
		this.className = "";
		$("#voornaam-error").css("display","none");
	}
});

$("#bericht").blur(function(){
	if(this.value == ""){
		this.className = "error";
		$("#bericht-error").fadeIn();
	}else{
		this.className = "";
		$("#bericht-error").css("display","none");
	}
});

var side_bar_html = ""; 
var gmarkers = []; 
var map = null;

function myclick(i) {
	google.maps.event.trigger(gmarkers[i], "click");
}

$(window).load(function() {
	if(window.location.hash){
		if(window.location.hash == "#showparkings"){
			showParkings();
		}
	}
	if(document.getElementById("slider")){
		/*
		$('#slider').nivoSlider({
			effect:'fold',
			slices:15,
			directionNav:false,
			controlNav:true
		});
		*/
		startSlider();
	}
	if(document.getElementById("header_beeld")){
		if($("#header_beeld").children().length){
			var headers = $("#header_beeld").children();	
			tH = headers.length;
			if(tH >= 2){
				setTimeout("nextHeader()",1000);
			}
		}
	}
	if(document.getElementById("map")){
		var latitude = document.getElementById("latitude").value;
		var longitude = document.getElementById("longitude").value;
		
		var myLatLng = new google.maps.LatLng(latitude,longitude);
		var myOptions = {
			zoom: 13,
			center: myLatLng,
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			mapTypeControl: false,
			mapTypeControlOptions: {
				style: google.maps.MapTypeControlStyle.DEFAULT					 
			},
			scaleControl: false,
			streetViewControl: false,
			navigationControl: true,
			navigationControlOptions: {
				style: google.maps.NavigationControlStyle.SMALL		
			}
		}			
		var map = new google.maps.Map(document.getElementById("map"), myOptions);
		var marker02 = new google.maps.Marker({
			position: myLatLng,
			map: map,
		    animation: google.maps.Animation.DROP,
			icon: '../../images/layout/mappin.png'
		});
	}
	if(document.getElementById("mapParkings")){		
		// A function to create the marker and set up the event window function 
		function createMarker(latlng, name, html) {
			var contentString = html;
			var marker = new google.maps.Marker({
				position: latlng,
				map: map,
				icon: '../../images/layout/mappin.png'
			});
			
			google.maps.event.addListener(marker, 'click', function() {
				infowindow.setContent(contentString); 
				infowindow.open(map,marker);
			 });
		}	
		var myLatLng = new google.maps.LatLng(latitude,longitude);
		var myOptions = {
			zoom: 14,
			center:  new google.maps.LatLng(50.87748,4.70421),
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			mapTypeControl: false,
			mapTypeControlOptions: {
				style: google.maps.MapTypeControlStyle.DEFAULT					 
			},
			scaleControl: false,
			streetViewControl: false,
			navigationControl: true,
			navigationControlOptions: {
				style: google.maps.NavigationControlStyle.SMALL		
			}
		}			
		var map = new google.maps.Map(document.getElementById("mapParkings"), myOptions);
		
		google.maps.event.addListener(map, 'click', function() {
			infowindow.close();
		});

		var parkings = $("#parkings_data").children();
		for( i=0; i < parkings.length; i++){
			var lat = parkings[i].childNodes[1].value;
			var lon = parkings[i].childNodes[2].value;
			if(parkings[i].childNodes[4].value != undefined){
			 	var prevImg = "<img src='" + parkings[i].childNodes[4].value + "'/>";
			}else{
				var prevImg = "";	
			}
			
			var point = new google.maps.LatLng(lat,lon);
			var marker = createMarker(point,parkings[i].childNodes[0].value,"<div class='infoWindow'>" + prevImg + "<div class='address'><h4>"+parkings[i].childNodes[0].value+"</h4>"+parkings[i].childNodes[3].value+",<br/> 3000 Leuven<br/><br/></div></div>");
		}
		
		var infowindow = new google.maps.InfoWindow(
		{ 
			size: new google.maps.Size(100,120)
		});
	}
	if(document.getElementById("mapGlobiss")){
		var latitude = "50.877918";
		var longitude = "4.700785";
		
		var myLatLng = new google.maps.LatLng(latitude,longitude);
		var myOptions = {
			zoom: 15,
			center: new google.maps.LatLng("50.880999",longitude),
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			mapTypeControl: false,
			mapTypeControlOptions: {
				style: google.maps.MapTypeControlStyle.DEFAULT					 
			},
			scaleControl: false,
			streetViewControl: false,
			navigationControl: true,
			navigationControlOptions: {
				style: google.maps.NavigationControlStyle.SMALL		
			}
		}			
		var map = new google.maps.Map(document.getElementById("mapGlobiss"), myOptions);
		var marker = new google.maps.Marker({
			position: myLatLng,
			map: map,
			icon: '../../images/layout/mappin.png'
		});
		
		var contentString = "<div class='infoWindow'><div class='address'><h4>Group Globiss</h4>Naamsestraat 15<br/>3000 Leuven<br/><a href='http://maps.google.com/maps?f=d&source=s_q&hl=en&geocode=%3BCYFGRNZo1UtXFdBVCAMdYLpHACnXAw1H2GDBRzGg46oNYWlQyA&q=NAAMSESTRAAT+15%3F3000+LEUVEN&aq=&sll=37.0625,-95.677068&sspn=58.816238,114.169922&vpsrc=0&ie=UTF8&hq=&hnear=Naamsestraat+15,+3000+Leuven,+Vlaams-Brabant,+Vlaams+Gewest,+Belgium&z=13&iwloc=A&daddr=Naamsestraat+15,+3000+Leuven,+Belgium' class='route' target='_blank'>Bereken uw route</a></div></div>";
		var infowindow = new google.maps.InfoWindow(
		{ 
			size: new google.maps.Size(400,120)
		});
		
		infowindow.setContent(contentString); 
		infowindow.open(map,marker);
		
		google.maps.event.addListener(marker, 'click', function() {
			infowindow.open(map,marker);
		});
	}
	if(document.getElementById("locatiesMap")){	

		// A function to create the marker and set up the event window function 
		function createMarker(latlng, name, html) {
			var contentString = html;
			var marker = new google.maps.Marker({
				position: latlng,
				map: map,
				icon: '../../images/layout/mappin.png'
			});
			
			google.maps.event.addListener(marker, 'click', function() {
				infowindow.setContent(contentString); 
				infowindow.open(map,marker);
			 });
	
			// save the info we need to use later for the side_bar
			gmarkers.push(marker);
		
			// add a line to the side_bar html
			side_bar_html += '<li><a href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/a><\/li>';
		}
	
		var myOptions = {
			zoom: 14,
			center:  new google.maps.LatLng(50.87448,4.695),
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			mapTypeControl: false,
			mapTypeControlOptions: {
				style: google.maps.MapTypeControlStyle.DEFAULT					 
			},
			scaleControl: false,
			streetViewControl: false,
			navigationControl: true,
			navigationControlOptions: {
				style: google.maps.NavigationControlStyle.SMALL		
			}
		}
		map = new google.maps.Map(document.getElementById("locatiesMap"), myOptions);		
		
		google.maps.event.addListener(map, 'click', function() {
			infowindow.close();
		});

		var locaties = $("#locaties_data").children();
		
		for( i=0; i < locaties.length; i++){
			var lat = locaties[i].childNodes[1].value;
			var lon = locaties[i].childNodes[2].value;
			
			var point = new google.maps.LatLng(lat,lon);
			var marker = createMarker(point,locaties[i].childNodes[0].value,"<div class='infoWindow'><div class='info'><h4>"+locaties[i].childNodes[0].value+"</h4>"+locaties[i].childNodes[4].value+ "<br/><a href='" +locaties[i].childNodes[6].value +"' target='_blank'>bezoek website</a></div><img src='"+locaties[i].childNodes[3].value+"'/><div class='clear'></div></div>");
		}
		document.getElementById("side_bar").innerHTML = side_bar_html;

		var infowindow = new google.maps.InfoWindow();
	}
});		


function showParkings(){
	$("#show-parkings").fadeOut(0);
	$('#parkings').animate({height:"390px"}, 500);
	$("#parkings").css({"margin-top":"0px","padding":"50px"});
}

var aI = 1;
var tI = 0;
var lI = 0;
var t;

function startSlider(){
	var images = $("#slider").children();
	for( i=0; i < images.length; i++){
		if(i == 0){
			document.getElementById("sliderNav").innerHTML += "<a href='javascript:showImage(" + (i+1) + ")' id='nav" + (i+1) + "' class='active'>" + (i+1) + "</a>";
		}else{
			document.getElementById("sliderNav").innerHTML += "<a href='javascript:showImage(" + (i+1) + ")' id='nav" + (i+1) + "'>" + (i+1) + "</a>";
		}
	}
	tI = images.length;
	if(tI >= 2){
		setTimeout("nextImage()",1000);
	}
}

function nextImage(){
	if(aI != tI){
		aI++;
	}else{
		aI = 1;	
	}
	if(lI != tI){
		lI++;
	}else{
		lI = 1;	
	}
	$("#image" + aI).css("z-index","100");
	$("#image" + lI).css("z-index","99");
	$("#nav" + aI).toggleClass('active');
	$("#nav" + lI).toggleClass('active');
	
	$("#image" + aI).fadeIn('slow', function() {
        $("#image" + lI).hide();
    });	
	t=setTimeout("nextImage()",2000);
}

function showImage(id){
	clearTimeout(t);
	$("#image" + aI).css("z-index","99");
	$("#image" + id).css("z-index","100");
	$("#nav" + aI).toggleClass('active');
	$("#nav" + id).toggleClass('active');
	
	$("#image" + id).fadeIn('slow', function() {
		$("#image" + aI).hide();
		lI = aI;
		aI = id;
    });
}

var aH =1;
var nH =0;
var tH;

function nextHeader(){
	if(aH != tH){
		nH = aH + 1;
	}else{
		nH = 1;	
	}
	$("#beeld_" + aH).css("z-index","1");
	$("#beeld_" + nH).css("z-index","3");
	
	$("#beeld_" + nH).fadeIn('slow', function() {
        $("#beeld_" + aH).hide();
        aH = nH;
    });	
	
	t=setTimeout("nextHeader()",4000);
}