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

	var slider = {};
	slider.width = 600;
	slider.index = 0;
	slider.id = 'tableSlogans';
	slider.moving = false;

	function next(elem){
		do{
			elem = elem.nextSibling;
		} while (elem && elem.nodeType != 1);
		return elem;
	}

	function prev(elem){
		do{
			elem = elem.previousSibling;
		} while (elem && elem.nodeType != 1);
		return elem;
	}

	function first(elem){
		elem = elem.firstChild;
		return elem && elem.nodeType != 1 ? next(elem) : elem;
	}

	function last(elem){
		elem = elem.lastChild;
		return elem && elem.nodeType != 1 ? prev(elem) : elem;
	}

	$("#right").click(function(){ 
		if(!slider.moving){
			var el = document.getElementById(slider.id);
			el = first(first(el));
			var td = first(el).cloneNode(true);
			el.appendChild(td);
			slider.moving = true;
		
			$("#"+slider.id).animate({left: -slider.width}, 500, 'swing', function(){
				var table = document.getElementById(slider.id);
				var el = first(first(table));
				var td = first(el);
				td.parentNode.removeChild(td);
				table.style.left = 0;
				slider.moving = false;
			});
		}
	});	
	$("#left").click(function(){
		if(!slider.moving){
			var table = document.getElementById(slider.id);
			el = first(first(table));
			var td = last(el).cloneNode(true);
			var f = first(el);
			el.insertBefore(td, f);
			table.style.left = '-'+slider.width+'px';
			slider.moving = true;
			$("#"+slider.id).animate({left: 0}, 500, 'swing', function(){
				var table = document.getElementById(slider.id);
				var el = first(first(table));
				var td = last(el);
				td.parentNode.removeChild(td);
				slider.moving = false;
			});
		}
	});
	$(".moveRight, .moveLeft").mouseover(function() {
		$(this).toggleClass('moveHover');
	});
	$(".moveRight, .moveLeft").mouseout(function() {
		$(this).toggleClass('moveHover');
	});
	
	function slideReferenties() {
		var table = $('#tableReferenties');
		var td = table.children().first().children().first().children().last();
		td.insertBefore(table.children().first().children().first().children().first());
		table.css({left:-152});
		table.animate({left: 0}, 6500, 'linear', function(){
			slideReferenties();	
		});
	}
	slideReferenties();
	
	var activePages = 0;
	$('#listDiensten').find('li[active="true"]').each(function() {
		activePages++;
	});
	if(activePages > 0) {
		$('#listDiensten').find('li[active="false"]').each(function() {
			$(this).find('.dienstOverlay').each(function() {
				$(this).css({
					opacity:0.7,
					display:'block'
				});			
			});
		});
	}
	var fading = false;
	$('.dienst').mouseenter(function() {
		fading = true;
		var overlayId = $(this).find('.dienstOverlay').attr('info');
		var active = $(this).attr('active');
		$('.dienstOverlay').stop();
		if(activePages > 0 && active == 'true') {
			fading = false;
		}else {
			$('.dienstOverlay').each(function() {
				$(this).css({
					opacity:0,
					display:'block'
				});
				if($(this).attr('info') != overlayId) {				
					$(this).animate({
						opacity:0.7
					}, 300, 'swing', function() {
						fading = false;		
					});
				}
			});
		}
	});
	$('.dienst').mouseleave(function() {
		setTimeout(function() {
			dienstFadeOut();
		}, 100);
	});
	function dienstFadeOut() {
		if(fading == false) {
			$('.dienstOverlay').stop();
			if(activePages > 0) {
				$('#listDiensten').find('li[active="false"]').each(function() {
					$(this).find('.dienstOverlay').each(function() {
						$(this).css({
							opacity:0.7,
							display:'block'
						});			
					});
				});
				$('#listDiensten').find('li[active="true"]').each(function() {
					$(this).find('.dienstOverlay').each(function() {
						$(this).animate({
							opacity:0
						}, 300, 'swing', function() {
							fading = false;		
						});
					});
				});
			}else {
				$('.dienstOverlay').each(function() {
					$(this).animate({
						opacity:0
					}, 200, 'swing', function() {
						$(this).css({
							display:'none'
						});		
					});
				});
			}
		}
	}

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

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