function LL_rollOver(img_name, img_src)
   {
   		document[img_name].src = img_src;
   }
   

// JavaScript voor Projects Collapsable Menu
$(document).ready(function() {
// ACTIVE PROJECTS
	// When the collapse button is clicked:
	/*$('.left_nav_projects_active .left_nav_header_closed').click(function() {
		$('.left_nav_projects_active .left_nav_header_closed').css("display","none");
		$('.left_nav_projects_active .left_nav_header_open').css("display","block");
		$('.left_nav_projects_active .left_nav_content').css("height","0px");
		$('.left_nav_projects_active .left_nav_content').css("display","none");
		$.cookie('active_projects', 'collapsed');
	});
	// When the expand button is clicked:
	$('.left_nav_projects_active .left_nav_header_open').click(function() {
		$('.left_nav_projects_active .left_nav_header_open').css("display","none");
		$('.left_nav_projects_active .left_nav_header_closed').css("display","block");
		$('.left_nav_projects_active .left_nav_content').css("height","auto");
		$('.left_nav_projects_active .left_nav_content').css("display","block");
		$.cookie('active_projects', 'expanded');
	});
// COOKIES
	// Active Projects state
	var column = $.cookie('active_projects');
	// Set the user's selection for the Active Projects column
	if (column == 'expanded') {
		$('.left_nav_projects_active .left_nav_header_closed').css("display","block");
		$('.left_nav_projects_active .left_nav_header_open').css("display","none");
		$('.left_nav_projects_active .left_nav_content').css("height","auto");
		$('.left_nav_projects_active .left_nav_content').css("display","block");
	};
	
// FUTURE PROJECTS
	// When the collapse button is clicked:
	$('.left_nav_projects_future .left_nav_header_closed').click(function() {
		$('.left_nav_projects_future .left_nav_header_closed').css("display","none");
		$('.left_nav_projects_future .left_nav_header_open').css("display","block");
		$('.left_nav_projects_future .left_nav_content').css("height","0px");
		$('.left_nav_projects_future .left_nav_content').css("display","none");
		$.cookie('future_projects', 'collapsed');
	});
	// When the expand button is clicked:
	$('.left_nav_projects_future .left_nav_header_open').click(function() {
		$('.left_nav_projects_future .left_nav_header_open').css("display","none");
		$('.left_nav_projects_future .left_nav_header_closed').css("display","block");
		$('.left_nav_projects_future .left_nav_content').css("height","auto");
		$('.left_nav_projects_future .left_nav_content').css("display","block");
		$.cookie('future_projects', 'expanded');
	});
// COOKIES
	// Active Projects state
	var column = $.cookie('future_projects');
	// Set the user's selection for the Active Projects column
	if (column == 'expanded') {
		$('.left_nav_projects_future .left_nav_header_closed').css("display","block");
		$('.left_nav_projects_future .left_nav_header_open').css("display","none");
		$('.left_nav_projects_future .left_nav_content').css("height","auto");
		$('.left_nav_projects_future .left_nav_content').css("display","block");
	};
	
// FINISHED PROJECTS
	// When the collapse button is clicked:
	$('.left_nav_projects_finished .left_nav_header_closed').click(function() {
		$('.left_nav_projects_finished .left_nav_header_closed').css("display","none");
		$('.left_nav_projects_finished .left_nav_header_open').css("display","block");
		$('.left_nav_projects_finished .left_nav_content').css("height","0px");
		$('.left_nav_projects_finished .left_nav_content').css("display","none");
		$.cookie('finished_projects', 'collapsed');
	});
	// When the expand button is clicked:
	$('.left_nav_projects_finished .left_nav_header_open').click(function() {
		$('.left_nav_projects_finished .left_nav_header_open').css("display","none");
		$('.left_nav_projects_finished .left_nav_header_closed').css("display","block");
		$('.left_nav_projects_finished .left_nav_content').css("height","auto");
		$('.left_nav_projects_finished .left_nav_content').css("display","block");
		$.cookie('finished_projects', 'expanded');
	});
// COOKIES
	// Active Projects state
	var column = $.cookie('finished_projects');
	// Set the user's selection for the Active Projects column
	if (column == 'expanded') {
		$('.left_nav_projects_finished .left_nav_header_closed').css("display","block");
		$('.left_nav_projects_finished .left_nav_header_open').css("display","none");
		$('.left_nav_projects_finished .left_nav_content').css("height","auto");
		$('.left_nav_projects_finished .left_nav_content').css("display","block");
	};*/
});

