//-----------------------------------------------------------------------------------------------------------------------------------------------
// Parameter
//-----------------------------------------------------------------------------------------------------------------------------------------------
var offsetPanelX = 10;
var offsetPanelY = 10;
var sizePanelX = 200;
var sizePanelY = 120;
var marginBodyX = 30;
var sizeDisplay = 0;
setSizeDisplay();
window.onresize = setSizeDisplay;

//-----------------------------------------------------------------------------------------------------------------------------------------------
// Listeners
//-----------------------------------------------------------------------------------------------------------------------------------------------
// Event Listener
var objectPanelContent = document.getElementById( 'PanelContent' );
cheltenhamEvent_addListener( objectPanelContent, 'mousemove', movePanelInformation, false );

//-----------------------------------------------------------------------------------------------------------------------------------------------
// Initialize
//-----------------------------------------------------------------------------------------------------------------------------------------------
cheltenhamText_displayTextGradually( "LabelGreeting", cheltenhamText_getHtml( 'LabelContentComment' ), 500, 25 );
setTimeout( displayTaskBar, 2000 );
document.getElementById( 'PanelContent' ).style.overflow = 'hidden';

//-----------------------------------------------------------------------------------------------------------------------------------------------
// Fuctions
//-----------------------------------------------------------------------------------------------------------------------------------------------
// Size of Display
function setSizeDisplay()
{
	sizeDisplay = cheltenhamWindow_getSizeDisplay();
}

// Task Bar
function displayTaskBar()
{
	var percentIncrement = 0.5;
	var timeInterval = 20;
	var objectBar = document.getElementById( 'Bar' );
	var objectImage = document.getElementById( 'BarImage' );
	var objectStatus = document.getElementById( 'LabelStatus' );
	var widthMax = 710;
	var widthNow = 0;
	var i = 0;
	var functionRefference = function()
	{
		widthNow = Math.floor( widthMax * i / 100 );
		if( widthNow > widthMax )
		{
			return( false );
		}
		objectStatus.innerHTML = Math.floor( i ) + '%';
		objectImage.style.width = widthNow + 'px';
		i += percentIncrement;
	}
	setInterval( functionRefference, timeInterval );
}


// Panel Information
function showPanelInformation( text )
{
	var objectPanel = document.getElementById( 'PanelComment' );
	var objectText = document.getElementById( 'LabelComment' );
	objectPanel.style.display = 'block';
	objectText.innerHTML = text;
}
function hidePanelInformation()
{
	var objectPanel = document.getElementById( 'PanelComment' );
	objectPanel.style.display = 'none';
}
function movePanelInformation( objectEvent )
{
	var objectPanel = document.getElementById( 'PanelComment' );

	var mouseX = objectEvent.clientX;
	var mouseY = objectEvent.clientY;
	var positionX = mouseX + offsetPanelX;
	var positionY = mouseY + offsetPanelY;

	positionX = Math.min( positionX, sizeDisplay.width - offsetPanelX - sizePanelX - marginBodyX );

	objectPanel.style.left = positionX + 'px';
	objectPanel.style.top = positionY + 'px';
}