/*
general functions
Copyright (c) 2003-2006 Ylab, www.ylab.nl
Author: Yohan Creemers
*/

//trap error
/*
window.onerror = function(msg, url, line){
	window.status = "Er is een fout opgetreden. Meld dit a.u.b. aan de webmaster. " + line + ": " + msg;
	return true;
}*/

var debugging = false;
var isOpera = (navigator.userAgent.indexOf("Opera") > -1);
var isNav = ((!isOpera) && (navigator.appName == "Netscape"));
var isIE  = ((!isOpera) && (navigator.appName.indexOf("Explorer") > -1 ));
var nails;
var loadFunctions = new Array();
function addLoadFunction(f)  {loadFunctions[loadFunctions.length] = new Function(f);}
window.onload   = function() {for (var i=0; i<loadFunctions.length; i++){loadFunctions[i]();}}
addLoadFunction('initDocument();');
(new Image()).src = '/favicon.ico';

Array.prototype.in_array = function(element){
	for(var values in this){
		if(this[values] == element){
			return true;
		}
	}
	return false;
};

//init document
function initDocument(){
	window.status = document.title;
	resize();
}
window.onresize = function (){
	resize();
}
function resize(){
}
//display mailto link
function printMail(username, linktext){
	username = username.toLowerCase() + "@Acrobatiek.nl";
	if (!linktext) {linktext = username;}
	document.write(linktext.link("mailto:" + username));
}

//Convert id into object
function id2object(el){
	if (typeof(el)=="string"){el = document.getElementById(el);}
	return el;
}
/* quick getElement reference */
function $() {
	var elements = new Array();
	for (var i = 0; i < arguments.length; i++) {
		var element = id2object(arguments[i]);
		if (arguments.length == 1){
			return element;
		}
		elements.push(element);
	}
	return elements;
}

function Viewport(){
	this.x = 0;
	this.y = 0;
	if (self.innerHeight) {
		// all except Explorer
		this.x = self.innerWidth;
		this.y = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight){
		// Explorer 6 Strict Mode
		this.x = document.documentElement.clientWidth;
		this.y = document.documentElement.clientHeight;
	}
	else if (document.body){
		// other Explorers
		this.x = document.body.clientWidth;
		this.y = document.body.clientHeight;
	}
}

//preload hover images when document is loaded
var hoverImages = new Array();
addLoadFunction("if (hoverImages.length==0){return;} for (var i=0; i<hoverImages.length; i++){(new Image()).src = hoverImages[i];}");