function openAll(){
		$('.left_nav_projects_active .left_nav_header_open').css("display","none");
		$('.left_nav_projects_active .left_nav_header_closed').css("display","block");
		$('.left_nav_projects_active .left_nav_content').css("height","auto");
		$('.left_nav_projects_active .left_nav_content').css("display","block");
		
		$('.left_nav_projects_future .left_nav_header_open').css("display","none");
		$('.left_nav_projects_future .left_nav_header_closed').css("display","block");
		$('.left_nav_projects_future .left_nav_content').css("height","auto");
		$('.left_nav_projects_future .left_nav_content').css("display","block");
		
		$('.left_nav_projects_finished .left_nav_header_open').css("display","none");
		$('.left_nav_projects_finished .left_nav_header_closed').css("display","block");
		$('.left_nav_projects_finished .left_nav_content').css("height","auto");
		$('.left_nav_projects_finished .left_nav_content').css("display","block");
		
	
}
// Remove the jagged edged border from clicked links.
function blurAnchors(){
	if(document.getElementsByTagName) {
		var a = document.getElementsByTagName("a");
		//collect all anchors A
		for(var i = 0; i < a.length; i++){
			// mouse onfocus, blur anchors
			a[i].onfocus = function(){this.blur();};
		}
	}
}
window.onload = blurAnchors;

var rotate_delay = 10000; // delay in milliseconds (5000 = 5 secs)
current = -1;
function next() {
if (document.slideform.slide[current+1]) {
document.getElementById('showtext').innerHTML = "<p id='slider_p'>"+document.slideform.slide[current+1].value+"</p>";
	document.getElementById('counter').innerHTML = "<p id='counter_p'>"+(document.slideform.slide[current].index + 2) + "/9</p>";
document.slideform.slide.selectedIndex = ++current;
	clearTimeout ( alertTimerId ); 
	alertTimerId = window.setTimeout("rotate()", rotate_delay);
   }
else first();
}
function previous() {
	if (current-1 >= 0) {
	document.getElementById('showtext').innerHTML = "<p id='slider_p'>"+document.slideform.slide[current-1].value+"</p>";
	document.getElementById('counter').innerHTML = "<p id='counter_p'>"+(document.slideform.slide[current].index +0) + "/9</p>";
	document.slideform.slide.selectedIndex = --current;
	clearTimeout ( alertTimerId ); 
	alertTimerId = window.setTimeout("rotate()", rotate_delay);
	   }
	else last();
}
function first() {
current = 0;
document.getElementById('showtext').innerHTML = "<p id='slider_p'>"+document.slideform.slide[0].value+"</p>";
document.getElementById('counter').innerHTML = "<p id='counter_p'>"+(document.slideform.slide[current].index + 1) + "/7</p>";
document.slideform.slide.selectedIndex = 0;
clearTimeout ( alertTimerId ); 
alertTimerId = window.setTimeout("rotate()", rotate_delay);
}
function last() {
current = document.slideform.slide.length-1;
document.getElementById('showtext').innerHTML = "<p id='slider_p'>"+document.slideform.slide[current].value+"</p>";
document.getElementById('counter').innerHTML = "<p id='counter_p'>"+(document.slideform.slide[current].index + 1) + "/7</p>";
document.slideform.slide.selectedIndex = current;
clearTimeout ( alertTimerId );
alertTimerId = window.setTimeout("rotate()", rotate_delay); 
}
function ap(text) {

document.play.name = (text == "Stop") ? "Start" : "Stop";
LL_rollOver(document.play.name, 'images/player/plyr_'+document.play.name+'_02.png')
clearTimeout ( alertTimerId ); 
	alertTimerId = window.setTimeout("rotate()", 3000);
}
function rotate() {
document.getElementById('slider').style.display = "none";
if (document.play.name == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.getElementById('showtext').innerHTML = "<p id='slider_p'>"+document.slideform.slide[current].value+"</p>";
document.getElementById('counter').innerHTML = "<p id='counter_p'>"+(document.slideform.slide[current].index + 1) + "/7</p>";
document.slideform.slide.selectedIndex = current;
alertTimerId = window.setTimeout("rotate()", rotate_delay);
   }
   
}

function openBio(id){
	document.getElementById(id).style.display = "none";
	document.getElementById(id+"_bio").style.display = "block";
}

function closeBio(id){
	document.getElementById(id).style.display = "none";
	newId = id.split("_bio");
	document.getElementById(newId[0]).style.display = "block";
	
}

