$.imgpreload([
	'/img/topmenu_bedrijf.png',
	'/img/topmenu_bedrijf_over.png',
	'/img/topmenu_blog.png',
	'/img/topmenu_blog_over.png',
	'/img/topmenu_contact.png',
	'/img/topmenu_contact_over.png',
	'/img/topmenu_f.png',
	'/img/topmenu_f_over.png',
	'/img/t-hover.jpg',
	'/img/f-hover.jpg',
	'/img/rss-hover.jpg',
	'/img/topmenu_home.png',
	'/img/topmenu_home_over.png',
	'/img/topmenu_logo.png',
	'/img/topmenu_logo_over.png',
	'/img/topmenu_werk.png',
	'/img/topmenu_werk_over.png',
	'/img/submit-verstuur_over.png',
	'/img/alumbrados_logo_hover.png',
	'/img/alumbrados_logo.png',
	'/img/next-hover.png',
	'/img/prev-hover.png',
	'/img/slider-a-hover.jpg',
	'/img/slider_pos_hover.png',
	'/img/pijl_rechts_hover.png',
	'/img/pijl_links_hover.png',
	'/img/button_home_over.png'
],function(){});

$(document).ready(function() {
	jQuery(function( $ ){
		$.localScroll.defaults.axis = 'y';
		$.localScroll.hash({
			queue:false,
			duration:5000,
			onBefore:function(e, anchor, $target) {
				pageTracker._trackPageview('/' + anchor);
			},
			onAfter:function(anchor, settings){
			},			
			offset: {top: 0, left: 0}
		});
		
		
		$('.navigation').localScroll({
			queue: false,
			duration: 5000,
			hash: true,
			stop: true,
			onBefore:function(e, anchor, $target){
				setMenuBefore(e, anchor, $target);
				pageTracker._trackPageview('/' + anchor);
			},
			onAfter:function(anchor, settings){
			},
			offset: {top: 0, left: 0}
		});
		
		$('.menuBox').localScroll({
			queue: false,
			duration: 5000,
			hash: true,
			stop: true,
			onBefore:function(e, anchor, $target){
				pageTracker._trackPageview('/' + anchor);
			},
			onAfter:function(anchor, settings){
			},
			offset: {top: 0, left: 0}
		});		
	});	
	
	function setMenuBefore(e, anchor, $target) {
		var anchorName = anchor.id.replace('Block', '');
		$('.navigation li').removeClass('selected');
		if ($('.navigation .' + anchorName + 'Menu').find('ul').length > 0) {
			$('.navigation .' + anchorName + 'Menu').find('ul li:first a').click();
		}
		else {
			$('.navigation .' + anchorName + 'Menu').addClass('selected')
		}
	}

	function setMenuAfter(anchor, $target) {
	}
	
	function setFieldValue(field, value) {
		$(field).focus(function() {
			if ($(this).val() == value) {
				$(this).val(''); 
			}
		});

		$(field).blur(function() {
			if ($(this).val() == '') {
				$(this).val(value); 
			}
		});		
	}
	
	setFieldValue('.nameField', 'uw naam');
	setFieldValue('.emailField', 'uw e-mailadres');
	setFieldValue('.inputAddress', 'Adres');
	setFieldValue('.inputCity', 'Plaats');
	
	setFieldValue('.inputName', 'voornaam');
	setFieldValue('#query', 'zoeken');
	setFieldValue('.inputLastName', 'achternaam');
	setFieldValue('.inputEmail', 'e-mail');
	setFieldValue('.inputPhone', 'telefoon');
	setFieldValue('.inputMessage', 'bericht');	
	

	$('.contact2Box .submit').live('click', function() {
		var data2 = '';
		$(this).parent().find('.textField').each(function() {
			var name = $(this).attr('name');
			var value = $(this).val()
			if (data2 != '') {
				data2 += '&';
			}
			data2 += name + '=' + value;
		});
		var container = $(this).parent().parent(); 
		if (!container.length) {
			var container = $(this).parent();
		}
		
		$.post('/ajax/form.html', data2, function(response){
			container.html(response);
			Cufon.replace('.thankBox');
			Cufon.replace('.contact2Box h3');
		});

		

	});
	
	$("a[rel='colorbox']").colorbox();
	
	initialize();
	$('.routeButton').click(function() {
		calcRoute($('.inputAddress').val(), $('.inputCity').val());
		
	});
});


function successHandler(container) {
	
}

function switchBlock(element, container, block) {
	$('.navigation li').removeClass('selected');
	$(element).parent().addClass('selected');
	$('#' + container).find('.textBox').hide();
	$('#' + container).find('#' + block).show();
}



jQuery.fn.blindUp2 = function(speed, easing, callback) {
	var h = this.height() + parseInt(this.css('paddingLeft')) + parseInt(this.css('paddingLeft'));
	return this.animate({marginTop: 0}, speed, easing, callback);
};




var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
var geocoder;
var startLoc;
function initialize() {
	if (document.getElementById("map_canvas")) {
		geocoder = new google.maps.Geocoder();
		directionsDisplay = new google.maps.DirectionsRenderer();
		var loc = codeAddress('Atoomweg 2e, Groningen, Nederland');
		var myOptions = {
			zoom:13,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		}
		map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
		directionsDisplay.setMap(map);
		directionsDisplay.setPanel(document.getElementById("directionsPanel"));
		
	    google.maps.event.addListener(directionsDisplay, 'directions_changed', function() {
	    	$(document).oneTime(1000, function() {
	    		$('#directionsPanel').append('<a href="http://maps.google.nl/maps?f=d&source=s_d&saddr=' + startLoc + '&daddr=Atoomweg+2e,+9743+AK+Groningen+%28Stijlgeit%29&geocode=CZyfNK0V5VqsFQ_6KwMdbchjACF0_rwB2nQUog&hl=nl&mra=ls&sll=53.2144,6.53952&sspn=0.001115,0.003484&ie=UTF8&t=h&z=16" onclick="window.open(this.href);return false">bekijk deze route in Google Maps</a>')
	    		$.colorbox({width:500, inline:true, href:"#directionsPanel"});
	    	});
	    });
	}
	
}

function codeAddress(address) {
	  geocoder.geocode( { 'address': address}, function(results, status) {
	    if (status == google.maps.GeocoderStatus.OK) {
	    	map.setCenter(results[0].geometry.location);
	    	return results[0].geometry.location;
	    } else {
	      alert("Geocode was not successful for the following reason: " + status);
	    }
	  });
	}


function calcRoute(start, end) {
	startLoc = start + ',' + end + ', Nederland';
	var request = {
      origin: start + ',' + end + ', Nederland', 
      destination:'Atoomweg 2e, Groningen, Nederland',
      travelMode: google.maps.DirectionsTravelMode.DRIVING
	};
	directionsService.route(request, function(response, status) {
		if (status == google.maps.DirectionsStatus.OK) {
			directionsDisplay.setDirections(response);
		}
		else {
			alert('Opgegeven adres niet gevonden.');
		}
	});
}