(function(){

var setup = function(){
	//start display setup
	var _root = Stage.init({element : document.getElementById('main') ,fps : 1});
	
	document.getElementById('container').style.display = 'block';
	
	var loading = document.getElementById('loading');
	loading.parentNode.removeChild(loading);
	
	UITool.makeMenu(document.getElementById('menucontainer'), Stage.width , [{
		label: 'ホーム',
		action:function(){
			location.href='../'
		}
	}]);
	
	UITool.createModalPanelFromDOMElement({
		target : document.getElementById('container'),
		element : document.getElementById('help'),
		width : 320,
		height : 372,
		margin : 40,
		button : [{label: 'ok', func: function(){start();}}],
		remove : true
	});
	
	//end display setup
	
	var startTime;
	var lock = false;
	var q_count = 0;
	
	var hiragana = [
		['あ','い','う','え','お'],
		['か','き','く','け','こ'],
		['さ','し','す','せ','そ'],
		['た','ち','つ','て','と'],
		['な','に','ぬ','ね','の'],
		['は','ひ','ふ','へ','ほ'],
		['ま','み','む','め','も'],
		['や','','ゆ','','よ'],
		['ら','り','る','れ','ろ'],
		['わ','を','ん','ー',''],
		['。','、','？','！','']
	]
	
	var scr_txt = _root.createTextField('energy',_root.getNextHighestDepth(),170,4,148,24);
	scr_txt._element.style.fontSize = 11;
	scr_txt._element.style.color = 'white';
	
	var a_dan = _root.createTextField('adan',_root.getNextHighestDepth(),130,215,62,56);
	a_dan._element.style.fontSize = '24px';
	a_dan._element.style.color = 'white';
	a_dan._element.style.fontWeight = 'normal';
	a_dan._element.style.textAlign = 'center';
	a_dan.text = '';
	
	var q_text = _root.createTextField('q_text',_root.getNextHighestDepth(),124,44,72,72);
	q_text._element.style.fontSize = '64px';
	q_text._element.style.textAlign = 'center';
	q_text._element.style.fontWeight = 'normal';
	
	var b0 = _root.createEmptyMovieClip('btn0',_root.getNextHighestDepth());
	b0._x = 61;
	b0._y = 202;
	b0._width = 67;
	b0._height = 53;
	b0.onRelease = release_handler;
	
	var b1 = _root.createEmptyMovieClip('btn1',_root.getNextHighestDepth());
	b1._x = 129;
	b1._y = 144;
	b1._width = 63;
	b1._height = 57;
	b1.onRelease = release_handler;
	
	var b2 = _root.createEmptyMovieClip('btn2',_root.getNextHighestDepth());
	b2._x = 193;
	b2._y = 202;
	b2._width = 67;
	b2._height = 53;
	b2.onRelease = release_handler;
	
	var b3 = _root.createEmptyMovieClip('btn3',_root.getNextHighestDepth());
	b3._x = 129;
	b3._y = 256;
	b3._width = 63;
	b3._height = 58;
	b3.onRelease = release_handler;
	
	for(var i = 0;i<4;i++){
		_root['btn' + i].id = i;
	}
	
	var blinker = _root.createEmptyMovieClip('blk', _root.getNextHighestDepth());
	blinker._width = 1;
	blinker._height = 1;
	blinker.blink = function(tgt, count){
		if(this.target) this.target._visible = true;
		this.target = tgt;
		var c = count || 10;
		this.onEnterFrame = function(){
			tgt._visible = c%2;
			if(c--==0){
				tgt._visible = true;
				delete this.onEnterFrame;
			}
		}
	}
	
	function makeQ(){
		var a;
		var q;
		correct = '';
		do{
			var gyou = Math.round(Math.random() * 10);
			var dan = Math.round(Math.random() * 3) + 1;
			a = hiragana[gyou][0];
			q = hiragana[gyou][dan];
			correct = dan-1;
		}while(q=='' || q == q_text.text);
		a_dan.text = a;
		q_text.text = q;
	}
	
	function release_handler(){
		if(!lock){
			check(this)
		}
	}
	
	function check(b){
		if(correct==b.id){
			next();
		}else{
			otetsuki++;
		}
	}
	
	function next(){
		q_count++;
		if(q_count==10){
			gameover();
		}else{
			makeQ();
		}
	}
	
	function reset(){
		startTime = (new Date).getTime();
		q_count = 0;
		otetsuki = 0;
		makeQ();
	}
	
	function start(){
		reset();
	}
	
	function gameover(){
		var time = Math.floor(((new Date).getTime() - startTime)/10)/100;
		mrg = 110;
		text = '<center><h2>10問終了!!</h2><br />所要時間 ' + time + ' 秒<br / ><br / >お手つき ' + otetsuki + ' 回</center><br />';
		btn_array = [{label: '再挑戦', func: function(){start();}}]
		UITool.createModalPanel(document.getElementById('container'), 320,372,{
			margin: mrg,
			text: text,
			button: btn_array
		});
	}
}

window.addEventListener(
	'load',
	function(){
		var cnt = 10;
		var loading = document.getElementById('loading');
		loading.style.opacity = 1;
		var id = setInterval(function(){
			loading.style.opacity -= 0.1;
			if(cnt--==0){
				clearInterval(id);
				setup();
				window.scrollTo(0,1);
			}
		},50)},
	false);

})();