$(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 current = 1;
	$('#next').click(function(){
		setCurrent(current+1);	
	});

	$('#prev').click(function(){
		setCurrent(current-1);
	});

	$('.sliderImage').click(function(){
		var data = eval('('+$(this).attr('imagedata')+')');
		setCurrent(data.nr);
	});

	function setCurrent(nr){
		if(nr != current && nr > 0 && nr <= $('.sliderImage').length){
			var old = $('.current');
			old.removeClass('current');
			var c = $('[imagedata={"nr":'+nr+'}]');
			c.addClass('current');
			var largeOld = $('[largedata={"nr":'+current+'}]');
			var large = $('[largedata={"nr":'+nr+'}]');
			large.css({
				opacity:0,
				visibility:'visible'
			});
			var pos = c.position();
			var fs = $('#fotoalbumSlider');
			var maxLeft = pos.left+110-20;
			var minLeft = pos.left;
			if(maxLeft > $('#fotoalbumThumbs').width()){
				fs.animate({
					left:-110
				},500);
			} else if(pos.left+fs.position().left-20 < 0){
				fs.animate({
					left:pos.left+fs.position().left-20+110
				},500);
			}
			largeOld.animate({
				opacity:0
			},500);
			large.animate({
				opacity:1
			},500,'swing', function(){
				var text = $(this).attr('text');
				$('#fotoalbumDescription').html(text);
				$('#fotoalbumText').html(nr+' van '+$('#fotoalbumSlider').children().length);
			});
			current = nr;
		}
	}
	var elements = [
		'#contentRight',
		'.kernwoorden'
	];
	$('.sizeSmall').click(function(){
		for(var i = 0; i < elements.length; i++){
			var el = $(elements[i]);
			if(el){
				el.css({
					fontSize:(parseFloat(el.css('fontSize'))-2)+'px',
					lineHeight:(parseFloat(el.css('lineHeight'))-2)+'px'
				});
				saveFont({
					el:elements[i],
					fontSize:el.css('fontSize'),
					lineHeight:el.css('lineHeight')
				});
			}
		}
	});

	$('.sizeMedium').click(function(){
		for(var i = 0; i < elements.length; i++){
			var el = $(elements[i]);
			if(el){
				el.css({
					fontSize:null,
					lineHeight:null
				});
				saveFont({
					el:elements[i],
					fontSize:null,
					lineHeight:null
				});
			}
		}
	});

	$('.sizeLarge').click(function(){
		for(var i = 0; i < elements.length; i++){
			var el = $(elements[i]);
			if(el){
				el.css({
					fontSize:(parseFloat(el.css('fontSize'))+2)+'px',
					lineHeight:(parseFloat(el.css('lineHeight'))+2)+'px'
				});
				saveFont({
					el:elements[i],
					fontSize:el.css('fontSize'),
					lineHeight:el.css('lineHeight')
				});
			}
		}
	});

	function saveFont(options){
		var opts = {
			el:null,
			fontSize:11,
			lineHeight:16
		};
		for(var i in options){
			opts[i] = options[i];
		}
		if(opts.el.indexOf('#') === 0){
			opts.el = opts.el.substring(1);
			opts.el = '_'+opts.el;
		}
		ajax.request({
			url:'customer/font.php',
			method:'GET',
			params:{
				el:opts.el,
				fontSize:opts.fontSize,
				lineHeight:opts.lineHeight
			}
		});
	}
	$('[default]').click(function(){
		if($(this).val() == $(this).attr('default')){
			$(this).val('');
		}
	});

	$('[default]').blur(function(){
		if($(this).val() == ''){
			$(this).val($(this).attr('default'));
		}
	});

	$('.mask,.errors').click(function(){
		$('.mask,.errors').remove();
	});

});