// JavaScript Document
var isActive = 0;

function showMenu(id) {
	if(isActive == id) {
		return;
	}
	
	var color = (templateName == 'tmpl.particulier.inc.php') ? '#000000' : '#141f78';
	
	$('sub_'+ id).style.display = 'block';
	$('sub_img_'+ id).src = '/public/site/images/menu_arrow_white.jpg';
	
	$('sub_a_'+ id).style.backgroundColor = color;
	$('sub_a_'+ id).style.color = '#ffffff';	
	
	isActive = id;
}

function hideMenu(id, active) {
	
	$('sub_'+ id).style.display = 'none';
	if(!active) {
		
		var text_color = (templateName == 'tmpl.particulier.inc.php') ? '#000000' : '#004895';			
		var arrow = (templateName == 'tmpl.particulier.inc.php') ? 'black' : 'blue';
		
		$('sub_img_'+ id).src = '/public/site/images/menu_arrow_'+ arrow +'.jpg';	
		$('sub_a_'+ id).style.backgroundColor = '#ffffff';
		$('sub_a_'+ id).style.color = text_color;			
	}
	
	isActive = 0;
}

var projectActive = 1;

function changeProjects(id) {
	
	if(id != projectActive) {
		$('project_img_'+id).style.display = 'block';
		$('project_item_'+id).style.backgroundColor = '#141f78';
		
		$('project_img_'+projectActive).style.display = 'none';
		$('project_item_'+projectActive).style.backgroundColor = '#979794';	
		
		changeBackgroundImage(id);
		
		projectActive	= id;
	}
	
}

function goToActiveProject(url) {
	
	var goTo = url +'view/detail/item/'+ project_images[ projectActive ][2] +'/';
	location.href = goTo;
	
}

function changeBackgroundImage(id) {
	
	
	if(preloadedImages[id]) {	
		$('projectInnerText').innerHTML = 'Meer informatie over het project '+ project_images[id][0];
	}
	
	
	if(preloadedImages[id]) {
		$('project').style.backgroundImage = 'url(\''+ preloadedImages[id].src +'\')';
	}
	
}


function hoverProject(id, color) {
	$(id).style.borderColor = color;
}

function searchProject(url, gebied, soort) {
	
	var redirectTo = url;
	if(gebied) {
		url += 'werkgebied/'+ gebied +'/';
	}
	if(soort) {
		url += 'soort/'+ soort +'/';
	}
	
	location.href = url;	
	
}