function openPart(id){
	
	document.getElementById(id).style.display = "none";
	document.getElementById("product_"+id).style.display = "block";
}

function closePart(id){
	document.getElementById(id).style.display = "none";
	
	newId = id.split("product_");
	document.getElementById(newId[1]).style.display = "block";
	
}

function openProduct(id){
	check = document.getElementById("product_"+id).style.display;
	if(check == "block"){ 
		document.getElementById("product_"+id).style.display = "none";
	}else{
		document.getElementById("product_"+id).style.display = "block";
	}
}

function closeProduct(id){
	document.getElementById(id).style.display = "none";
	newId = id.split("product_");
	document.getElementById(newId[1]).style.display = "block";
	
}
// Dropdown JavaScript

var DDSPEED = 10;
var DDTIMER = 15;

// main function to handle the mouse events //
function ddMenu(id,d){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  c.style.display = 'block';
  clearInterval(c.timer);
  if(d == 1){
    clearTimeout(h.timer);
    if(c.maxh && c.maxh <= c.offsetHeight){return}
    else if(!c.maxh){
      c.style.display = 'block';
      c.style.height = 'auto';
      c.maxh = c.offsetHeight;
      c.style.height = '0px';
    }
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
  }else{
    h.timer = setTimeout(function(){ddCollapse(c)},50);
  }
}

// collapse the menu //
function ddCollapse(c){
  c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER);
  c.style.display = 'none';
}

// cancel the collapse if a user rolls over the dropdown //
function cancelHide(id){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearTimeout(h.timer);
  clearInterval(c.timer);
  if(c.offsetHeight < c.maxh){
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
  }
}

// incrementally expand/contract the dropdown and change the opacity //
function ddSlide(c,d){
  var currh = c.offsetHeight;
  var dist;
  if(d == 1){
    dist = (Math.round((c.maxh - currh) / DDSPEED));
  }else{
    dist = (Math.round(currh / DDSPEED));
  }
  if(dist <= 1 && d == 1){
    dist = 1;
  }
  c.style.height = currh + (dist * d) + 'px';
  c.style.opacity = currh / c.maxh;
  c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
  if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){
    clearInterval(c.timer);
  }
}
function writeDropdown(a){
	var anch = document.getElementById(a);
	var dropper = document.getElementById("dropdown");
	
	dropper.value = anch.name;
	dropper.savedValue = dropper.value;
	
}
var selectedLink;
function selectLink(lnk) {
  if (selectedLink) selectedLink.style.fontWeight='normal';
  lnk.style.fontWeight='bold';
  selectedLink=lnk;
}

function resetChanges(){
	var dropper = document.getElementById("dropdown");
	
	if(dropper.savedValue != undefined){
	dropper.value = dropper.savedValue;
	}else{
		dropper.value = "dropdown box";
	}
	
}
function removeProjectNav(){
	var projectNav_active = document.getElementById("projectNav_active");
	var projectNav_future = document.getElementById("projectNav_future");
	var projectNav_finished = document.getElementById("projectNav_finished");
	projectNav_active.style.display = 'none';
	projectNav_future.style.display = 'none';
	projectNav_finished.style.display = 'none';
}
function setActiveProjectHeader(){
	openHeader = document.getElementById('active_open');
	closedHeader = document.getElementById('active_closed');
	openHeader.style.backgroundImage='url(images/nav_projects_active_02.jpg)';
	closedHeader.style.backgroundImage='url(images/nav_projects_active_04.jpg)';
}
function setFutureProjectHeader(){
	openHeader = document.getElementById('future_open');
	closedHeader = document.getElementById('future_closed');
	openHeader.style.backgroundImage='url(images/nav_projects_future_02.jpg)';
	closedHeader.style.backgroundImage='url(images/nav_projects_future_04.jpg)';
}
function setFinishedProjectHeader(){
	openHeader = document.getElementById('finished_open');
	closedHeader = document.getElementById('finished_closed');
	openHeader.style.backgroundImage='url(images/nav_projects_finished_02.jpg)';
	closedHeader.style.backgroundImage='url(images/nav_projects_finished_04.jpg)';
}
function setProjectButton(project,project2){
	openHeader = document.getElementById(project);
	openHeader.style.backgroundImage='url(images/project_overlay_02.png)';
	openH1 = document.getElementById(project2);
	openH1.style.opacity = 1; 
}
function hideCurrentProject(righter){
	rightNavBlock = document.getElementById(righter);
	rightNavBlock.style.display = 'block';
}

