/* this script controls the menu and transitions */

var activeLnk = 'home';
var typeActive = false ;
var codeActive = false ;
var thumbsActive = false ;
var infoActive = false ;
var activeThumblnk = false;
var activePhoto = false;


function colorLink(menuItem){
	if(activeLnk == 'portfolio'){
		PortfolioClose();
	}
	if(activeLnk != menuItem){
		document.getElementById('A'+ activeLnk).className = activeLnk;
		document.getElementById('A'+ menuItem).className = menuItem + 'A';
	}
	activeLnk = menuItem ;	
}


function Portfolio(){	
	if(activeLnk != 'portfolio'){
		checkInfo();
		colorLink('portfolio');
		Effect.SlideLeft('divPortfolio',{direction:'top-right'});
	}	
	else{
		colorLink('home');
		PortfolioClose();
	}	
}


function PortfolioClose(){
	Effect.SlideRight('divPortfolio',{direction:'top-right'});
	checkType();
	checkPhoto();
}

function Home(){
	checkInfo();
	checkPhoto();
	colorLink('home');
}

function Contact(){
	if(activeLnk != 'contact'){
		colorLink('contact');
		showInfo('contact');
	}
}

function Team(){
	if(activeLnk != 'team'){
		colorLink('team');
		showInfo('team');
	}
}

function showType(type){
	//specifieke foto's per type
	if(type=="privaat"){
		loadPhoto("02.jpg","0402.REWI");
		activePhoto = true;
	}
	if(type=="complex"){
		loadPhoto("01.jpg","0703.MARKANT");
		activePhoto = true;
	}
	if(type=="andere"){
		loadPhoto("01.jpg","0301.COPAL");
		activePhoto = true;
	}
	if(typeActive!=type){
		checkType();
		Effect.BlindDown(type,{duration:0.2});
		document.getElementById(type+'Lnk').className = type+'A';
		typeActive = type;
	}
}

function checkType(){
	if(typeActive){
			Effect.BlindUp(typeActive,{duration:0.2});
			document.getElementById(typeActive+'Lnk').className = typeActive;
			typeActive = false;
			checkThumbs();
		}	
}

function showThumbs(code){
	if(codeActive!=code){
		checkThumbs();
		Effect.BlindDown('thumb'+code,{duration:0.2});
		document.getElementById('pro'+code).className = 'active';
		codeActive = code;
	}
}

function checkThumbs(){
	highlightThumb();
	if(codeActive){
			Effect.BlindUp('thumb'+codeActive,{duration:0.2});
			document.getElementById('pro'+codeActive).className = '';
			codeActive = false;
			checkInfo();
		}	
}


function showInfo(block){
	if(block != infoActive){
		checkInfo();
		Effect.Appear(block+'Container',{duration:0.5});
		infoActive = block;
	}
}

function checkInfo(){
	if(infoActive){
		Effect.Fade(infoActive + 'Container',{duration:0.5});	
		infoActive = false;
	}
}

function highlightThumb(id){
	if(activeThumblnk){
		document.getElementById(activeThumblnk).className = '';
		activeThumblnk = false;
	}
	if(id){
		document.getElementById(id).className = 'active';
		activeThumblnk = id;
	}
}

function showPhoto(id, code, url){
		checkInfo();
		highlightThumb('photo'+id);
		loadPhoto(url,code);
		activePhoto = ('photo'+id);
}

function checkPhoto(){
	if(activePhoto){
		clearImage();
		activePhoto = false;
	}
}

function projMore(cat){
	document.getElementById(cat+'_part2').style.display = 'inline';
	document.getElementById(cat+'_part1').style.display = 'none';
}

function projLess(cat){
	document.getElementById(cat+'_part1').style.display = 'inline';
	document.getElementById(cat+'_part2').style.display = 'none';
}