window.status='Ontwerper Marco Tibben | ZooXS. Ontworpen voor gebruik met Internet Explorer (1024x768), maar werkt ook perfect in andere browsers....';

function getItem(id) {
  if (document.getElementById) return document.getElementById(id);
  else return document.all.item(id);
}

function getTags(el,tagname) {
  if (el.getElementsByTagName) return el.getElementsByTagName(tagname);
  else return el.all.tags(tagname);
}

function doShowHide(i) {
	var l=getTags(getItem('menu'),'DIV');
	var hs=l[i*2+1];
	var p=getTags(l[i*2],'IMG')[0];
	if (p.src.indexOf('/marcotibben/images/ingeklapt.gif')!=-1) {
		doCloseAll();
		hs.style.display='block';
		p.src='/marcotibben/images/uitgeklapt.gif';
	} else {
		hs.style.display='none';
		p.src='/marcotibben/images/ingeklapt.gif';
	}
}
var aantalitems=3;
function doOpenAll() {
	for (var i=0;i<=aantalitems;++i)
	doOpen(i)
}

function doCloseAll() {
	for (var i=0;i<=aantalitems;++i)
	doClose(i)
}

function doOpen(i) {
	var l=getTags(getItem('menu'),'DIV');
	var hs=l[i*2+1];
	var p=getTags(l[i*2],'IMG')[0];
	if (p.src.indexOf('images/ingeklapt.gif')!=-1) {
		hs.style.display='block';
		p.src='/marcotibben/images/uitgeklapt.gif';
	}
}

function doClose(i) {
	var l=getTags(getItem('menu'),'DIV');
	var hs=l[i*2+1];
	var p=getTags(l[i*2],'IMG')[0];
	if (p.src.indexOf('images/uitgeklapt.gif')!=-1) {
		hs.style.display='none';
		p.src='/marcotibben/images/ingeklapt.gif';
	}
}

function doColumnShowHide() {
	if (columnbreedte.style.display=='') {
		columnbreedte.style.display='none';
		columnshowhide.className='showcolumn';
		columnshowhidepic.src='/marcotibben/images/show.gif';
	} else {
		columnbreedte.style.display='';
		columnshowhide.className='hidecolumn';
		columnshowhidepic.src='/marcotibben/images/hide.gif';
	}
}

var f = ""
function explanation(e) {
	if (top.explanationtext == null)
		return;
	f=top.explanationtext.innerHTML;
	top.explanationtext.innerHTML=e;
}

function explanationout() {
	if (top.explanationtext == null)
		return;
	top.explanationtext.innerHTML=f;
}

function explanationreset() {
	if (top.explanationtext == null)
		return;
	top.explanationtext.innerHTML='';
}

function toTop() {
	s=''+top.location;
	i=s.indexOf('#');
	if (i>0) s=s.substring(0,i);
	s=s+'#bovenkant';
	top.location=s;
}
function toBottom() {
	s=''+top.location;
	i=s.indexOf('#');
	if (i>0) s=s.substring(0,i);
	s=s+'#onderkant';
	top.location=s;
}

function newwindow(w,b,h) {
	window.open(w,'_blank','width='+b+',height='+h+',toolbar=no,status=no,resizable=yes,location=no,menubar=no,scrollbars=yes');
}

function meldingtekst(n) {
	var teksten=['Welkom op de website van de designer Marco Tibben','Op deze website kan je mijn ontwerpen, producten, en fotografie bekijken en zelfs kopen.','Ik werk onder de vlag van ZooXS, mijn eigen bedrijf.','ZooXS kan je, naast ontwerpen, ook helpen met alles wat met websites en internet te maken heeft.','ZooXS heeft zijn eigen websiteonderhoudsysteem &acute;LekkerZelf&acute; ontwikkelt, waarmee je je website simpel zelf kan onderhouden.'];
	m=getItem('melding');
	if (m) {
		m.innerHTML=teksten[n];
		n++;
	}
	if (n==teksten.length) {
		n=0;
	}
	window.setTimeout("meldingtekst("+n+")", 6000);
}

/* textbox caracter counter */

function taLimit() {
	var taObj=event.srcElement;
	if (taObj.value.length==taObj.maxlength*1) return false;
}

function taCount(visCnt) {
	var taObj=event.srcElement;
	if (taObj.value.length>taObj.maxlength*1) taObj.value=taObj.value.substring(0,taObj.maxlength*1);
	if (visCnt) visCnt.innerText=taObj.maxlength-taObj.value.length;
}

function CheckAll(formname) {
	for (var i = 0; i < document.forms[formname].elements.length; i++) {
		if(document.forms[formname].elements[i].type == 'checkbox'){
			document.forms[formname].elements[i].checked = !(document.forms[formname].elements[i].checked);
		}
  	}
}
function tabblad(tab,blok,tabs,blokken) {
	for (var i=0; i<tabs.length; i++) {
		var t = getItem(tabs[i]);
		t.className='tab';
	}
	for (var i=0; i<blokken.length; i++) {
		var b = getItem(blokken[i]);
		b.style.display='none';
	}
	var ta = getItem(tab);
	var bl = getItem(blok);
	ta.className='tabactief';
	bl.style.display='block';
}

function showpopup(naam) {
	if (naam.style.display=='block') {
		naam.style.display='none';
	}
	else {
		naam.style.display='block';
		naam.style.top=document.body.scrollTop+(document.body.clientHeight*0.3);
		naam.style.left=document.body.clientWidth*0.2;
	}
}

actief=false;

function movepopup(el){
    offsetx=event.clientX;
    offsety=event.clientY;
    nowX=parseInt(el.currentStyle.left);
    nowY=parseInt(el.currentStyle.top);
    actief = el;
}

function domove(){
	if (!actief) return;
 	actief.style.left=nowX+event.clientX-offsetx;
  	actief.style.top=nowY+event.clientY-offsety;
  	return false;
}

function overlay_block(item) {
	var ov = getItem('overlay');
	var it = getItem(item);
	ov.style.display='block';
	ov.style.top=document.body.scrollTop;
	document.body.style.overflow='hidden'
	it.style.display='block';
}
function overlay_none(item) {
	var ov = getItem('overlay');
	var it = getItem(item);
	it.style.display='none';
	ov.style.display='none';
	document.body.style.overflow='auto'
}
function overlay_next(item,next) {
	var ne = getItem(next);
	var it = getItem(item);
	it.style.display='none';
	ne.style.display='block';
}
var timerBGID;
function stopBG() {
	clearInterval(timerBGID);
}
var x = 0;
function animateBG(obj) {
	var Img1 = document.getElementById(obj);
	function rotate() {
		x += 5;
		if (x > 100) x = 0;
		var byPct = x + "% " + x + "%";
		Img1.style.backgroundPosition = byPct;
	}
	timerBGID = setInterval(rotate,100);
}