$(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);
					});
				}
			}
		}
	});
	$('[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();
	});

	var currentslide = 1;
	var maxSlide = $('.slider').children().length;
	$('.slider .slideImage, .slider .slideImageActive').each(function(){
		var image = new Image();
		image.src = $(this).attr('large');
	});

	$('.slider .slideImage, .slider .slideImageActive').click(function(){
		currentslide = parseFloat($(this).attr('nr'));
		setLargeImage();
	});
	
	$('.triggers .prev').click(function(){
		var album = $(this).parent().parent();
		var slider = album.find('.slideContainer .slider');
		var left = parseFloat(slider.css('left'))+111;
		if(left > 0){
			left = 0;
		}
		slider.animate({
			left:left
		},200, 'swing', function(){
			currentslide--;
			if(currentslide == 0){
				currentslide = 1;
			} else {
				setLargeImage();
			}
		});
	});

	$('.triggers .next').click(function(){
		var album = $(this).parent().parent();
		var slider = album.find('.slideContainer .slider');
		var left = parseFloat(slider.css('left'))-111;
		var max = (parseFloat(slider.css('width'))-540)*-1;
		if(left < max){
			left = max;
		}
		slider.animate({
			left:left
		},200, 'swing', function(){
			currentslide++;
			if(currentslide > maxSlide){
				currentslide = maxSlide;
			} else {
				setLargeImage();
			}
		});
	});

	function setLargeImage(){
		var a = $('.slider .slideImageActive');
		a.addClass('slideImage');
		a.removeClass('slideImageActive');
		var c = $('.slider div:nth-child('+currentslide+')');
		c.addClass('slideImageActive');
		c.removeClass('slideImage');
		var src = c.attr('large');
		var l = $('.largeImage');
		l.find('img').each(function(){
			$(this).attr('src', src);
		});
		l.find('a').each(function(){
			$(this).attr('href', src);
		});
		$('.descRight').html('foto '+currentslide+' van '+maxSlide);
		$('.descLeft').html(c.attr('text'));
	}

	$('.fb').click(function(){
		fb.start(this);
		return false;
	});

//	$('.errors').easyRotate({
//		degrees:180
//	});
});
