var popup = null;

function displayDayEvents( month, day, e )
{
	// hide existing popup
	if ( popup != null )
	{
		hideDayEvents();
	}

	if ( monthEvents[ month ][ day ] )
	{
		popup = document.createElement( 'div' );
		popup.id = 'calendarDayEventPopup';
		
		popup.style.position = 'absolute';
		popup.style.padding = '5px';
		//popup.style.width = '150px';
		//popup.style.height = '100px';
		
		var scrollAmount = getScrollXY();

		popup.style.top = ( e.clientY  + scrollAmount[ 1 ] ) + 'px';
		popup.style.left = ( e.clientX + scrollAmount[ 0 ] + 5 )+ 'px';
		
		popup.style.border = '1px solid white';
		popup.style.backgroundColor = '#FEEFAC';
		popup.style.color = '#000';

		document.getElementsByTagName('body')[0].appendChild( popup );
		
		var closediv = document.createElement( 'div' );
		closediv.style.textAlign = 'right';

		var closeLink = document.createElement( 'a' );
		closeLink.onclick = function()
		{
			hideDayEvents();
			return false;
		};
		
		closeLink.href = '';
		closeLink.title = lang['close'];
		closeLink.style.color = '#000';
		
		closeLink.appendChild( document.createTextNode( 'x' ) );
		closediv.appendChild( closeLink );
		popup.appendChild( closediv );
		//popup.appendChild( document.createElement( 'br' ) );

		for( var i = 0 ; i < monthEvents[ month ][ day ].length ; i++ )
		{
			var eventInfo = monthEvents[ month ][ day ][ i ];
			var eventid =  eventInfo[ 5 ];
			var name = document.createElement( 'span' );
			name.className = 'calendarEventTitle';
			
			//name.appendChild( document.createTextNode( 'Nom: ' ) ) ;
			//popup.appendChild( name );
			
			var b = document.createElement( 'b' );
			b.appendChild( document.createTextNode( eventInfo[ 0 ] ) );
			popup.appendChild( b );
			
			popup.appendChild( document.createElement( 'br' ) );
			
			if ( eventInfo[ 2 ].length > 0 )
			{
				var start = document.createElement( 'span' );
				start.className = 'calendarEventTitle';
				start.appendChild( document.createTextNode( lang['start'] ) );
				popup.appendChild( start );

				popup.appendChild( document.createTextNode( eventInfo[ 2 ] ) );
				popup.appendChild( document.createElement( 'br' ) );
			}

			if ( eventInfo[ 3 ].length > 0 )
			{
				var end = document.createElement( 'span' );
				end.className = 'calendarEventTitle';
				end.appendChild( document.createTextNode( lang['end'] ) );
				popup.appendChild( end );
			
				popup.appendChild( document.createTextNode( eventInfo[ 3 ] ) );
				popup.appendChild( document.createElement( 'br' ) );
			}	
			
			if ( eventInfo[ 4 ] != '' )
			{
				var location = document.createElement( 'span' );
				location.appendChild( document.createTextNode( lang['location'] ) );
				location.className = 'calendarEventTitle';
				popup.appendChild( location );

				popup.appendChild( document.createTextNode( eventInfo[ 4 ] ) );
				popup.appendChild( document.createElement( 'br' ) );
			}

			if ( eventInfo[ 1 ].length > 0 )
			{
				var description = document.createElement( 'p' );
				description.className = 'calendarEventDescription';
				description.innerHTML = eventInfo[ 1 ]
				popup.appendChild( description );
			}
			
			var currentEventAttachments = eventAttachments[ eventid ];

			if ( eventAttachments[ eventid ] )
			{
				var currentEventAttachments = eventAttachments[ eventid ];
				var attachments = document.createElement( 'p' );
				attachments.appendChild( document.createTextNode( lang['documents'] ) );
				attachments.appendChild( document.createElement( 'br' ) );
				
				var list = document.createElement( 'ul' );
				list.style.margin = '0px';
				list.style.padding = '0px';
				list.style.margin = '2px 5px';
				list.style.listStyle = 'none';
				list.className = 'calendarAttachmentList';

				for ( var j = 0; j < currentEventAttachments.length; j++ )
				{
					var attachment = currentEventAttachments[ j ];
					var listItem = document.createElement( 'li' );
					var link = document.createElement( 'a' );

					link.href = attachmentPath + "/" + eventid + "/" + attachment[ 1 ];
					link.target = '_blank';
					link.appendChild( document.createTextNode( attachment[ 0 ] ) );
					listItem.appendChild( link );					
					list.appendChild( listItem );
				}

				attachments.appendChild( list );
				popup.appendChild( attachments );
			}

			if ( monthEvents[ month ][ day ].length != i + 1 )
			{
				popup.appendChild( document.createElement( 'br' ) );
			}

		}
	}
}

function hideDayEvents()
{
	popup.parentNode.removeChild( popup );
	popup = null;
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}