/*
function toggle_display(element,is_display,delay){
	var is_displayed = Element.getDisplay(element);
	var force = false;
	if(arguments.length > 1 && is_display != null) force = true;
	if((!force && !is_displayed) || (force && is_display)){
		//new Effect.Appear(element);
		new Effect.BlindDown(element);
		//Element.setDisplay(element,true);
		is_displayed = true;
	}else if((!force && is_displayed) || (force && !is_display)){
		new Effect.Fade(element);
		//new Effect.BlindUp(element);
		//Element.setDisplay(element,false);
		is_displayed = false;
	}
	if(arguments.length > 2 && delay != null && !isNaN(delay)){
		if(is_displayed){
			new Effect.Fade(element,{delay: delay});
		}else{
			new Effect.BlindDown(element,{delay: delay});
		}
	}
}
*/
function toggle_display(element, delay){
	var is_displayed = Element.getDisplay(element);
	if (is_displayed){
		Element.setDisplay(element,false);
		//new Effect.Fade(element); // too much recursion
	}else{
		Element.setDisplay(element,true);
		//new Effect.Appear(element); // too much recursion
		if(arguments.length > 1 && delay != null && !isNaN(delay)){
			setTimeout("toggle_display('"+element+"')", delay*1000);
		}
	}
}

Element.getDisplay = function(element){
	element = $(element);
	var display;
	if (display = element.getStyle('display')){
		if(display == "none" || display == "0"){
			return false;
		}else{
			return true;
		}
	}
	return null;
}

Element.setDisplay = function(element, value){  
	element= $(element);
	if (value){
		element.setStyle({ display: 'block' });
	} else {  
		element.setStyle({ display: 'none' });
	}
	return element;
}