Cufon.replace('h1');
Cufon.replace('h3');
Cufon.replace('ul li a');

function getradioSelection(group) 
{ 
  for(var k=0;k<group.length;k++) 
    if(group[k].checked)  
       return group[k].value; 
} 

var geocoder, location1, location2, gDir;
 
function initialize() {
	geocoder = new GClientGeocoder();
	gDir = new GDirections();
	GEvent.addListener(gDir, "load", function() {
		var drivingDistanceKilometers = gDir.getDistance().meters / 1000;
		if(document.getElementById('distance').value == ' ') {
			document.getElementById('distance').value = drivingDistanceKilometers;
			showLocation('baroniestraat 10, gronsveld', $('#le_straat').val() + ' ' + $('#le_huisnr').val() + ', ' + $('#le_plaats').val());
		}
		else if(document.getElementById('postdistance').value == ' ' && document.getElementById('predistance').value == ' ') {
			document.getElementById('postdistance').value = drivingDistanceKilometers;
			showLocation('baroniestraat 10, gronsveld', $('#ha_straat').val() + ' ' + $('#ha_huisnr').val() + ', ' + $('#ha_plaats').val());
		}
		else {
			document.getElementById('predistance').value = drivingDistanceKilometers;
			if( getradioSelection(document.getElementsByName('dienst')) ) {
				$('#stap1_form').submit();
			}
			else {
				alert('Kies a.u.b. de gewenste dienst.');
			}
		}
	});
}
 
function showLocation(from, to) {
		geocoder.getLocations(from, function (response) {
		if (!response || response.Status.code != 200)
		{
			alert("Sorry, wij kunnen het eerste adres niet vinden.");
		}
		else
		{
			location1 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
			geocoder.getLocations(to, function (response) {
				if (!response || response.Status.code != 200)
				{
					alert("Sorry, wij kunnen het tweede adres niet vinden.");
				}
				else
				{
					location2 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address};
					gDir.load('from: ' + location1.address + ' to: ' + location2.address);
				}
			});
		}
	});
}

	$(document).ready( function() {
	
		initialize();
								
		$('#banner').css('backgroundPosition', '0px').animate({'backgroundPosition' : '-190px' }, 5000);
		$('#mydiv1').css('opacity', 0).animate({ 'opacity' : 1, 'height' : '105px' }, 1000);
		$('#mydiv2').css('opacity', 0).animate({ 'opacity' : 0 }, 300).animate({ 'opacity' : 1, 'height' : '105px' }, 1000);
		$('#mydiv3').css('opacity', 0).animate({ 'opacity' : 0 }, 600).animate({ 'opacity' : 1, 'height' : '105px' }, 1000);
		$('#mydiv4').css('opacity', 0).animate({ 'opacity' : 0 }, 900).animate({ 'opacity' : 1, 'height' : '105px' }, 1000, false, function() {
			$('#mydiv4').css('opacity', 0).animate({ 'opacity' : .5 }, 500).animate({ 'opacity' : 1 }, 500);
			$('#mydiv3').css('opacity', 0).animate({ 'opacity' : +0 }, 100).animate({ 'opacity' : .5 }, 500).animate({ 'opacity' : 1 }, 500);
			$('#mydiv2').css('opacity', 0).animate({ 'opacity' : +0 }, 200).animate({ 'opacity' : .5 }, 500).animate({ 'opacity' : 1 }, 500);
			$('#mydiv1').css('opacity', 0).animate({ 'opacity' : +0 }, 300).animate({ 'opacity' : .5 }, 500).animate({ 'opacity' : 1 }, 500, false, function() {
				$('#cycleimages1').cycle({ fx: 'fade', speed:   300, timeout: 3000 });
				$('#cycleimages2').cycle({ fx: 'fade', speed:   300, timeout: 3100 });
				$('#cycleimages3').cycle({ fx: 'fade', speed:   300, timeout: 3200 });
				$('#cycleimages4').cycle({ fx: 'fade', speed:   300, timeout: 3300 });
			});
		});
	});

	
	function paneTo( left, width ) {
		$('#pane').stop().animate({ left: left, width: width + 'px' }, 300);
	}
	
	function resetPane() {
		$('#pane').stop().animate({ left: lastleft, width: lastwidth + 'px' }, 600);
	}