var active_etalage = null;
var etalage_animated = false;
var etalage_mouse_halted = false;	// gestopt omdat de muis eroverheen is?
var etalage_max = 1;
var animatie_percentage = 0.0;
var animatie_totale_tijd = 6000;	// milliseconden!
var etalage_p_div = null;
var prev_timer = null;

function etalage_internal_set_tab( id, bOnOff) {
	var tabje = document.getElementById("etalage_nummer_" + id.toString());
	var tab_inhoud = document.getElementById("etalage_item_" + id.toString());
	
	if (tabje && tab_inhoud) {
		tabje.className = "nummer" + (bOnOff ? "_active" : "");
		tab_inhoud.className = "etalage_inhoud" + (bOnOff ? "_active" : "");
	}
	if (!bOnOff) {
		lib_fade( tab_inhoud, false, 20, 50, 60);
	} else {
		lib_fade( tab_inhoud, true, 20, 50, 100);
	}
}

function etalage_show_percentage( iPerc ) {
	if (etalage_p_div) {
		etalage_p_div.style.width = iPerc.toString() + "%";
	}
}

function etalage_set_tab( id ) {
	if (active_etalage!=id) {
		if (active_etalage) {
			etalage_internal_set_tab( active_etalage, false);
		}
		etalage_internal_set_tab( id, true);
		active_etalage=id;
		if (prev_timer) {
			clearTimeout(prev_timer);
			prev_timer = null
		}
		animatie_percentage = 0.0;
		etalage_animation();
	}
}

function etalage_animation() {
	if (etalage_animated  && !etalage_mouse_halted) {
		if (animatie_percentage>=100) {
			var new_tab = active_etalage < etalage_max ? active_etalage + 1 : 1;
			etalage_set_tab( new_tab );
		} else {
			animatie_percentage = animatie_percentage + 0.5;
			etalage_show_percentage( animatie_percentage );
			if (prev_timer) clearTimeout(prev_timer);
			prev_timer = setTimeout( "etalage_animation()", (animatie_totale_tijd / 200) );
		}
	}
}

function etalage_animation_halt() {
	etalage_animated = false;
	animatie_percentage = 0;
	etalage_show_percentage(100);
}

function etalage_init( start_tab, bAnimate, intMax ) {
	var etal = document.getElementById("etalage");
	if (etal) {
		etalage_max = intMax;
		
		etal.onmouseout  = function() {etalage_mouse_halted=false;etalage_animation()};
		etal.onmouseover = function() {etalage_mouse_halted=true};

		for (var t=1; t<=etalage_max; t++) {
			var i = document.getElementById("etalage_item_" + t.toString());
			i.className = "etalage_inhoud";
			i.style.visibility = 'hidden';		
		}
		etalage_p_div = document.getElementById("etalage_perc_div");
		etalage_set_tab( start_tab );
		if (intMax==1) {
			etalage_animated = false;
		} else {
			etalage_animated = bAnimate;
			etalage_animation();
		}
		
		// install handlers in each form to halt the etalage!
		var node_list = document.getElementsByTagName('form'); 
		for (var i = 0; i < node_list.length; i++) { 
			node_list[i].onclick = function() {etalage_animation_halt()};
			node_list[i].onkeydown = function() {etalage_animation_halt();return true;};
		}
	}
}