var e_w;
var e_h;
var steps = 20;
var steps_hide = 15;
var s_i = 0;
var h_i = steps;
var e;
var standby = false;

function show() {
	step_h = e_h/steps;
	step_w = e_w/steps;

	if (e.style.display == 'none') {
		e.style.width = '0px';
		e.style.height = '0px';
		e.style.overflow = 'hidden';
		e.style.display = 'block';
	}
	
	e.style.width = step_w * s_i + "px";
	e.style.height = step_h * s_i + "px";
	
	if (s_i >= steps) {
		e.style.overflow = '';
		clearInterval(a);
		e.style.width = '';
		e.style.height = '';
		s_i = 0;
		standby = false;
	}
	
	s_i++;
}

function hide() {
	step_h = e_h/steps;
	step_w = e_w/steps;
	
	e.style.width = step_w * h_i + "px";
	e.style.height = step_h * h_i + "px";
	
	if (h_i <=0) {
		clearInterval(a);
		e.style.display = 'none';
		e.style.overflow = '';
		e.style.width = '';
		e.style.height = '';
		h_i = steps;
		standby = false;
	}	
	h_i--;
}

function toggle(id) {
	e = document.getElementById(id);
	if ( ! standby && e) {
		standby = true;
		if ( ! e.style.display || e.style.display == 'none') {
//			e.style.position = 'absolute';
			e.style.display = 'block';
			e_w = e.offsetWidth;
			e_h = e.offsetHeight;
//			e.style.position = '';
			e.style.display = 'none';
			a = setInterval("show()", 40);
		} else {
			e_w = e.offsetWidth;
			e_h = e.offsetHeight;	
			e.style.overflow = 'hidden';
			a = setInterval("hide()", 40);
		}
	}
	return false;
}

function tab_toggle(tab) {
	e = tab.nextSibling;
	while (e && e.nodeType != 1) {
		e = e.nextSibling
	}
	if ( ! standby && e) {
		standby = true;
		if ( ! e.style.display || e.style.display == 'none') {
			e.style.display = 'block';
			e_w = e.offsetWidth;
			e_h = e.offsetHeight;
			e.style.display = 'none';
			a = setInterval("show()", 40);
		} else {
			e_w = e.offsetWidth;
			e_h = e.offsetHeight;	
			e.style.overflow = 'hidden';
			a = setInterval("hide()", 40);
		}
	}
	return false;	
}
