var imageIcon = "./image/Icon.gif";
	var numberIcon = 6;
	var objectIcon = new Array( numberIcon );
	var radiusDistance = 100;
	var radiusDistanceMax = 250;
	var radiusDistanceMin = 50;
	var degreeBase = 0;
	var degreeIncrement = -3;
	var degreeIncrementMax = 10;
	var mouseX = 400;
	var mouseY = 300;
	var timeRefresh = 20;
/*
	for( i = 0 ; i < numberIcon ; i++ )
	{
		var objectIcon[ i ] = document.createElement( 'img' );
		objectIcon[ i ].id = "icon" + i;
		objectIcon[ i ].src = imageIcon;
		document.getElementById( 'content' ).appendChild( objectIcon[ i ] );
	}
*/
	setInterval( displayIcons, timeRefresh );

// アイコンを表示する関数
function displayIcons()
{
	degreeBase += degreeIncrement;
	degreeBase = degreeBase % 360;
	for( i = 0 ; i < objectIcon.length ; i++ )
	{
		var objectIconNow = document.getElementById( 'icon' + i );
		var degreeNow = degreeBase + 360 * ( i / objectIcon.length );
		var radianNow = getRadianFromDegree( degreeNow );
		var widthImage = Math.floor( objectIconNow.childNodes[ 0 ].width / 2 );
		var heightImage = Math.floor( objectIconNow.childNodes[ 0 ].height / 2 );
		objectIconNow.style.left = eval( mouseX + radiusDistance * Math.cos( radianNow ) - widthImage ) + 'px';
		objectIconNow.style.top= eval( mouseY + radiusDistance * Math.sin( radianNow ) - heightImage ) + 'px';
	}
}
// 半径を変更する関数
function changeRadius( distance )
{
	radiusDistance += distance;
	if( radiusDistance > radiusDistanceMax )
	{
		radiusDistance = radiusDistanceMax;
	}
	else if( radiusDistance < radiusDistanceMin )
	{
		radiusDistance = radiusDistanceMin;
	}
}
function changeDegreeIncrement( degree )
{
	degreeIncrement += degree;
	if( degreeIncrement > degreeIncrementMax )
	{
		degreeIncrement = degreeIncrementMax;
	}
	if( degreeIncrement < - degreeIncrementMax )
	{
		degreeIncrement = - degreeIncrementMax;
	}
}

function getRadianFromDegree( degree )
{
	return( degree * Math.PI / 180 );
}

function displayProperty( objectEvent )
{
	document.getElementById( 'keycode' ).childNodes[ 0 ].nodeValue = String.fromCharCode( objectEvent.keyCode );
	document.getElementById( 'type' ).childNodes[ 0 ].nodeValue = objectEvent.type;
	document.getElementById( 'screenx' ).childNodes[ 0 ].nodeValue = objectEvent.screenX;
	document.getElementById( 'screeny' ).childNodes[ 0 ].nodeValue = objectEvent.screenY;
	document.getElementById( 'clientx' ).childNodes[ 0 ].nodeValue = objectEvent.clientX;
	document.getElementById( 'clienty' ).childNodes[ 0 ].nodeValue = objectEvent.clientY;
	document.getElementById( 'altkey' ).childNodes[ 0 ].nodeValue = objectEvent.altKey;
	document.getElementById( 'ctrlkey' ).childNodes[ 0 ].nodeValue = objectEvent.ctrlKey;
	document.getElementById( 'shiftkey' ).childNodes[ 0 ].nodeValue = objectEvent.shiftKey;
	document.getElementById( 'metakey' ).childNodes[ 0 ].nodeValue = objectEvent.metaKey;
	document.getElementById( 'button' ).childNodes[ 0 ].nodeValue = objectEvent.button;
	document.getElementById( 'detail' ).childNodes[ 0 ].nodeValue = objectEvent.detail;

	var wheelDeltaValue;
	if( window.event && window.event.wheelDelta )
	{
		wheelDeltaValue = window.event.wheelDelta;
	}
	else if( objectEvent.wheelDelta )
	{
		wheelDeltaValue = objectEvent.wheelDelta;
	}
	else if( objectEvent.type == "DOMMouseScroll" )
	{
		wheelDeltaValue = objectEvent.detail;
	}
	document.getElementById( 'wheeldelta' ).childNodes[ 0 ].nodeValue = wheelDeltaValue;

	// マウスの座標を上書き
	mouseX = objectEvent.clientX;
	mouseY = objectEvent.clientY;

	// ボタンによる操作
	if( objectEvent.altKey || ( wheelDeltaValue != null && wheelDeltaValue > 0 ) )
	{
		changeRadius( 5 );
	}
	else if( objectEvent.metaKey || ( wheelDeltaValue != null && wheelDeltaValue < 0 ) )
	{
		changeRadius( -5 );
	}
	else if( objectEvent.ctrlKey )
	{
		changeDegreeIncrement( 1 );
	}
	else if( objectEvent.shiftKey )
	{
		changeDegreeIncrement( -1 );
	}
}

// EventListener
function setListeners( objectEvent )
{
	var pad = document.getElementById( 'pad' );
	cheltenhamEvent_addListener( pad, 'keydown', displayProperty, false );
//	cheltenhamEvent_addListener( pad, 'keyup', displayProperty, false );
	cheltenhamEvent_addListener( pad, 'click', displayProperty, false );
	cheltenhamEvent_addListener( pad, 'mouseover', displayProperty, false );
	cheltenhamEvent_addListener( pad, 'mouseout', displayProperty, false );
	cheltenhamEvent_addListener( pad, 'mousemove', displayProperty, false );
	cheltenhamEvent_addMouseWheelListener( pad, displayProperty, false );
}

document.getElementById( 'PanelCanvas' ).style.overflow = 'hidden';
cheltenhamText_displayTextGradually( "LabelGreeting", 'マウスを動かしてみてください。\noptionキー, altキー, マウスのホイールで距離、ctrlキー, shiftキーでスピードが変化します。', 500, 20 );
cheltenhamEvent_addListener( window, 'load', setListeners, false );