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 black';
		
		popup.style.backgroundColor = '#FF9';

		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 = 'red';
		
		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 ];
}