var scroller;
var base = '';
function clearText(e){
	e.value = '';
}

function fillEmpty(e){
	if(e.value == ''){
		e.value = 'Trefwoord';
	}
}

function switchRight(id) {
	e = document.getElementById('right_'+id);
	a = document.getElementById('arrow_right_'+id);
	if(e.style.display == 'block') {
		e.style.display='none';
		a.src=base+'/images/arrow_open.gif';
	}else {
		e.style.display='block';
		a.src=base+'/images/arrow_close.gif';
	}	
	
}

function loadFull(filename, name) {
	e = document.getElementById('dienstFotoFull');
	if(e) {
		e.innerHTML = '<img src="'+base+'/uploadedfiles/'+filename+'" alt="'+name+'" class="dienstImg" />';
	}
}

function showWeb(filename, alt, elId){
	var el = document.getElementById(elId);
	if(el){
		el.innerHTML = '<img src="/uploadedfiles/'+filename+'" alt="'+alt+'" class="dienstImg" />';
	}
}

$(function() {	

	function checkFb() {
		if(typeof(fb) == 'undefined') {
			setTimeout(function(){checkFb()}, 500);
		}else {
			var div = document.getElementById('aanmeldformulier');
			fb.start(div);
		}
	}
	var el = document.getElementById('formsent');
	if(el) {
		checkFb();		
	}
	$('.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 scroller = {};
	scroller.moving = false;

	$('.scrollerImageContainer').find('.image').mouseenter(function(){
		$(this).animate({
			top:0
		},200);
		$(this).next().animate({
			bottom:0
		},200);
	});

	$('.scrollerImageContainer').find('.image').mouseout(function(){
		$(this).animate({
			top:10
		},200);
		$(this).next().animate({
			bottom:10
		},200);
	});

	$('#scrollerImages').each(function(){
		scroller.moving = true;
		var data = eval('('+$(this).attr('scrollerData')+')');
		$(this).animate({
			left:-(data.left)
		},data.time, 'linear', function(){
			scroller.moving = false;
		});
	});

	$('#scrollPrev').click(function(){
		if(!scroller.moving){
			scroller.moving = true;
			var imgs = $('#scrollerImages');
			var left = parseFloat(imgs.css('left'));
			if(left > -420){
				left -= 156;
			}
			if(left < -420){
				left = -420;
			}
			imgs.animate({
				left:left
			},200,'swing', function(){
				scroller.moving = false;
			});
		}
	});

	$('#scrollNext').click(function(){
		if(!scroller.moving){
			scroller.moving = true;
			var imgs = $('#scrollerImages');
			var left = parseFloat(imgs.css('left'));
			if(left < 0){
				left += 156;
			}
			if(left > 0){
				left = 0;
			}
			imgs.animate({
				left:left
			},200, 'swing', function(){
				scroller.moving = false;
			});
		}
	});

	$('#scrollerImages').find('.image img').each(function(){
		var img = new Image();
		img.src = $(this).attr('src');
	});
});