// Source: http://www.sergey.com/web_course/part_9.html
ns4 = (document.layers)? true:false;
ie4 = (document.all)? true:false;
ff2 = (document.getElementById)? true:false;

function block(id,id1) {
	/*if (ns4) document.layers[id].display = "block";
	else if (ie4) document.all[id].style.display = "block";
	else if (ff2) */document.getElementById(id).style.display = "block";
	
	/*if (ns4) document.layers['show_' + id1].display = "none";
	else if (ie4) document.all['show_' + id1].style.display = "none";
	else if (ff2) */document.getElementById('show_' + id1).style.display = "none";
	
	/*if (ns4) document.layers['hide_' + id1].display = "block";
	else if (ie4) document.all['hide_' + id1].style.display = "block";
	else if (ff2) */document.getElementById('hide_' + id1).style.display = "block";
}	

function hide(id,id1) {
	/*if (ns4) document.layers[id].display = "none";
	else if (ie4) document.all[id].style.display = "none";
	else if (ff2) */document.getElementById(id).style.display = "none";
	
	/*if (ns4) document.layers['show_' + id1].display = "block";
	else if (ie4) document.all['show_' + id1].style.display = "block";
	else if (ff2) */document.getElementById('show_' + id1).style.display = "block";
	
	/*if (ns4) document.layers['hide_' + id1].display = "none";
	else if (ie4) document.all['hide_' + id1].style.display = "none";
	else if (ff2) */document.getElementById('hide_' + id1).style.display = "none";
}

function slidex (id, x) {
	step = 15;
	if (ns4) obj = document.layers[id];
	if (ie4) obj = document.all[id].style;
	if (ff2) obj = document.getElementById(id).style;
	obj.xpos = parseInt(obj.left);
	if (Math.abs(obj.xpos - x) >= step) {
	if (x < 0) step = - step;
	obj.xpos += step;
	obj.left = obj.xpos+"px";
	setTimeout("slidex('" + id + "'," + x + ")", 30);

	}
}

function slidey (id, y) {
	step = 5;
	if (ns4) obj = document.layers[id];
	if (ie4) obj = document.all[id].style;
	if (ff2) obj = document.getElementById(id).style;
	obj.ypos = parseInt(obj.top);
	if (Math.abs(obj.ypos - y) >= step) {
	if (y < 0) step = - step;
	obj.ypos += step;
	obj.top = obj.ypos+"px";
	setTimeout("slidey('" + id + "'," + y + ")", 30);
	}
}

//functie voor verbergen profiel
function switchMenu(obj,more,less) {
	var el = document.getElementById(obj);

	if ( el.style.display != 'block' ) {
		el.style.display = "block";
		document.getElementById('more').innerHTML = less;
	}
	else {
		el.style.display = "none";
		document.getElementById('more').innerHTML = more;
	}
	/*var el = document.getElementById(obj);
	alert(el.style.height);
	if ( el.style.height != '160px' ) {
		el.style.height = '160px';
	}
	else {
		el.style.height = '100%';
	}*/
}
function showCategory(direction,add,remove) {
	if (typeof(add) != 'number' || typeof(remove) != 'number') return;
	var addel = document.getElementById('categorie-column-'+add);
	var removeel = document.getElementById('categorie-column-'+remove);
	
	if(addel) addel.style.display = "block";
	if(removeel) removeel.style.display = "none";
	
	var left = document.getElementById('category-left');
	var right = document.getElementById('category-right');
	
	if (direction == 'right')
	{
		add_left = remove;
		remove_left = add;
		add_right = add+1;
		remove_right = remove+1;
		check_add = add_right;
		check_remove = remove_right;
	}
	else if (direction == 'left')
	{
		add_left = add-1;
		remove_left = remove-1;
		add_right = remove;
		remove_right = add;
		check_add = add_left;
		check_remove = remove_left;
	}
	
	if (check_remove == 2 && check_add == -1)
	{
		check_add_div = check_add+4;
		check_remove_div = check_remove-2;
	}
	else
	{
		check_add_div = check_add;
		check_remove_div = check_remove;
	}
	var addelnext = document.getElementById('categorie-column-'+(check_add_div));
	var removeelnext = document.getElementById('categorie-column-'+(check_remove_div));
	
	var arrowleft = document.getElementById('category-left');
	var arrowright = document.getElementById('category-right');

	if (!removeelnext || check_add < 0) { 
		if(left) left.onclick = function(){showCategory('left','','');};
		if(arrowleft) arrowleft.style.setProperty('background','none','important');
	}
	else
	{
		if(left) left.onclick = function(){showCategory('left',add_left,remove_left);};
		if(arrowleft) arrowleft.style.setProperty('background','transparent url(../images/arrow-left.png) no-repeat left 0px','important');
	}
	
	if (!addelnext) { 
		if(right) right.onclick = function(){showCategory('right','','');};
		if(arrowright) arrowright.style.setProperty('background','none','important');
	}
	else
	{
		if(right) right.onclick = function(){showCategory('right',add_right,remove_right);};
		if(arrowright) arrowright.style.setProperty('background','transparent url(../images/arrow-right.png) no-repeat right 0px','important');
	}
}