function $id(id) { return document.getElementById(id); }

function isIE() {
	
	return navigator.appName == 'Microsoft Internet Explorer';
	
}

function show(id) {
	
	$id(id).style.display = '';
	
}

function hide(id) {
	
	$id(id).style.display = 'none';
	
}

function fadeIn(id, speed) {
	
	if(!speed) speed = 80;
	
	show(id);
	
	for(var i=1; 5>=i; i++) {
		
		var opacity = i*0.2;
		
		if(i==1) setOpacity(id, opacity);
		
		else setTimeout("setOpacity('"+id+"', '"+(opacity)+"')", (i-1)*speed);
		
	}
	
}

function fadeOut(id, speed) {
	
	if(isIE()) {
		
		hide(id);
		
	} else {
		
		if($id(id).style.display != 'none') {
			
			if(!speed) speed = 80;
			
			show(id);
			
			setOpacity(id, 1);
			
			for(var i=1; 5>=i; i++) {
				
				setTimeout("setOpacity('"+id+"', '"+(1-i*0.2)+"')", i*speed);
				
			}
			
			setTimeout("hide('"+id+"')", 5*speed);
			
		}
	}
}

function setOpacity(id, opacity) {
	
	if(isIE()) {
		
		$id(id).style.filter = 'alpha(opacity='+opacity*100+')';
		
	} else {
		
		if(opacity == 1) opacity = null;
		$id(id).style.opacity = opacity;
		
	}
	
	if(opacity == 0) hide(id);
	else {
		if($id(id).style.display == 'none') show(id);
	}
	
}

function helpBox() {
	
	if($id('helpBox').style.display == 'none') {
	
		fadeIn('helpBox');
		
	}else{
	
		fadeOut('helpBox');
		
	}	
	
}

function fadeShow(id) {
	
	if($id(id).style.display == 'none') {
	
		fadeIn(id);
		
	}else{
	
		fadeOut(id);
		
	}	
	
}