var mouseHover = false;
var currpos = 1;
var currfadepos = 1;

function timerTick() {
	if (mouseHover == false) {
		if (currpos == 1) { hoverTab2(); }
		else if (currpos == 2) { hoverTab3(); }
		else if (currpos == 3) { hoverTab1(); }

	}
	self.setTimeout("timerTick()", 5000);
	window.status = "TimerTick" + currpos;
}

function hoverTab1() {
	currpos = 1;
	document.getElementById('contentimage').style.backgroundImage="url("+document.getElementById('imagetab').src+")";
	setTimeout(function(){
	
		imageId = 'imagetab';
		image = document.getElementById(imageId);
		image.style.visibility = "hidden";
		image.src='/images/pollmann.jpg';		
		document.getElementById('imagehref').href='http://pollmann.nl/';		
		setOpacity(image, 0);
		image.style.visibility = "visible";
		fadeIn(imageId,0);
		
	},30);
        document.getElementById('navigatie1').className='tab activenav';
        document.getElementById('navigatie2').className='tab nonactivenav';
	document.getElementById('navigatie3').className='tab nonactivenav';
}

function hoverTab2() {
	currpos = 2;
	document.getElementById('contentimage').style.backgroundImage="url("+document.getElementById('imagetab').src+")";
	setTimeout(function(){ 		
		imageId = 'imagetab';
		image = document.getElementById(imageId);
		image.style.visibility = "hidden";
		image.src='/images/trouwlijsten.jpg';		
		document.getElementById('imagehref').href='http://pollmann.nl/trouwen/';		
		setOpacity(image, 0);
		image.style.visibility = "visible";
		fadeIn(imageId,0);
	},30);
	document.getElementById('navigatie1').className='tab nonactivenav';
        document.getElementById('navigatie2').className='tab activenav';
	document.getElementById('navigatie3').className='tab nonactivenav';

}
function hoverTab3() {
	currpos = 3;
	document.getElementById('contentimage').style.backgroundImage="url("+document.getElementById('imagetab').src+")";
	setTimeout(function(){ 		
		imageId = 'imagetab';
		image = document.getElementById(imageId);
		image.style.visibility = "hidden";
		image.src='/images/webwinkel.jpg';		
		document.getElementById('imagehref').href='http://servies.nl/';		
		setOpacity(image, 0);
		image.style.visibility = "visible";
		fadeIn(imageId,0);
	},30);
	document.getElementById('navigatie1').className='tab nonactivenav';
        document.getElementById('navigatie2').className='tab nonactivenav';
	document.getElementById('navigatie3').className='tab activenav';
}

function initImage() {

	if (!document.getElementById("imageTab")) {

		tab1 = document.getElementById("navigatie1");
		tab2 = document.getElementById("navigatie2");
		tab3 = document.getElementById("navigatie3");

		tab1.onmouseover=function() { mouseHover = true; hoverTab1(); };
		tab2.onmouseover=function() { mouseHover = true; hoverTab2(); };
		tab3.onmouseover=function() { mouseHover = true; hoverTab3(); };

		tab1.onmouseout=function() { mouseHover = false; };
		tab2.onmouseout=function() { mouseHover = false; };
		tab3.onmouseout=function() { mouseHover = false; };

		self.setTimeout("timerTick()", 5000);
	}
}
function fadeIn(objId,opacity) {
	if (opacity == 0) {
	  currfadepos = currpos;
	}
	if (currfadepos == currpos) {
		if (document.getElementById) {
			obj = document.getElementById(objId);
			if (opacity <= 100) {
				setOpacity(obj, opacity);
				opacity += 5;
				window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 25);
			}
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}
addOnLoad(function()
{
   initImage();
});
