$(document).ready(function(){
	$('.back').css({
		cursor:'pointer'
	});
	$('.back').click(function(){
		history.back();
	});
	$('.slideshow').each(function(){
		var data = eval('('+$(this).attr('ssData')+')');
		$('.ssImage').css({visibility:'visible'});
		$(this).cycle(data);
		$(this).height(data.height);
		$(this).width(data.width);
	});

	$('.googleMap').each(function(){
		var opts = eval('('+$(this).attr('mapOptions')+')');
		var center = eval('('+opts.center+')');
		opts.center = new google.maps.LatLng(center.b,center.c);
		opts.zoom = parseFloat(opts.zoom);
		var el = document.getElementById($(this).attr('id'));
		// Markers ophalen
		var markers = [];
		$(this).find('.marker').each(function(){
			markers[markers.length] = {
				data:eval('('+$(this).attr('markerOptions')+')'),
				description:$(this).html()
			}
		});
		var map = null;
		if(el){
			map = new google.maps.Map(el,opts);
		}
		if(map != null && markers.length > 0){
			for(var i = 0; i < markers.length; i++){
				var opts = markers[i].data;
				if(opts.cmsDraggable != undefined){
					opts.draggable = opts.cmsDraggable;
				}
				if(opts.cmsClickable != undefined){
					opts.clickable = opts.cmsClickable;
				}
				var position = eval('('+opts.position+')');
				opts.position = new google.maps.LatLng(position.b,position.c);
				opts.map = map;
				var m = new google.maps.Marker(opts);
				if(markers[i].description != ''){
					var w = new google.maps.InfoWindow({
						content:markers[i].description,
						position:opts.position
					});
					w.open(map);
					google.maps.event.addListener(m, 'click', function(e){
						w.open(map);
					});
				}
			}
		}
	});

	var googleFont = $('<link>');
	googleFont.attr({
		rel:'stylesheet',
		type:'text/css',
		href:'http://fonts.googleapis.com/css?family=Ovo'
	});
	$('head').append(googleFont);

	$('.form').find('input,textarea').focus(function(){
		if($(this).val() == $(this).attr('original')){
			$(this).val('');
		}
	});
	$('.form').find('input,textarea').blur(function(){
		if($(this).val() == ''){
			$(this).val($(this).attr('original'));
		}
	});

	$('#navigatie li').hover(
		function() {
		$(this).find('.dropNav').animate({height:'toggle'}, 600);
	}, function() {
		$(this).find('.dropNav').animate({height:'toggle'}, 600);
	});

	var arrowUp = $('#arrowUp img');
	var arrowDown = $('#arrowDown img');
	var scroller = $('#projectImageScroller');
	var spi = $('.smallProjectImage');

	arrowUp.css({cursor:'pointer'});
	arrowDown.css({cursor:'pointer'});
	var moving = {};
	arrowDown.click(function(){
		if(moving.pscroller !== true){
			var t = (parseInt(scroller.css('top'))+$('.smallProjectImage').height());
			var time = 800;
			if(t > 0){
				var n = parseInt(scroller.css('top'))*-1;
				time = parseInt(time/(spi.height()/n));
				t = 0;
			}
			moving.pscroller = true;
			scroller.animate({
				top:t
			}, time, 'swing', function(){
				moving.pscroller = false;	
			});
		}
	});
	arrowUp.click(function(){
		if(moving.pscroller !== true){
			var t = (parseInt(scroller.css('top'))-spi.height());
			var time = 800;
			if(t < ($('#projectImageWrap').height()-scroller.height())){
				var n = $('#projectImageWrap').height()-scroller.height()-t;
				n = spi.height()-n;
				time = parseInt(time/(spi.height()/n));
				t = ($('#projectImageWrap').height()-scroller.height());
			}
			moving.pscroller = true;
			scroller.animate({
				top:t
			}, time, 'swing', function(){
				moving.pscroller = false;
			});
		}
	});

	$('.smallProjectImage img').css({
		cursor:'pointer'
	});

	$('.smallProjectImage img').click(function(){
		var src = $(this).attr('large');
		var image = new Image();
		image.src = src;
		$('#largeProjectImage img').attr('src', image.src);
	});
	
	$('#containerProjecten').css({display:'block'});
	$('#loadingProjects').css({display:'none'});
//	bindElements();

	$('#fbStart').click(function() {
		var linkId = $(this).attr('linkid');
		fb.start(document.getElementById(linkId));
		return false;
	});
});