// Function to open links in new windows (w3c aproved)
function externalLinks() {
	if (!document.getElementsByTagName) return;

	var anchors = document.getElementsByTagName('a');
	for (var j = 0; j < anchors.length; j++) {
		var alink = anchors[j];
		if (alink.getAttribute('href') && alink.getAttribute('rel') == 'external') {
			alink.target = '_blank';
		}
	}
}

function toggleBtn(obj) {
	div = obj.element.id+'_more';
	if (obj.element.style.display != 'none') {
		document.getElementById(div).style.display = 'none';
		document.getElementById("tooltip_txt").innerHTML = 'Toon minder!';
	} else {
		document.getElementById(div).style.display = 'inline';
		document.getElementById("tooltip_txt").innerHTML = 'Toon meer!';
	}
}

//Function show tooltip
function tooltip(ev) {
	ev = ev || window.event;
	if (ev.pageX || ev.pageY) {
		mousex = ev.pageX;
		mousey = ev.pageY;
	} else  {
		mousex = ev.clientX + document.body.scrollLeft + document.documentElement.scrollLeft - document.body.clientLeft;
		mousey = ev.clientY + document.body.scrollTop  + document.documentElement.scrollTop  - document.body.clientTop;
	}
  	document.getElementById("tooltip").style.left=(mousex-2)+'px';
	if (document.getElementById("tooltip").offsetHeight <=0) {
		offset = 100;
	} else {
		offset = document.getElementById("tooltip").offsetHeight;
	}
  	document.getElementById("tooltip").style.top=(mousey-offset-10)+'px';
}

ttTimer = 0;
function toggleTooltip(div, what, info) {
	if (!div) div = 'tooltip';
	if (document.getElementById(div).style.display != 'none') {
		document.getElementById("tooltip_txt").innerHTML = 'Toon minder!';
	} else {
		document.getElementById("tooltip_txt").innerHTML = 'Toon meer!';
	}

	if (info) {
		
		arrInfo = info.split('|');
		if(arrInfo.length == 3){
			document.getElementById("tooltip_txt").innerHTML = '<table border="0"><tr><td><img src="/images/mensen/'+arrInfo[0]+'.gif" width="60" height="60" alt=""></td><td>'+arrInfo[1]+'<Br><Br>'+arrInfo[2]+'<br></td></tr></table>';
		} else {
			document.getElementById("tooltip_txt").innerHTML = 'Emotion kommunicatie buro';
		}
	}
	if (what == 'hide' && tt) {
		ttTimer=setTimeout("document.getElementById('tooltip').style.display='none';", 400);
		tt = false;
	} else if (what == 'show') {
		document.getElementById("tooltip").style.display = 'inline';
		clearTimeout(ttTimer);
		tt = true;
	} else {
		document.getElementById('tooltip').style.display='none';
		tt = false;
	}
}

function loadMens(div, pos) {
	switch (pos) {
		case 1:
			document.getElementById(div+'_pointer').style.marginLeft = 0+'px';
			break;
		case 2:
			document.getElementById(div+'_pointer').style.marginLeft = 152+'px';
			break;
		case 3:
			document.getElementById(div+'_pointer').style.marginLeft = 304+'px';
			break;
	}
	document.getElementById(div+'_1_txt').style.display = 'none';
	document.getElementById(div+'_2_txt').style.display = 'none';
	document.getElementById(div+'_3_txt').style.display = 'none';
	document.getElementById(div+'_'+pos+'_txt').style.display = 'block';
	
	if (document.getElementById(div).style.display != 'none') {
	} else {
		Effect.BlindDown(div, {duration: 0.5});
	}
}

function blogComments(text, target){
	// Callback function for the blog readon page
		
	if(text == 'err1'){ // code not ok
		// generate random number for cache purposes
		var randomnumber= Math.floor(Math.random()*1001);

		// issue error and reset code + code field
		document.getElementById('err').innerHTML = "Het code veld is onjuist, probeer opnieuw.";
		document.getElementById('codeImg').src= '/images/code/code.php?rnd='+randomnumber;
		document.getElementById('Code').value = 'Code';
	}else if(text == "err2"){ // Input fields not ok
		// generate random number for cache purposes
		var randomnumber= Math.floor(Math.random()*1001);

		// issue error and reset code + code field
		document.getElementById('err').innerHTML = "Niet alle velden zijn correct ingevuld, probeer opnieuw.";
		document.getElementById('codeImg').src= '/images/code/code.php?rnd='+randomnumber;
		document.getElementById('Code').value = 'Code';
		
	}else{ // everything ok
		// generate random number and reset code image
		var randomnumber= Math.floor(Math.random()*1001);
		document.getElementById('codeImg').src= '/images/code/code.php?rnd='+randomnumber;
		
		//Update comments div
		document.getElementById(target).innerHTML = text;
		// remove any error messages
		document.getElementById('err').innerHTML = '';
		// blind the inscomments div up
		document.getElementById('comment').reset();
		Effect.BlindUp('inscomments', {duration: 0.5});
	}
}

function sent(text, target){
	// Callback function for the "zend door" function
	var arrReturn = text.split('_');
	
	// empty the boxes
	$('sentBy_'+arrReturn[0]).value = 'Jouw emailadres';
	$('sendTo_'+arrReturn[0]).value = 'Emailadres ontvanger';
	
	$(target).innerHTML = arrReturn[1];
	Effect.BlindUp('send_'+arrReturn[0], {duration: 0.5});
}

function toggleWork(id){
	if($('images_'+id).innerHTML == ''){
		$('loading_'+id).style.display = 'block';
		makeHttpRequest('/fetch_work.php?id='+id, 'work', 'images_'+id);
	} else {
		Effect.toggle('werk_'+id,'BLIND', {duration: 0.5, afterFinish: toggleBtn});
	}
}

function work(text, target){
	// Callback function for the work page
	// fill the div
	$(target).innerHTML = text;

	// blind it down
	arrInfo = target.split('_');

	// hide loading div
	$('loading_'+arrInfo[1]).style.display = 'none';
		
	Effect.toggle('werk_'+arrInfo[1],'BLIND', {duration: 0.5, afterFinish: toggleBtn});
}

function returnTags(text, target){
	$(target).innerHTML = text;
}

function passVar(varName, action){
	url = window.location.href
	if(url.indexOf('&size') > 0){
		// strip get vars
		url = url.substring(0, url.indexOf('&size'))
	}
	if(url.indexOf('?') > 0){
			url = url+'&'+varName+'='+action;
	} else {
		url = url+'?'+varName+'='+action;		
	}
	//reload frame
	window.location.href = url;
}