$(function(){

	var slider = {};
	slider.width = 214;
	slider.index = 0;
	slider.id = 'tableContainerHomePages';
	slider.moving = false;

	var layer = {};
	layer.up = false;
	layer.height = 200;
	var imgs = [
		'/images/button_open.png',
		'/images/button_close.png',
		'/images/bg_layer.png'
	];

	var dSlider = {};
	dSlider.moving = false;

	for(var i = 0; i < imgs.length; i++){
		var img = new Image();
		img.src=imgs[i];
	}

	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 disconnect(){
		var f = first(document.getElementById('inner_diensten'));
		var n = next(f);
		var nId = n.id;
		nId = nId.split('_');
		nId = nId[(nId.length-1)];
		var el = document.getElementById('text_dienst_'+nId);
		if(el){
			el.style.display = 'none';
		}
		n.className = 'wrap_dienst';
	}

	function connect(){
		var f = first(document.getElementById('inner_diensten'));
		var n = next(f);
		var nId = n.id;
		nId = nId.split('_');
		nId = nId[(nId.length-1)];
		var el = document.getElementById('text_dienst_'+nId);
		if(el){
			el.style.display = 'block';
		}
		n.className = 'wrap_dienstActive';
	}


	$("#home_arrow_left").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;
			});
//			slider.move('left');
		}
	});
	$("#home_arrow_right").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;
			});
		}
	});

	$("#layerLink").click(function(){
		if(layer.up === false){
			document.getElementById('static1').style.display='none';
			document.getElementById('static2').style.display='none';
			document.getElementById('static3').style.display='none';
			document.getElementById('arrowblink').style.display = 'none';
			$("#layer").animate({height:layer.height}, 500, 'swing', function(){
				layer.up = true;
				document.getElementById('layerLinkImage').src = '/images/button_close.png';
			});
		} else {
			$("#layer").animate({height:16}, 500, 'swing', function(){
				layer.up = false;
				document.getElementById('layerLinkImage').src = '/images/button_open.png';
				document.getElementById('static1').style.display='block';
				document.getElementById('static2').style.display='block';
				document.getElementById('static3').style.display='block';
				document.getElementById('arrowblink').style.display = 'block';
			});
		}
	});

	$('#omhoog').click(function(){
		if(dSlider.moving === false){
			dSlider.moving = true;
			disconnect();
			var p = document.getElementById('inner_diensten');
			var div = first(p).cloneNode(true);
			p.appendChild(div);
			$('#inner_diensten').animate({top:-166}, 500, 'swing', function(){
				var el = first(p);
				p.removeChild(el);
				p.style.top = 0;
				connect();
				dSlider.moving = false;
			});
		}
	});

	$('#omlaag').click(function(){
		if(dSlider.moving === false){
			dSlider.moving = true;
			disconnect();
			var p = document.getElementById('inner_diensten');
			var div = last(p).cloneNode(true);
			p.insertBefore(div, first(p));
			p.style.top = '-166px';
			$('#inner_diensten').animate({top:0}, 500, 'swing', function(){
				var el = last(p);
				p.removeChild(el);
				connect();
				dSlider.moving = false;
			});
		}
	});
});