/*function showNewsLink(id,num){
	

	var counter = parseInt(num);
	//alert(counter);
	for(var i=1;i<counter+2;i++){
		//alert(i);
		heighter = document.getElementById("item"+i).offsetHeight;
		img = document.getElementById("img"+i).offsetHeight;
		//alert(i + "-" + heighter);
		if(heighter > img){
			if(img != 0){
				document.getElementById("text"+i).style.height = (img-28) +"px";
				document.getElementById("text"+i).style.overflow = "hidden";
				document.getElementById("link"+i).style.display = "block";
			}else{
				document.getElementById("text"+i).style.overflow = "visible";
				document.getElementById("link"+i).style.display = "none";
			}
		}else{
			
			document.getElementById("text"+i).style.overflow = "visible";
			document.getElementById("link"+i).style.display = "none";
		}
	}
}

function expandNews(id){
	
	newId = id.split("link");
	heighter = document.getElementById("item"+newId[1]).offsetHeight;
	document.getElementById("text"+newId[1]).style.overflow = "visible";
	img = document.getElementById("img"+newId[1]).offsetHeight;
	
	if(document.getElementById("text"+newId[1]).offsetHeight == heighter){
		document.getElementById("text"+newId[1]).style.height = (img-28) +"px";
		document.getElementById("text"+newId[1]).style.overflow = "hidden";
		document.getElementById("link"+newId[1]).innerHTML = "<div class=\"link_bg\"><img src=\"images/news_fader.png\" /></div><p>[click to read full article]</p>";
	}else{
		document.getElementById("text"+newId[1]).style.height = heighter+"px";
		document.getElementById("link"+newId[1]).innerHTML = "<p style=\"margin-top:5px\">[close]</p>";
	}
}*/

function showNewsLink(id,num){
	

	var counter = parseInt(num);
	//alert(counter);
	for(var i=1;i<counter+2;i++){
		//alert(i);
		if(document.getElementById("item"+i) != null){
			heighter = document.getElementById("item"+i).offsetHeight;
			img = document.getElementById("img"+i).offsetHeight;
			imgBase = document.getElementById("img"+i).lang;
			imgTotal = document.getElementById("img"+i).className.replace("imgblock ","");
			//alert(i + "-" + heighter);
				
				
			if(heighter > imgBase){
				
				if(img != 0){
					document.getElementById("text"+i).style.height = (imgBase-28) +"px";
					document.getElementById("text"+i).style.overflow = "hidden";
					document.getElementById("img"+i).style.overflow = "hidden";
					
					document.getElementById("link"+i).style.display = "block";
				}else{
					document.getElementById("text"+i).style.overflow = "visible";
					document.getElementById("img"+i).style.overflow = "visible";
					document.getElementById("link"+i).style.display = "none";
				}
			}else{
				if(heighter > imgBase){
					
				}else{
					if(i==17){
						//alert(img+ " - " + imgBase);	
					}
					if(imgTotal > img){
						document.getElementById("text"+i).style.height = (imgBase-28) +"px";
						document.getElementById("text"+i).style.overflow = "hidden";
						document.getElementById("img"+i).style.overflow = "hidden";
						
						document.getElementById("link"+i).style.display = "block";
					}else{
						document.getElementById("text"+i).style.overflow = "visible";
						document.getElementById("img"+i).style.overflow = "visible";
						document.getElementById("link"+i).style.display = "none";
					}
				}
			}
		}
	}
}

function expandNews(id){
	
	newId = id.split("link");
	heighter = document.getElementById("item"+newId[1]).offsetHeight;
	document.getElementById("text"+newId[1]).style.overflow = "visible";
	img = document.getElementById("img"+newId[1]).lang;
	imgHeight = document.getElementById("img"+newId[1]).className.replace("imgblock ","");
	
	if(document.getElementById("text"+newId[1]).offsetHeight == heighter){
		document.getElementById("text"+newId[1]).style.height = (img-28) +"px";
		document.getElementById("img"+newId[1]).style.height = img +"px";
		document.getElementById("text"+newId[1]).style.overflow = "hidden";
		document.getElementById("link"+newId[1]).innerHTML = "<div class=\"link_bg\"><img src=\"images/news_fader.png\" /></div><p>[click to read full article]</p>";
	}else{
		document.getElementById("text"+newId[1]).style.height = heighter+"px";
		document.getElementById("img"+newId[1]).style.height = imgHeight+"px";
		document.getElementById("link"+newId[1]).innerHTML = "<p style=\"margin-top:5px\">[close]</p>";
	}
}