$(function(){
	var margin = 250;
	var moving = false;
	var mouseover = false;

	$("#containerUitdaging").mouseover(function() {
		mouseover = true;
	});

	$("#containerUitdaging").mouseout(function() {
		mouseover = 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;
	}

	function rechts() {
		var s_items = document.getElementById('tableSponsoren');
		if(s_items) {
			var s_el = first(first(s_items));
			var s_td = last(s_el).cloneNode(true);
			var s_f = first(s_el);
			s_el.insertBefore(s_td, s_f);
			s_items.style.marginLeft = '-247px';
			$("#tableSponsoren").animate({marginLeft:0}, 1000, 'swing', function() {				
				var s_el = first(first(s_items));
				var s_td = last(s_el);
				s_td.parentNode.removeChild(s_td);				
			});	
		}
	}

	function omlaag() {
		if(moving == false) {
			if(mouseover == false) {
				moving = true;
				var items = document.getElementById('tableUitdaging');
				if(items) {
					var el = first(items);
					var spacer = last(el).cloneNode(true);
					var block = prev(last(el)).cloneNode(true);
					var f = first(el);
					el.insertBefore(block, f);
					el.insertBefore(spacer, f);
					items.style.marginTop = -71+'px';
					rechts();
					$("#tableUitdaging").animate({marginTop:0}, 1000, 'swing', function() {				
						var el = first(items);
						var td = last(el);
						td.parentNode.removeChild(td);		
						td = last(el);
						td.parentNode.removeChild(td);		

						moving = false;
						setTimeout(function(){
							omlaag();	
						}, 3000);
					});	
				}
			}else {
				setTimeout(function(){
					omlaag();	
				}, 3000);
			}
		}
	}
	
	setTimeout(function(){
		omlaag();	
	}, 1500);
	
	/*
	function omhoog() {
		if(moving == false) {
			moving = true;
			var items = document.getElementById('items');
			var itemsMargin = parseInt(items.style.marginLeft); 
			var el = first(first(items));
			var td = first(el).cloneNode(true);
			var f = last(el);
			el.appendChild(td);
			$("#tableUitdaging").animate({marginLeft:itemsMargin-margin}, 1000, 'swing', function() {				
				var el = first(first(items));
				var td = first(el);
				td.parentNode.removeChild(td);
				items.style.marginLeft=0;
				moving = false;
			});	
		}
	}
	*/

});