// 読み込む画像ファイル
var urlTarget = "image.php";


function setRequestImageSource()
{
	var imageDefault = "../../library/image/Marker/Icon.gif";
	var valueData = document.getElementById( 'Data' ).value;
	var valueSize = document.getElementById( 'Size' ).value;
	var valueMargin = document.getElementById( 'Margin' ).value;
	var objectData = document.getElementById( 'QR' );
	var queryString = 'Data=' + encodeURIComponent( valueData ) + '&Size=' + encodeURIComponent( valueSize ) + '&Margin=' + encodeURIComponent( valueMargin );

	if( valueData.length > 0 )
	{
		objectData.src = urlTarget + '?' + queryString;
	}
	else
	{
		objectData.src = imageDefault;
	}
}


// EventListener
function setListeners( e )
{
	var objectFormData = document.getElementById( 'Data' );
	var objectFormSize = document.getElementById( 'Size' );
	var objectFormMargin = document.getElementById( 'Margin' );
	cheltenhamEvent_addListener( objectFormData, 'keyup', setRequestImageSource, false );
	cheltenhamEvent_addListener( objectFormSize, 'change', setRequestImageSource, false );
	cheltenhamEvent_addListener( objectFormMargin, 'change', setRequestImageSource, false );
}

// タイトル文字
cheltenhamText_displayTextGradually( "LabelGreeting", 'QRコードを生成できます。お好みのテキストを入力してください。', 500, 20 );
// リスナー設定
cheltenhamEvent_addListener( window, 'load', setListeners, false );