document.onclick = Document_Clicked


var visible_events = false;
var ignore_click = false;


function Document_Clicked(e) {
	if (visible_events && !ignore_click)
	{
		var counter = 0;
		var close = true;
		var target = e.target;
		
		while (close && counter < 5 && target.id != null)
		{
			if (target.id == 'events_drop')
			{
				close = false;
			}
			
			target = target.parentNode;
			counter++;
		}
		
		if (close)
		{
			document.getElementById('events_drop').style.display = 'none';
			visible_events = false;
		}
	}
	
	ignore_click = false;
}

function Event_Roll_Off(obj) {	
	obj.style.backgroundColor = '#242424';
}

function Event_Roll_On(obj) {
	obj.style.backgroundColor = '#333131';	
}

function Icon_Roll_Off(id) {
	if (id == 'calendar' && visible_events)
	{
		return;	// If the events are visible, the icon's already been turned off, no need to do it again, exit.
	}		
	
	document.getElementById('icon_' + id).className = 'icon_' + id + ' icon_' + id + '_roll_off';	
	document.getElementById('icon_' + id + '_desc').style.display = 'none';
}

function Icon_Roll_On(id) {
	if (visible_events)
	{
		return;	// If the events are visible, don't roll the icon on, exit.
	}	
	
	document.getElementById('icon_' + id).className = 'icon_' + id + ' icon_' + id + '_roll_on';	
	document.getElementById('icon_' + id + '_desc').style.display = 'block';		
}

function Icon_Click(id) {
	if (id == 'calendar')
	{
		var events = document.getElementById('events_drop');
		
		if (visible_events)
		{
			events.style.display = 'none';
			visible_events = false;
		}
		else
		{
			events.style.display = 'block';
			document.getElementById('icon_' + id).className = 'icon_' + id + ' icon_' + id + '_roll_off';	
			document.getElementById('icon_' + id + '_desc').style.display = 'none';
			visible_events = true;
			ignore_click = true;
		}
	}
}

function Menu_Click(id) {
	var obj = document.getElementById('menu_' + id + '_expanded');
	
	if (obj.style.display == 'block')
	{
		obj.style.display = 'none';
	}
	else
	{
		obj.style.display = 'block';
	}
	
	return false;
}

function Menu_Roll_Off(id) {
	var container = document.getElementById('menu_' + id).className;
	container = container.substring(0, container.indexOf(' '));
	
	document.getElementById('menu_' + id).className = container + ' menu_' + id + '_roll_off';	
}

function Menu_Roll_On(id) {
	var container = document.getElementById('menu_' + id).className;
	var container_expand = document.getElementById('menu_' + id + '_expanded');
	var expanded_css = '';
	container = container.substring(0, container.indexOf(' '));
	
	if (container_expand != undefined)
	{
		if (container_expand.style.display === 'block')
		{
			expanded_css = '_expanded';
		}
	}
	
	document.getElementById('menu_' + id).className = container + ' menu_' + id + '_roll_on' + expanded_css;
}