var eventCount = 4;

var isIE = document.all ? true : false;
if(!isIE)
	document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = updateMousePosition;

var ev_x = new Array(68, 134, 234, 418);
var ev_y = new Array(441, 388, 292, 135);
var ev_r = new Array(26, 42, 80, 136);
var ev_t = new Array(44, 25, -15, -70);

function toggleVideo(name, state)
{
	d = document.getElementById(name);
	d.style.display = state ? 'block' : 'none';
}

function getX(oElement)
{
	var iReturnValue = 0;
	while(oElement != null)
	{
		iReturnValue += oElement.offsetLeft;
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function getY(oElement)
{
	var iReturnValue = 0;
	while(oElement != null)
	{
		iReturnValue += oElement.offsetTop;
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function updateMousePosition(e)
{
	var _x;
	var _y;
	
	if(isIE)
	{
		var body = document.documentElement ? document.documentElement : document.body;
	
		_x = event.clientX + body.scrollLeft;
		_y = event.clientY + body.scrollTop;
	}
	else
	{
		_x = e.pageX;
		_y = e.pageY;
	}
	
	var boxes = document.getElementById('boxes');
	relx = _x - getX(boxes);
	rely = _y - getY(boxes);
	
	var cursor = 'default';
	document.selectedBlock = -1;
	
	var pointer = document.getElementById('pointer');
	pointer.style.display = 'none';
	
	for(var i = 0; i < eventCount; i++)
	{
		var xDelta = ev_x[i] - relx;
		var yDelta = ev_y[i] - rely;
		var rad = ev_r[i];
		
		r = Math.sqrt(xDelta*xDelta+yDelta*yDelta);
		var inside = (r <= rad);
		if(inside)
		{
			cursor = 'pointer';
			document.selectedBlock = i;
			
			pointer.style.display = 'block';
			pointer.style.left = (ev_x[i] - 10) + 'px';
			pointer.style.top = (ev_y[i] + ev_t[i]) + 'px';
		}
		
		var date = document.getElementById('date'+(i+1));
		if(date)
		{
			var x = getX(date);
			var y = getY(date);
			if(_x >= x && _y >= y && _x <= x+64 && _y <= y+14)
			{
				cursor = 'pointer';
				document.selectedBlock = i;
				
				pointer.style.display = 'block';
				pointer.style.left = (ev_x[i] - 10) + 'px';
				pointer.style.top = (ev_y[i] + ev_t[i]) + 'px';
			}
		}
	}
	
	document.body.style.cursor = cursor;
	
	return true;
}

function selectBlock(i)
{
	document.selectedBlock = i;
	
	var pointer = document.getElementById('pointer');
	pointer.style.display = i == -1 ? 'none' : 'block';
	
	if(i >= 0)
	{
		pointer.style.left = (ev_x[i] - 10) + 'px';
		pointer.style.top = (ev_y[i] + ev_t[i]) + 'px';
	}
	
	document.body.style.cursor = i == -1 ? 'default' : 'pointer';
}

function clickOnBlock()
{
	var sel = document.selectedBlock;
	var aboutevent = document.getElementById('aboutevent');
	var eventcontent = document.getElementById('eventcontent');

	var redDot = '<img src="i/red.gif" width="12" height="12" align="left" class="dot" />';

	if(sel == -1)
	{
		eventcontent.innerHTML = redDot + document.getElementById('event0').innerHTML;
		document.getElementById('more').style.display = 'none';
	}
	
	for(var i = 0; i < eventCount; i++)
	{
		var topper = document.getElementById('select' + (i+1));
		if(i == sel)
		{
			topper.style.display = 'block';
		
			eventcontent.innerHTML = redDot + document.getElementById('event' + (i+1)).innerHTML;
			document.getElementById('more').style.display = 'block';
			document.getElementById('morelink').attributes['href'].value = 'event' + (i+1) + '.html';
		}
		else
			topper.style.display = 'none';
	}
}