/* Medewerkers Re-code 20080311 Carlos */
var activeEmployee = null;

function varTest()
{
	alert('test');
}

function initEmployees()
{
	var container = document.getElementById('medewerkersContainer');
	var clickItem = getElementsByClassName(container, 'div', 'Werknemer');
	
	for (iClicks = 0; iClicks < clickItem.length; iClicks++)
	{
		clickItem[iClicks].onclick = function() { openEmployee(this) };
	}

}

function openEmployee(target)
{
	var employeeImage = getElementsByClassName(target, 'img', 'largeImage');
	employeeImage[0].style.display = 'block';
	
	target.style.zIndex = 3;
	
	target.onclick = function() { closeEmployee(this) };
	
	if (activeEmployee && activeEmployee != target)
	{
		closeEmployee(activeEmployee);
	}
	activeEmployee = target;
}

function closeEmployee(target)
{
	var employeeImage = getElementsByClassName(target, 'img', 'largeImage');
	employeeImage[0].style.display = 'none';

	target.style.zIndex = 0;

	target.onclick = function() { openEmployee(this) };
}

/* CARLOS */

var delay=500;
var inSpeed=0.2;
var outSpeed=0.5;
var timer=null;
var holder;
var busy=false;

function sleep(mode,origin) {
	holder=origin;
	
	if (mode) timer=setTimeout('flipOut("hover","")',delay);
	else {
		if(timer) {
			clearTimeout(timer);
			timer=null;
		}
	}
}

function flipOut (mode,origin) {

	var moveIn=inSpeed;
	var moveOut=outSpeed

	switch(mode) {
		case 'click':
			var target=getElementsByClassName(origin.parentNode,'div','Detail')[0];
			var closer=getElementsByClassName(origin.parentNode.parentNode,'div','Detail');
		break;
		
		case 'hover':
			if (busy==true) return;
			var target=getElementsByClassName(holder,'div','Detail')[0];
			var closer=getElementsByClassName(holder.parentNode,'div','Detail');
		break;

		case 'vacature':
			var target=getElementsByClassName(origin.parentNode,'div','Detail')[0];
			var closer=getElementsByClassName(origin.parentNode.parentNode,'div','Detail');
			moveIn=moveIn*2;
			moveOut=moveOut*2;
		break;
	}
			
	for(var i=0; i<closer.length; i++){
		if (closer[i].value=='open') {
			if (closer[i] == target && mode != 'vacature') return;
			Safari('up');
			new Effect.BlindUp(closer[i], { queue: {position: 'end', scope: 'project', limit: 3}, duration: moveIn, afterFinish: function() { closer[i].value='closed' } });
			if (closer[i] == target && mode == 'vacature') { return }
			break;
		}
	}

	busy=true;
	target.value='open';
	Safari('down');
	new Effect.BlindDown(target, { queue: {position: 'end', scope: 'project', limit: 3}, duration: moveOut, afterFinish: function () { busy=false;  } });
}
function Safari (mode) {
	if(navigator.userAgent.match("Safari")) {
		if (mode=='up') {
			document.getElementById("Footer").style.position="relative";
			document.getElementById("Footer").style.bottom="-84px";
			document.getElementById("Footer").style.marginTop="0px";
		}
		else {
			document.getElementById("Footer").style.position="relative";
			document.getElementById("Footer").style.bottom="0px";
			document.getElementById("Footer").style.marginTop="-50px";
		}
	}
}

function Active(ID) {
	var moveIn=inSpeed;
	var moveOut=outSpeed

	var target=getElementsByClassName(document.getElementById(ID),'div','Detail')[0];

	target.value='open';
	Safari('down');
	new Effect.BlindDown(target, { queue: {position: 'end', scope: 'project', limit: 3}, duration: moveOut, afterFinish: function () { busy=false; Jumper(ID) } });
}

function Jumper(ID) {
	target=document.getElementById(ID);
	if ((target.offsetTop+target.offsetHeight+50) > document.body.clientHeight) location.hash=ID;
}

function MP () {
	replacements=getElementsByClassName(document,'p','customMovie');
	
	for (i=0;i<replacements.length;i++)
	{
		origin = replacements[i];

		if (origin.style.content.substr(0,1)=="'" || origin.style.content.substr(0,1) == '"')
			data = origin.style.content.substr(1,origin.style.content.length-2);
		else
			data = origin.style.content;

		data = data.split(',');
		
		url = '/client/websight/upload/video/'+data[0];
		width = data[1];
		height = parseInt(data[2])+70;
		image = '/client/websight/upload/video/'+data[3];
	
		mediaHTML = '<span style="background-image: url('+image+'); background-repeat: no-repeat; background-position: top; display: block">';
		mediaHTML += '<OBJECT ID="Video'+parseInt(Math.random(100))+'" width="'+width+'" height="'+height+'" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="application/x-oleobject" VIEWASTEXT><PARAM NAME="FileName" VALUE="'+url+'"><PARAM NAME="ShowControls" VALUE="True"><PARAM NAME="ShowStatusBar" VALUE="True"><PARAM NAME="TransparentAtStart" Value="True"><PARAM NAME="AutoStart" Value="False"><PARAM NAME="AnimationatStart" Value="True"><PARAM NAME="autoSize" Value="false"><PARAM NAME="displaySize" Value="False"><PARAM NAME="enableContextMenu" Value="False"><PARAM NAME="uiMode" Value="invisible"><EMBED type="application/x-mplayer2" pluginspage = "http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" SRC="'+url+'" Name="MediaPlayer1" Width="'+width+'" Height="'+height+'" autoStart=0 transparentAtStart=1 animationAtStart=1 autoSize=0 ShowStatusBar=1 ShowControls=1 displaySize=0 enableContextMenu=0 uiMode="invisible" align="center"></EMBED></OBJECT>';
		mediaHTML += '</span>';

		//origin.innerHTML = mediaHTML;
		
		var Container = document.createElement('div');
		Container.style.width = width + "px";
		Container.style.height = height + "px";
		origin.parentNode.appendChild(Container);
		origin.parentNode.removeChild(origin);
		Container.innerHTML = mediaHTML;
	}

}


function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/-/g, "\-");
	var oRegExp = new RegExp("(^|\s)" + strClassName + "(\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}

function switchScribd(displayElement) {
	var scribdChildnodes = document.getElementById('scribdplayers').childNodes;
	var scribdChildren = new Array();
       
	for (var nodeNo in scribdChildnodes)
	{
		if (scribdChildnodes[nodeNo].id)
		{
			scribdChildren.push(scribdChildnodes[nodeNo]);
		}
	}

	for (var childNo in scribdChildren)
	{
		if (scribdChildren[childNo].id == displayElement)
		{
			scribdChildren[childNo].style.display = 'block';
		}
		else
		{
			scribdChildren[childNo].style.display = 'none';
		}
	}
}