function addColorboxLoadScreen() {
	$('<div class="m3loadingscreen"></div>')
		.css({
			position           : 'absolute',
			"padding-top"	   : '330px',
			zIndex             : 2,
			width              : 650,
			height             : $("#intake-colorbox").outerHeight(true) - 330,
			left               : 0,
			top                : 1,
			opacity            : 0.8,
			backgroundImage    : 'url(/trubendorffer/templates/default/styles/images/loading.gif)',
			backgroundRepeat   : 'no-repeat',
			backgroundPosition : 'center 300px',
			backgroundColor    : 'white',
			"text-align"       : 'center'
		})
		.text("Formulier wordt verzonden")
		.prependTo($("#intake-colorbox"))
	;
}

$(function() {
	
	$("body").addClass("js-enabled");
	
	/*
		Intake buttons
	*/
	$(".button a.intake").click(function(e) {
		e.preventDefault();
		
		var link = $(this).attr('href');
		
		$.ajax({
			url      : link,
			type     : 'GET',
			dataType : 'json',
			error    : function() {
				alert('020 error!');
			},
			success: function(data) {
			
				$.fn.colorbox({
					html : data.html,
					opacity: 0.5,
					onOpen: function() {
					},
					onComplete: function() {
						//track Google Maps
						_gaq.push(['_setAccount', 'UA-26801383-1']);
						_gaq.push(['_trackPageview', link]);
						
						Cufon.replace('#colorbox h1'); // Cufon selector
						
						var intakeform = $('form#intakeform');
						
						intakeform.validate({
							rules          : {
								"achternaam" : {
									"required" : true
								},
								"email" : {
									"email"    : true,
									"required" : true
								}
							},
							messages       : {},
							errorPlacement : function(error, element) {
							},
							submitHandler  : function(form) {
								
								//track Google Maps
								_gaq.push(['_setAccount', 'UA-26801383-1']);
								_gaq.push(['_trackPageview', link + "&submit=true"]);
								
								addColorboxLoadScreen();
								
								$.ajax({
									url      : intakeform.attr('action'),
									type     : intakeform.attr('method'),
									data	 : intakeform.serialize(),
									dataType : 'json',
									error    : function() {
										alert('020 error!');
									},
									success: function(postData) {
										$(".m3loadingscreen").hide();
										
										var notice = $(postData.html).find('.notice');
										$('form#intakeform').html(notice);
										$('form#intakeform').append( "<img height='1' width='1' border='0' src='http://www.googleadservices.com/pagead/conversion/1016027603/?label=PD0jCJ2mtwIQ07O95AM&amp;guid=ON&amp;script=0' />" );
									}
								});
							}
						});

					}
				});
			}
		});
	});
	
	/*
		Cycle for banner
	*/
	
	var titleTimeout = 0;
	
	$('.slides').cycle({
		timeout: 8000,
		fx:     'scrollLeft',
		pager:  '.slides-navigation .slide-navigation-wrapper',
        easing: 'easeInOutQuint',
		speedIn: 1500,
		speedOut: 1500,
		before:	function(currSlideElement, nextSlideElement, options, forwardFlag) {
			var title = $(nextSlideElement).find('.title');
			
			//Reset element
			title.css('left',"610px");
			
			setTimeout( function() {
				title.animate(
					{
						left: "20px",
						right: "auto",
						visibility: "visible"
					},
					{
						duration: 1500,
						easing: "easeOutExpo"
					});
			}, titleTimeout);
			
			titleTimeout = 900;
		},
		after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
			$(currSlideElement).find('.title').css('left',"610px");
		}
	});
	
	setTimeout( function() {
		$(".slide-navigation-wrapper").width(	
			$(".slide-navigation-wrapper").find('a').length * 25
		)
	}, 100);
	
	/*
		Footer scroller
	*/
	$('.footer .wrapper .block').each(function() {
		
		var block = $(this);
		var container = block.find('.footer-viewport');
		var body = container.find('.footer-viewport-inner');
		var pos = {};
	
		pos = {
			off: 0,
			on: -209
		};
		
		body.css({
			position: 'absolute',
			top: pos.off
		});
		
		container.hover(
			function() {
				body.animate({
					top: pos.on
				});
				
			},
			function() {
				body.animate({
					top: pos.off
				});
			}
		);
	});
	
	/*
		Contact form Google Maps
	*/	
	if ($("#google_map").length) {
		var point = new google.maps.LatLng(52.360196, 4.939102);
		
		var map = new google.maps.Map(document.getElementById("google_map"), {
			zoom: 15,
			center: point,
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			mapTypeControl: false
		});
		
		var marker = new google.maps.Marker({
			position : point,
			map      : map
		});
		
		var contactInfo  = "<strong>Trubendorffer</strong>";
			contactInfo += "<address>";
			contactInfo += "	Obiplein 18 E<br />";
			contactInfo += "	1094 RB Amsterdam<br />";
			contactInfo += "	020 - 422 00 64<br />";
			contactInfo += "	<a target='_blank' href='http://maps.google.nl/maps?f=q&source=s_q&hl=nl&geocode=&q=crisiscare%20trubendorffer&sll=52.360196,4.939102&sspn=2.418159,7.13562&ie=UTF8&hq=trubendorffer&hnear=&ll=52.360196,4.939102&spn=0.037873,0.111494&z=14&iwloc=A'>Routebeschrijving</a><br />";
			contactInfo += "</address>";
		
		google.maps.event.addListener(marker, 'click', function() {
			var infowindow = new google.maps.InfoWindow({
				content: contactInfo
			});
		
			infowindow.open(map,marker);
		});
	}
	
	/*
		multicolored headings
	*/
	var heading = $('.slide a .title span').each( function(index,value){
		$(this).addClass( 'row' + ( index % 2 ) );
	});
});