var position = 0;
var end = 2000;
var speed = 100;
var currentDir = 'links';
var distance = -100;
var currentNumber = 1;
var breedte = "";
var knopje;

function slide(number, richting){
	
	if(richting == 'links'){
	
		if(currentNumber <= number){
		
			if(currentDir == 'rechts'){
			
				distance = -200;
			
			}
			currentDir = 'links';
			speed = 100;
			moveDiv = setInterval("move()", 3);
			currentNumber++;
			
		
		}
		
		if(currentNumber <= number){
		
			document.getElementById('verder').style.display = 'block';
		
		}
		else{
			
			document.getElementById('verder').style.display = 'none';
		
		}
		
		document.getElementById('terug').style.display = 'block';

		
	}
	else{
	
		if(currentNumber != 1){
		
			if(currentDir == 'links'){
			
				distance = -200;
			
			}
			currentDir = 'rechts';
			speed = -100;
			moveDiv = setInterval("move()", 3);
			currentNumber--;
			
		}
		
		if(currentNumber == 1){
		
			document.getElementById('terug').style.display = 'none';
		
		}
		else{
		
			document.getElementById('terug').style.display = 'block';
		
		}
		
		document.getElementById('verder').style.display = 'block';
	
	}
	
	document.getElementById('tellen').innerHTML = currentNumber+'/'+(number+1);

}

function move(){

	if(speed < 0){
	
		add = -speed;
		
	
	}
	else{
	
		add = speed;
	
	}

	if(distance == end){

		clearInterval(moveDiv);
		distance = 0;

	}
	else{
	
		document.getElementById('tekst').style.left = position;
		position = position - speed;
		distance = distance + add;

	
	}

}

function resize(){

	_Mtrack('portfolioOpen');

	switch(breedte){
	case "600": 
		breedte = "300"; 
		knopje = "open_portfolio"
	break
	case "300":
		breedte = "600";
		knopje = "sluit_portfolio"
	break
	default:
		breedte = "600";
		knopje = "sluit_portfolio"
	}
	
	if(document.body.style.zIndex == '0'){
		document.getElementById('portfolioObject').style.width = breedte;
		document.getElementById('open_portfolio').style.right = breedte;
	}
	else{
		document.getElementById('portfolioObject').style.width = breedte;
		document.getElementById('portfolioEmbed').style.width = breedte;
		document.getElementById('portfolioHolder').style.right = 0;
		document.getElementById('open_portfolio').style.right = breedte;
	}
				
}

function returnType(url){

	source = document.getElementById(url).src;
	splitArray = source.split('.');
	pos = splitArray.length - 1;
	type = splitArray[pos];

	return(type);

}

function changeSrc(url){

	type = returnType(url);
	
	document.getElementById(url).src='opmaak/'+url+'_MO.'+type;

}
function changeSrcPortfolio(url){

	type = returnType(url);
	
	if(!knopje){
		knopje = "open_portfolio"
	}
	
	document.getElementById(url).src='opmaak/'+knopje+'_MO.'+type;

}
function changeBack(url){

	type = returnType(url);
	
	document.getElementById(url).src='opmaak/'+url+'_N.'+type;

}
function changeBackPortfolio(url){

	type = returnType(url);
	
	if(!knopje){
		knopje = "open_portfolio"
	}
	
	document.getElementById(url).src='opmaak/'+knopje+'_N.'+type;
}
function toonForm(id, pagina){

	_Mtrack(id);

	document.getElementById(id).style.display = 'block';

}
function hideForm(id){

	document.getElementById(id).style.display = 'none';

}


function randompics(url){
	
	var keuze = Math.random();
	keuze = keuze*100;	
	
	if (keuze > 66){
		document.getElementById(url).src='opmaak/1.jpg';
	}
	else if (keuze < 33){
		document.getElementById(url).src='opmaak/2.jpg';
	}
	else{
		document.getElementById(url).src='opmaak/3.jpg';
	}
}