var current_fadein_header  = 1;
var current_fadeout_header = 2;

var current_header  = 1;  //1 tm 6
var current_time    = 0;
var delay           = 10; //ms
var max_headers     = 11;  //6 header_*.jpg images
var previous_header = 1;
var last_header     = 0;
var timer           = 4000;  //ms
var fadein          = 0;
var fadeout         = 100;
var stepsize        = ((max_headers * 21) + 8) / (timer * max_headers / delay);
var current_width   = 0;

var slider          = null;
var fader           = null;

/**
 *
 */
function initSliders()
{
	for(var s = 2; s <= max_headers; s++)
	{
		setOpacity(document.getElementById("header_" + s), 0);
		
		document.getElementById("header_" + s).style.display = "block";
	}
	
	headerSlider();
}

/**
 *
 */
function headerSlider()
{
	slider = setTimeout("headerSlider()", delay);
	
	current_time += delay;
	
	document.getElementById("counter_tab").style.width = (current_width += stepsize) + "px";
	
	if(current_time >= timer)
	{	//reset
		
		current_fadein_header  = (((current_header + 1) <= max_headers) ? (current_header + 1) : 1);
		current_fadeout_header = current_header;
		
		//fade headers
		fadeHeader();
		
		//(de)select tab
		previous_header = current_header;
		
		document.getElementById("header_tab_" + previous_header).className = "deselected";
				
		current_header++;
		
		if(current_header > max_headers)
		{
			current_header = 1;
			
			current_width  = 0;
		}
				
		document.getElementById("header_tab_" + current_header).className = "selected";
		
		current_time = 0;
	}
	
	last_header = current_header;
}

/**
 *
 */
function fadeHeader()
{
	fadeout_obj = document.getElementById("header_" + current_fadeout_header);
	fadein_obj  = document.getElementById("header_" + current_fadein_header);
	
	setOpacity(fadeout_obj, fadeout--);
	
	setOpacity(fadein_obj,  fadein++);
	
	if(fadeout > 0)
	{	//fade
		fader = setTimeout("fadeHeader()", 10);
	}
	else
	{	//reset
		fadein  = 0;
		fadeout = 100;
	}
}

/**
 *
 */
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;
}

/**
 *
 */
function toonHeader(nr)
{
	clearTimeout(slider);
	
	clearTimeout(fader);
	
	previous_header = last_header;
	
	document.getElementById("header_tab_" + previous_header).className = "deselected";
	
	document.getElementById("header_tab_" + nr).className = "selected";
	
	setOpacity(document.getElementById("header_" + previous_header), 0); 
	
	setOpacity(document.getElementById("header_" + nr), 100); 
	
	current_header  = nr;
	
	current_time    = 0;
	
	current_width   = ((nr - 1) * 22);
	
	headerSlider();
}

/**
 *
 */
function mogelijkheid(nr)
{
	for(var m = 1; m <= 6; m++)
	{
		var btn_a   = document.getElementById("html_" + m);
		var btn_img = document.getElementById("btn_" + m);
		var btn_div = document.getElementById("div_" + m);
		
		if(nr == m)
		{	//on
			btn_img.src = "/images/btn_" + m + "_out.gif";
			btn_div.style.display = "block";
		}
		else
		{	//off
			btn_img.src = "/images/btn_" + m + "_off.gif";
			btn_div.style.display = "none";
		}
	}
}

/*menu*/
$(document).ready(function()
{
	$('ul#rightnav3 li a').toggle(function()
	{
		$('ul#rightnav3 li').each(function()
		{
			var lid = $(this).attr('id').substr(3);
			
			$(this).animate({'height': '56px'}, 200);
			$(this).find('div').fadeOut(100);
			$(this).find('a').css('background', 'url("/images/btn_'+lid+'_off.gif")');
		});
		
		var id = $(this).attr('id').substr(4);
		
		$('#btn_'+id).css('background', 'none');
		
		$('#li_'+id).animate({'height': '151px'}, 200);
		
		$('#div_'+id).fadeIn(100);
	},function()
	{
		var id = $(this).attr('id').substr(4);
		
		$('#li_'+id).animate({'height': '56px'}, 100);
		$('#btn_'+id).css('background', 'url("/images/btn_'+id+'_off.gif")');
		
		$('#div_'+id).fadeOut(100);
	});
	
	$('ul#rightnav3 li div span').click(function(){ window.location = 'mogelijkheden.php'; });
});