function toonPopup(mypage, myname, w, h) {
	var winl = (screen.width - w) / 2;
	var wint = (screen.height - h) / 2;
	winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+', toolbar=0, scrollbars=0, location=0, status=0, titlebar=0, menubar=0, resizable=0';
	
	win = window.open(mypage, myname, winprops);
	if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
		return '';
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return -1;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};

var preLoad = new Array();
var j = new Array();
var aantal = new Array();
var opac = new Array();
var toppiclay = new Array();
var botpiclay = new Array();
var t = new Array();
var busy = new Array();
var shortdelay = new Array();
var longdelay = new Array();
var opacinc = new Array();
var topimg = new Array();
var botimg = new Array();
var timerCaroussel;

function doPf(index, longdelay, shortdelay){
	clearTimeout(t[index]);
	opac[index] -= opacinc[index]; 
	if (busy[index] == 0) {
		busy[index] = 1;
		if (opac[index] <= 0) {
			if (BrowserDetect.browser != 'Firefox') {
				toppiclay[index].visibility='hidden';
			}
			topimg[index].src = preLoad[index][j[index]].src;
			opac[index] = 100;
			toppiclay[index].opacity = 1.0;
			toppiclay[index].MozOpacity = 1.0;
			toppiclay[index].KhtmlOpacity = 1.0;
			toppiclay[index].filter = "alpha(opacity=100)";
			t[index] = setTimeout('swapImg('+index+', '+longdelay+', '+shortdelay+')', longdelay);
			
		} else {
			toppiclay[index].opacity = (opac[index] / 100);
			toppiclay[index].MozOpacity = (opac[index] / 100);
			toppiclay[index].KhtmlOpacity = (opac[index] / 100);
			toppiclay[index].filter = "alpha(opacity=" + opac[index] + ")";
			t[index] = setTimeout('doPf('+index+', '+longdelay+', '+shortdelay+')', shortdelay);
		}
		busy[index] = 0;
	}
} 

function swapImg(index, longdelay, shortdelay) {
	clearTimeout(t[index]);
	if (busy[index] == 0) {
		busy[index] = 1;
		j[index] = (j[index] + 1) % aantal[index];
		if (BrowserDetect.browser != 'Firefox') {
			toppiclay[index].visibility='visible';
			botpiclay[index].visibility='hidden';
		}
		botimg[index].src = preLoad[index][j[index]].src;	
		if (BrowserDetect.browser != 'Firefox') {
			botpiclay[index].visibility='visible';
		}
		t[index] = setTimeout('doPf('+index+', '+longdelay+', '+shortdelay+')', shortdelay);
		busy[index] = 0;
	}						
}

var cwOmo = function() {
	var cwElements = document.getElementById("hoofdmenu").getElementsByTagName("li");

	for (var i=0; i<cwElements.length; i++) {
		cwElements[i].onmouseover=function() {
			this.className+=" omo";
		}
		cwElements[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" omo\\b"), "");
		}
	}
}

function hideMainmenuDropdown() {
	var cwElementsM = document.getElementById("hoofdmenu").getElementsByTagName("li");

	for (var i=0; i<cwElementsM.length; i++) {
		cwElementsM[i].className=cwElementsM[i].className.replace(new RegExp(" omo\\b"), "");
	}
}

function jumptoProject(index) {
	document.images.Portfolio2.src = preLoad[index].src;	
	document.getElementById('project_titel').innerHTML = titel[index];  
	document.getElementById('project_beschrijving').innerHTML = beschrijving[index];  
	document.getElementById('project_link').innerHTML = '<a href="'+link[index]+'">'+prjMoreStr+' ></a>';  
	curIx = index;

	if(index > 0) {
		var inmin = index-1;
		document.getElementById('project_navigatie_prev').innerHTML = "<a href=\"javascript:stopCaroussel();jumptoProject("+inmin+");\">< "+prvStr+"</a>";  
	} else {
		var inmx = maxIx-1;
		document.getElementById('project_navigatie_prev').innerHTML = "<a href=\"javascript:stopCaroussel();jumptoProject("+inmx+");\">< "+prvStr+"</a>";  		
//		document.getElementById('project_navigatie_prev').innerHTML = '&nbsp;';  
	}
	
	if(index < maxIx-1) {
		var inplus = index+1;
		document.getElementById('project_navigatie_next').innerHTML = "<a href=\"javascript:stopCaroussel();jumptoProject("+inplus+");\">"+nxtStr+" ></a>";  
	} else {
//		document.getElementById('project_navigatie_next').innerHTML = '&nbsp;';   
		document.getElementById('project_navigatie_next').innerHTML = "<a href=\"javascript:stopCaroussel();jumptoProject(0);\">"+nxtStr+" ></a>";  		
	}
	document.getElementById('project_select').selectedIndex = index;
}

function toggleProject(obj) {
	var index = obj.selectedIndex;
	jumptoProject(index);
}

/*
window.onload = function(){
        var strCook = document.cookie;
        if(strCook.indexOf("!~")!=0){
          var intS = strCook.indexOf("!~");
          var intE = strCook.indexOf("~!");
          var strPos = strCook.substring(intS+2,intE);
          document.scrollTop = strPos;
        }
      }
      function SetDivPosition(){
        var intY = document.scrollTop;
        document.cookie = "yPos=!~" + intY + "~!";
      }
*/

function stopCaroussel(){
	clearTimeout(timerCaroussel);
}
function jumpCaroussel() {
	clearTimeout(timerCaroussel);
	curIx = (curIx+1)%maxIx;
	jumptoProject(curIx);
	timerCaroussel = setTimeout("jumpCaroussel()", 5000);	
}
function startCaroussel() {
	timerCaroussel = setTimeout("jumpCaroussel()", 3000);	
}
if (window.attachEvent) window.attachEvent("onload", cwOmo);
BrowserDetect.init();