function init_gallery() {
	var W3CDOM = (document.createElement && document.getElementsByTagName);
	if (!W3CDOM) return; // If the browser doesn't support the W3C DOM, don't do anything.

	var elem = document.getElementById('list');
	if(elem) {
		var links = elem.getElementsByTagName('a');
		for(var i = 0; i < links.length; i++) {
			links[i].onclick = function() {
				LoadGallery(this, 'swap', 'caption');
				return false;
			}
		}
	}
	
	var myImg = document.getElementById('swap');
	if(myImg) {
		myImg.onmouseout = function() {
			toggle_tooltip(false);
		}
		 myImg.onmouseover = function() {
			toggle_tooltip(true);
		}
	}
}

function toggle_tooltip(show) 
{
	if(show) {
		document.getElementById('caption').className = 'show';	
	} else {
		document.getElementById('caption').className = 'noshow';
	}
}

// Gallery script.
// With image cross fade effect for those browsers that support it.
// Script copyright (C) 2004 www.cryer.co.uk.
// Script is free to use provided this copyright header is included.		
	
function LoadGallery(elem, pictureName,titleCaption)
{
  document.getElementById(pictureName).src = elem.href;
  document.getElementById(titleCaption).innerHTML=elem.title;
  
  var list=document.getElementById('list');
  var links=list.getElementsByTagName('a');
  for (var i=0; i<links.length;i++){
	  links[i].className='';
  }
  elem.className='active';
  return false;
}

function init_tooltips() {
	if(!document.getElementById || !document.getElementsByTagName) return;
	// enkel voor de projecten
	if(document.getElementById('werk-tribe')) {
		var myDivs = document.getElementsByTagName('div');
		for(i = 0; i < myDivs.length; i++){
//			alert('foo');

			if(myDivs[i].className == 'project') {
				var foobar = myDivs[i].getElementsByTagName('div');
				
				setOpacity(foobar[0]);
				myDivs[i].style.zIndex = (myDivs.length-i);
				myDivs[i].onmouseout = function() {
					this.className = 'noshow project';
				}
				 myDivs[i].onmouseover = function() {
					this.className = 'show project';
					//alert(this.innerHTML);
				}
			}
		}
	}
	if(document.getElementById('over-tribe')) {
		var myDiv = document.getElementById('about-container');
		var foobar = myDiv.getElementsByTagName('p');		
		for(i = 0; i < foobar.length; i++) {
			setOpacity(foobar[i]);
		}
		var myInnerDivs = myDiv.getElementsByTagName('div');
		for(i = 0; i < myInnerDivs.length; i++) {
			myInnerDivs[i].style.zIndex = (myInnerDivs.length-i);
			
			myInnerDivs[i].onmouseout = function() {
				this.className = 'about noshow2';
			}
			myInnerDivs[i].onmouseover = function() {
				this.className = 'about show2';
			}
		}
	}
}

function reference_popup(dir, my_width, my_height) {
	window.open(dir, '_blank',"toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=no, copyhistory=no, width="+my_width+", height="+my_height+"");
}

function setOpacity(el){
	el.style.filter="alpha(opacity:80)";
	el.style.KHTMLOpacity="0.80";
	el.style.MozOpacity="0.80";
	el.style.opacity="0.80";
}

function transform_rel() {
	var W3CDOM = (document.createElement && document.getElementsByTagName);
	if (!W3CDOM) return; // If the browser doesn't support the W3C DOM, don't do anything.

	var links = document.getElementsByTagName('a');
	for(var i = 0; i < links.length; i++) {
		if(links[i].getAttribute('href') && links[i].getAttribute('rel') == 'external') {
			links[i].target = '_blank';
		}
		if(links[i].getAttribute('href') && links[i].getAttribute('rel') == 'popup') {
			links[i].onclick = function() {
				popup(this.href, this.className);
				return false;
			}
		}
	}
}
function popup(file, extention) {
	var is_image;

	extention = extention.toLowerCase();

	if(extention == 'jpg' || extention == 'jpeg' || extention == 'gif' || extention == 'png' || extention == 'bmp') {
		is_image = 1;
	} else {
		is_image = 0;
	}
	window.open('/popup?f=' + escape(file) + '&i=' + is_image, '_blank',"toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=400, height=400");
}


window.onload = function onLoader(){
	init_tooltips();
	init_gallery();
	transform_rel();
}