Event.observe( window, 'load', eventHandler );
	Event.observe( window, 'load', preview );


var optionFlg = false;

function eventHandler()
{
	if( document.getElementById('MemorialDayDesign') ) {	
		Event.observe( 'options'                     , 'click', viewOptions );
		Event.observe( 'MemorialDayDatabaseMemorialday'        , 'keyup', preview );
		Event.observe( 'MemorialDayWidth'           , 'keyup', preview );
		Event.observe( 'MemorialDayDesign'          , 'change', preview );
		
		Event.observe( 'MemorialDayNotice'          , 'change', preview );
		
		Event.observe( 'MemorialDayFontColor'       , 'change', preview );
		Event.observe( 'MemorialDayNoticeColor'     , 'change', preview );
	
		Event.observe( 'MemorialDayFontSize'        , 'keyup', preview );
		Event.observe( 'MemorialDayNoticeSize'      , 'keyup', preview );
	
		Event.observe( 'MemorialDayMemorialDayDisplay' , 'change', preview );
		Event.observe( 'MemorialDayMemorialDayFormat'  , 'keyup', preview );
		
		Event.observe( 'MemorialDayAgeDisplay'      , 'change', preview );
		Event.observe( 'MemorialDayAgeFormat'       , 'keyup', preview );
		
		Event.observe( 'MemorialDayUntilDisplay'    , 'change', preview );
		Event.observe( 'MemorialDayUntilFormat'     , 'keyup', preview );
		
		Event.observe( 'MemorialDayOtherDisplay'    , 'change', preview );
		Event.observe( 'MemorialDayOtherFormat'     , 'keyup', preview );
		Event.observe( 'MemorialDayOtherNum'        , 'change', preview );
	}
	
	if( document.getElementById('MemorialDayBorderWidth') ) {	
		Event.observe( 'MemorialDayBorderWidth'     , 'keyup', preview );
		Event.observe( 'MemorialDayBorderColor'     , 'change', preview );
		Event.observe( 'MemorialDayBackgroundColor' , 'change', preview );
	}
	
	if( document.getElementById('result') ) {	
		Event.observe( 'result'     , 'click', selectValue );
	}
}

function viewOptions()
{
	if( !optionFlg )
	{
		$( 'options' ).innerHTML = "オプション設定を非表示▲";
		$( 'makeForm2' ).style.display = "block";
		optionFlg = true;
	}
	else
	{
		$( 'options' ).innerHTML = "オプション設定を表示(表示文字等変更できます)▼";
		$( 'makeForm2' ).style.display = "none";	
		optionFlg = false;
	}
}

function preview()
{
	if( document.getElementById('myForm') ) 
	{	
		if( parseInt( $( 'MemorialDayWidth' ).value ) >= 100 )
		{
			new Ajax.Request
		    (
		        '/memorial_days/app/',
			    {                                                                                 
			      method     : 'post',
			      parameters : Form.serialize( 'MemorialDayExecForm' ),
			      onComplete : function( httpObject ){
			                       $( 'preview' ).innerHTML = httpObject.responseText;
			                   },
			      onFailure  : function(){
			                       $( 'preview' ).innerHTML = '通信エラーが発生しました';
			                   },
			      onException : function(){
			                       $( 'preview' ).innerHTML = 'エラーが発生しました';
			                   }
			    }
		    );
		}
	}
}

function selectValue()
{
	$('result').select();
}

window.onload = function(){
	if( document.getElementById('MemorialDayNoticeColor') ){
		new Control.ColorPicker("MemorialDayNoticeColor"     , {  IMAGE_BASE : "http://toolbox.yusamok.com/img/colorPicker/", onClose : preview });
		new Control.ColorPicker("MemorialDayFontColor"       , {  IMAGE_BASE : "http://toolbox.yusamok.com/img/colorPicker/", onClose : preview });
	}
	if( document.getElementById('MemorialDayBorderColor') ){
		new Control.ColorPicker("MemorialDayBorderColor"     , {  IMAGE_BASE : "http://toolbox.yusamok.com/img/colorPicker/", onClose : preview });
		new Control.ColorPicker("MemorialDayBackgroundColor" , {  IMAGE_BASE : "http://toolbox.yusamok.com/img/colorPicker/", onClose : preview });
	}
}