function popup(event)
{
	if (typeof console != 'undefined') console.log('popup: ' + event.target);
	
	var item = event.target;
	var jqItem = $(item);
	var content = $('.popup', jqItem); 
	var square = $('#square');
	square
		.empty().append(content.clone().css('display', 'block'))
		.css('left', jqItem.offset().left + 100)
		.css('top', jqItem.offset().top - 8)
		.bind('mouseover', enterSquare)
		.fadeIn();
}

function popdown(event)
{
	$('#square').fadeOut();
}

function moveCursor(event)
{
	$('#cursor')
		.css('left', event.clientX+2)
		.css('top', event.clientY-18);
}

function enterSquare(event)
{
	var item = event.target;
	var jq = $(item);

	$(".menuitem").unbind('mouseover', popup);
	jq.bind('mouseout', exitSquare);
}

function exitSquare(event)
{
	var related = event.relatedTarget;
	if (!related) related = event.toElement;
	if ($(related).is('#square') || $(related).parents('#square').size() >0)
	{
		return;
	}
	
//	if (typeof console != 'undefined') console.log("Processing");

	var item = event.target;
	var jq = $(item);

	if(!jq.is('#square')) jq = jq.parents('#square');

	jq
		.fadeOut()
		.unbind('mouseout', exitSquare);
	$(".menuitem").bind('mouseover', popup);
}


$(function(){
	$(".menuitem").bind('mouseover', popup);
	$("body").bind('mousemove', moveCursor); 
});