try 
{
	document.addEventListener ( 'click', handleClick, false );
} catch ( e ) 
{
	if ( document.attachEvent ) 
	{
		document.attachEvent ( 'onclick', handleClick );
	} 
	else 
	{
		document.onclick = handleClick;
	}
}

// Handle mouse clicks
function handleClick ( e ) 
{
	var event = e || window.event;
	
	if ( event.ctrlKey || event.shiftKey || event.altKey ) 
	{
		return true;
	}
	
	if ( event.which && event.which != 1) 
	{
		return true;
	}

	var target = event.target || event.srcElement;
	
	while ( target && !/^a$/i.test ( target.nodeName ) ) 
	{
		target = target.parentNode;
	}

	if ( !target || !target.getAttribute ( 'rel' ) ) 
	{
		return true;
	}

	var rel = target.getAttribute ( 'rel' );
	var href = target.getAttribute ( 'href' );
	
	switch ( rel ) 
	{
		default:
				return true;
			break;
	
		case 'external':
				window.open ( href );
			break;
	}

    try { event.preventDefault (); } catch ( e ) {}
    return false;
}


$(function(){
	
	$( '.holder span' ) .hide ();
	
	$( '.holder ul li a' ) 
		.bind ( 'mouseenter', function ()
		{
			$( this ) .prev() .fadeIn ( 'fast' );
			$( '.description' ) .css ( 'top', $( this ) .position () .top ) .show ();
			$( '.description span[rel='+ $( this ) .attr ( 'href' ) +']' ) .show ();
		})
		.bind ( 'mouseleave', function ()
		{
			$( this ) .prev() .fadeOut ( 'fast' );
			$( '.description' ) .hide ();
			$( '.description span' ) .hide (); 
		}); 
	
});