//-----------------------------------------------------------------------------------------------------------------------------------------------
// Parameter
//-----------------------------------------------------------------------------------------------------------------------------------------------
// マウスからの距離
var offsetPanelX = 10;
var offsetPanelY = 10;
// パネルの大きさ
var sizePanelX = 200;
var sizePanelY = 60;
// ウィンドウ枠からの距離
var marginBodyX = 50;
var marginBodyY = 20;

var sizeDisplay = 0;
setSizeDisplay();
window.onresize = setSizeDisplay;

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

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

//-----------------------------------------------------------------------------------------------------------------------------------------------
// Initialize
//-----------------------------------------------------------------------------------------------------------------------------------------------
document.getElementById( 'PanelCanvas' ).style.overflow = 'hidden';


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

	var mouseX = cheltenhamEvent_getMousePosition( objectEvent ).x;
	var mouseY = cheltenhamEvent_getMousePosition( objectEvent ).y;
	var positionX = mouseX + offsetPanelX;
	var positionY = mouseY + offsetPanelY;

	positionX = Math.min( positionX, sizeDisplay.width - offsetPanelX - sizePanelX - marginBodyX );
//	positionY = Math.min( positionY, sizeDisplay.height - offsetPanelY - sizePanelY - marginBodyY );

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