defaultStep=695
step=50
currentstep = 0;
timerLeft = '';
timerRight = '';
geselecteerd = -1;
function updateArrows(voorwelke ){
	if ( voorwelke == "div1" ){
		
		if ( document.getElementById('div1').scrollLeft > 0 ){
			if (  $('div1moveleft').src.indexOf('moveleft_rollover.gif') == -1 ){
				$('div1moveleft').src = './assets/images/moveleft.gif';
			}
		}else{
			$('div1moveleft').src = './assets/images/moveleft_disabled.gif';
		}
		
	 //	alert (document.getElementById('div1').scrollLeft + ":" + document.getElementById('div1').scrollWidth);
		if ( document.getElementById('div1').scrollLeft >= (document.getElementById('div1').scrollWidth-695) )
		{
			$('div1moveright').src = './assets/images/moveright_disabled.gif';
		}else{
			if (  $('div1moveright').src.indexOf('moveright_rollover.gif') == -1 ){
				$('div1moveright').src = './assets/images/moveright.gif';
			}
		}
 
		pagina = Math.ceil(document.getElementById('div1').scrollLeft / 695);

		//if ( geselecteerd > -1 ){
		//	$('pageing'+geselecteerd).src = 'assets/images/paging.gif'; 
		//}
		//$('pageing'+pagina).src = 'assets/images/paging_sel.gif'; 
		geselecteerd =  pagina;
	}


	if ( voorwelke == "div2" ){
		if ( document.getElementById('div2').scrollLeft > 0 ){
			if (  $('div2moveleft').src.indexOf('moveleft_rollover.gif') == -1 ){
				$('div2moveleft').src = './assets/images/moveleft.gif';
			}
		}else{
			$('div2moveleft').src = './assets/images/moveleft_disabled.gif';
		}

		if ( document.getElementById('div2').scrollLeft >= (document.getElementById('div2').scrollWidth-695) || document.getElementById('div2').scrollWidth < 700 )
		{
			$('div2moveright').src = './assets/images/moveright_disabled.gif';
		}else{
			if (  $('div2moveright').src.indexOf('moveright_rollover.gif') == -1 ){
				$('div2moveright').src = './assets/images/moveright.gif';
			}
		}
	}
}

function scrollDivRight(id){ 
 	//clearTimeout(timerLeft);
	if ( (currentstep + step)  > defaultStep ){
		verhogenmet = defaultStep - (currentstep + step);
	}else{
	 	verhogenmet = step;
	}	
   
 	document.getElementById(id).scrollLeft+=verhogenmet 
	currentstep = currentstep + verhogenmet;	
  
	if ( currentstep >= defaultStep || document.getElementById(id).scrollLeft >= (document.getElementById(id).scrollWidth-695) )
	{
		currentstep = 0; 
		clearTimeout(timerRight);
	}else{
 
		timerRight=setTimeout("scrollDivRight('"+id+"')",10) 
		
	}
		
	updateArrows(id);
	
	
} 


function scrollDivLeft(id){ 
	//clearTimeout(timerRight);
	if ( (currentstep + step)  > defaultStep ){
		verlagenmet = defaultStep - (currentstep + step);
	}else{
	 	verlagenmet = step;
	}
	
	document.getElementById(id).scrollLeft-=verlagenmet 
	
	currentstep = currentstep + verlagenmet;
	
	if ( currentstep >= defaultStep || document.getElementById(id).scrollLeft == 0 )
	{
		currentstep = 0; 
		clearTimeout(timerLeft);
	} else{
		timerLeft=setTimeout("scrollDivLeft('"+id+"')",10) 	
	}
	
	updateArrows(id);
	
} 
// --> 

function submitform(page, subitem, subsubitem ){
	$('coords').value 	= $('div1').scrollLeft;
	if (  $('div2') ){
		$('coords2').value 	= $('div2').scrollLeft;
	}
	$('p').value 		= page;
	$('sub').value 		= subitem;
 	$('subsubitem').value = subsubitem;
	$('selectcat').submit();
}


//

var statusnu = "min";
function switchAll(){
	if ( statusnu == "max" )
	{
	//	Effect.BlindUp('categorienmax');
	//	$('categorienmax').style.display='none';
		timer =0 ;
		speed = 1;
		changeOpac(100,'categorienmax');
		
		for(i = 100; i > 0; i--) { 
			setTimeout("changeOpac(" + i + ",'categorienmax')",(timer * speed)); 
			timer++; 
		} 
		timer++; 
		setTimeout("blockdiv()",(timer * speed)); 
		statusnu = "min";
	
		$('resizetekst').innerHTML =  $('txtmaximaliseren').innerHTML;
	}
	else
	{
		$('resizetekst').innerHTML = $('txtminimaliseren').innerHTML;
		timer = 0;
		speed = 1;
		changeOpac(0,'categorienmax');
		$('categorienmax').style.display='block';
		for(i = 0; i <= 100; i++) { 
			setTimeout("changeOpac(" + i + ",'categorienmax')",(timer * speed)); 
			timer++; 
		} 
		statusnu = "max";
	
	}
	
	
	
}

function blockdiv(){
	$('categorienmax').style.display='none';
}
		
function changeOpac(opacity, id) 
{ 
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
	object.filter = "alpha(opacity=" + opacity + ")"; 
}