/*Prepare image for hover effect
	Sample use:
	<img onload="imgHover('img01')">
	<img onload="imgHover(this)">
	<img onload="imgHover(this, 'hover.gif')">
	<img onload="imgHover(this, 'text=image')">

	img: image object or image id;
	srcHover: url of hover image [optional]
					 : when omitted, the postfix "-hover" is added to the original image path
					 : when containing an is-character (=) a part of the original url is altered (e.g. 'text=image')
*/
function imgHover(img, srcHover, hotspot){
	//Initialize only once
	img = id2object(img);
	if (img.initialized){return;}

	//Set properties
	img.initialized = true;//been here
	img.srcNormal = img.src;
	if (srcHover){
		if (srcHover.indexOf("=") != -1){
			//replace part of original url
			var pair = srcHover.split("=");
			img.srcHover=img.src.replace(pair[0],pair[1])
		}
		else{img.srcHover = srcHover;}
	}
	else{
		//add -hover by default
		var extpos = img.src.lastIndexOf(".");
		img.srcHover = img.src.substring(0,extpos) + "-hover" + img.src.substring(extpos);
	}
	hoverImages[hoverImages.length] = img.srcHover;
	//Assign hotspot events
	if (arguments.length < 3){var el=img;}
	else {var el = id2object(hotspot)}
	el.onmouseover = function() {img.src = img.srcHover;}
	el.onmouseout  = function() {img.src = img.srcNormal;}

}
var slide;
var imgs;
var spotlightWhat;
var spotlightWho;
var spotlightBody;
function slideIn(w, h, type, src, n){
	var border = 2;
	var code = '';
	var alt = '';
	var titlebar = '<div class="titlebar" onmousedown="slide.style.display = \'none\';">'+document.title+'</div>';

	if (arguments.length < 4){return;}
	if (!slide){
		//1st time, init variables
		spotlightWhat = id2object('spotlightWhat');
		spotlightWho  = id2object('spotlightWho');
		spotlightBody = id2object('spotlight');
		//create slide
		slide = document.createElement('div');
		slide.className = 'window';
		slide.style.position = "absolute";
		slide.style.margin = "auto";
		slide.style.padding = 0;
		slide.style.borderWidth = border + "px";
		slide.style.top = "50px";
		document.body.appendChild(slide);
		imgs = id2object('leftbar-inset').getElementsByTagName('img');
	}

	switch (type){
		case 'img':
			if (imgs && !isNaN(n) && imgs[n] && imgs[n].alt > ''){
				alt = '<div class="workspace">' + imgs[n].alt + '</div>';
			}
			slide.innerHTML = titlebar + imgHTML(src, w, h, (h > w && alt > '') ? 'float-left' : '') + alt;
			w = (h > w && alt > '') ? 470 : w;
			break;
		case 'serie':
			if (window.photos && !isNaN(n) && photos[n] && photos[n].alt > ''){
				alt = '<div class="workspace">' + photos[n].alt + '</div>';
			}
			slide.innerHTML = titlebar + imgHTML(src, w, h, (h > w && alt > '') ? 'float-left' : '') + serie(n) + alt;
			w = (h > w && alt > '') ? 470 : w;
			break;
		case 'txt':
			if (spotlightWhat){code += '<div class="what">' + spotlightWhat.innerHTML + '</div>';}
			if (spotlightWho){code += '<div class="who">' + spotlightWho.innerHTML + '</div>';}
			code += imgHTML(src, w, h, (h > w) ? 'float-left' : '');
			code += serie(n);
			if (spotlightBody){code += spotlightBody.innerHTML;}
			w = (h > w) ? 480 : 460;
			h = 470;
			slide.innerHTML = titlebar + '<div class="workspace" style="height: ' + h + 'px">' + code + '</div>';
			break;
	}
	function serie(n){
		if (!window.photos){return '';}
		if (photos && photos.length > 2){
			var code = '<div class="serie' + (n>1 ? '-img' : '-txt') + '"><a href="javascript:forcePopup();"><img src="images/' + (!n ? '1s' : '1') + '.gif" /></a> '
			for(var i = 2; i < photos.length; i++){
				code += '<a href="javascript:slideIn(' + photos[i].w + ', ' + photos[i].h + ', &#039;serie&#039;, &#039;' + photos[i].url + '&#039;, ' + (i) + ');"><img src="images/' + (n==i ? i+'s' : i) + '.gif" /></a> ';
			}
			code += '</div>'
		}
		return code;
	}
	slide.w = w + (2*border);
	slide.h = h + (2*border) + 10;
	slide.style.width  = slide.w +'px';
	slide.style.height = slide.h + 'px';
	slide.style.height = '10px';
	resizeSlide();
	slide.style.display = 'block';
	if(slide.getElementsByTagName('img').length){
		slide.getElementsByTagName('img')[0].src = src;
	}
	function imgHTML(s, w, h, c){
		if (!s){return '';}
		var result = '<img onmousedown="slide.style.display=\'none\';"';
		if (s)  {result += ' src="' + s + '"';}
		if (w)  {result += ' width="' + w + '"';}
		if (h)  {result += ' height="' + h + '"';}
		if (c)  {result += ' class="' + c + '"';}
		result += ' />';
		return result;
	}
}
function Photo(url, alt, w, h){
	this.url= url;
	this.alt = alt;
	this.w = w;
	this.h = h;
	return this;
}
function resizeSlide(){
	if (!slide)return;
	var viewport = new Viewport();
	var x = (viewport.x - slide.w)/2;
	slide.style.left = x+"px";
}
function forcePopup(){
	var a = id2object("spotlightLink");
	if (a){location.href=a;}
}
//DEBUGGING
function devAlert(){
	if (!debugging){return;}
	var code = "Deze functie is nog niet ge"+String.fromCharCode(239)+"mplementeerd.\n";
	for(var i=0; i < arguments.length; i++) {
		code += arguments[i] + "\n";
	}
	alert(code);
}

function debugAlert(){
	if (!debugging){return;}
	var code = "";
	for(var i=0; i < arguments.length; i++) {
		code += arguments[i] + "\n";
	}
	window.status = code;
	alert(code);
}
function debugConfirm(){
	if (!debugging){return;}
	var code = "";
	for(var i=0; i < arguments.length; i++) {
		code += arguments[i] + "\n";
	}
	window.status = code;
	return confirm(code);
}