V3RealKana = function () {

	var _answerE, _cookie, _inputE, _kanas, _page, _prior_guess, _question, _questionE, _question_idx = -1, _rightE, _shownE, _speed, _typeface_idx = -1, _typefaces, _xE,


		_ALTS = { し:'_si_',ち:'_ti_',つ:'_tu_',ふ:'_hu_',を:'_wo_',じ:'_zi_',ぢ:'_di_',づ:'_du_',シ:'_si_',チ:'_ti_',ツ:'_tu_',フ:'_hu_',ヲ:'_wo_',ジ:'_zi_',ヂ:'_di_',ヅ:'_du_',しゃ:'_sya_',しゅ:'_syu_',しょ:'_syo_',ちゃ:'_tya_',ちゅ:'_tyu_',ちょ:'_tyo_',じゃ:'_zya_jya_',じゅ:'_zyu_jyu_',じょ:'_zyo_jyo_',ぢゃ:'_zya_dya_',ぢゅ:'_zyu_dyu_',ぢょ:'_zyo_dyo_',シャ:'_sya_',シュ:'_syu_',ショ:'_syo_',チャ:'_tya_',チュ:'_tyu_',チョ:'_tyo_',ジャ:'_zya_jya_',ジュ:'_zyu_jyu_',ジョ:'_zyo_jyo_',ヂャ:'_zya_dya_',ヂュ:'_zyu_dyu_',ヂョ:'_zyo_dyo_' },

    _BACKGROUNDS = { 1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,10:'a',11:'b',12:'c',13:'d',14:'e',15:'f',16:'g',17:'h',18:'i' },

		_CHARS = { あ:[0,0],い:[1,0],う:[2,0],え:[3,0],お:[4,0],か:[5,0],が:[6,0],き:[7,0],ぎ:[8,0],く:[9,0],ぐ:[0,1],け:[1,1],げ:[2,1],こ:[3,1],ご:[4,1],さ:[5,1],ざ:[6,1],し:[7,1],じ:[8,1],す:[9,1],ず:[0,2],せ:[1,2],ぜ:[2,2],そ:[3,2],ぞ:[4,2],た:[5,2],だ:[6,2],ち:[7,2],ぢ:[8,2],つ:[9,2],づ:[0,3],て:[1,3],で:[2,3],と:[3,3],ど:[4,3],な:[5,3],に:[6,3],ぬ:[7,3],ね:[8,3],の:[9,3],は:[0,4],ば:[1,4],ぱ:[2,4],ひ:[3,4],び:[4,4],ぴ:[5,4],ふ:[6,4],ぶ:[7,4],ぷ:[8,4],へ:[9,4],べ:[0,5],ぺ:[1,5],ほ:[2,5],ぼ:[3,5],ぽ:[4,5],ま:[5,5],み:[6,5],む:[7,5],め:[8,5],も:[9,5],ゃ:[0,6],や:[1,6],ゅ:[2,6],ゆ:[3,6],ょ:[4,6],よ:[5,6],ら:[6,6],り:[7,6],る:[8,6],れ:[9,6],ろ:[0,7],わ:[1,7],を:[2,7],ん:[3,7],ァ:[4,7],ア:[5,7],ィ:[6,7],イ:[7,7],ゥ:[8,7],ウ:[9,7],ェ:[0,8],エ:[1,8],ォ:[2,8],オ:[3,8],カ:[4,8],ガ:[5,8],キ:[6,8],ギ:[7,8],ク:[8,8],グ:[9,8],ケ:[0,9],ゲ:[1,9],コ:[2,9],ゴ:[3,9],サ:[4,9],ザ:[5,9],シ:[6,9],ジ:[7,9],ス:[8,9],ズ:[9,9],セ:[0,10],ゼ:[1,10],ソ:[2,10],ゾ:[3,10],タ:[4,10],ダ:[5,10],チ:[6,10],ヂ:[7,10],ツ:[8,10],ヅ:[9,10],テ:[0,11],デ:[1,11],ト:[2,11],ド:[3,11],ナ:[4,11],ニ:[5,11],ヌ:[6,11],ネ:[7,11],ノ:[8,11],ハ:[9,11],バ:[0,12],パ:[1,12],ヒ:[2,12],ビ:[3,12],ピ:[4,12],フ:[5,12],ブ:[6,12],プ:[7,12],ヘ:[8,12],ベ:[9,12],ペ:[0,13],ホ:[1,13],ボ:[2,13],ポ:[3,13],マ:[4,13],ミ:[5,13],ム:[6,13],メ:[7,13],モ:[8,13],ャ:[9,13],ヤ:[0,14],ュ:[1,14],ユ:[2,14],ョ:[3,14],ヨ:[4,14],ラ:[5,14],リ:[6,14],ル:[7,14],レ:[8,14],ロ:[9,14],ワ:[0,15],ヲ:[1,15],ン:[2,15],ヴ:[3,15] },

		_COLUMNS = [ [['あ','a'],['い','i'],['う','u'],['え','e'],['お','o']],[['か','ka'],['き','ki'],['く','ku'],['け','ke'],['こ','ko']],[['さ','sa'],['し','shi'],['す','su'],['せ','se'],['そ','so']],[['た','ta'],['ち','chi'],['つ','tsu'],['て','te'],['と','to']],[['な','na'],['に','ni'],['ぬ','nu'],['ね','ne'],['の','no']],[['は','ha'],['ひ','hi'],['ふ','fu'],['へ','he'],['ほ','ho']],[['ま','ma'],['み','mi'],['む','mu'],['め','me'],['も','mo']],[['や','ya'],['ゆ','yu'],['よ','yo']],[['ら','ra'],['り','ri'],['る','ru'],['れ','re'],['ろ','ro']],[['わ','wa'],['を','o']],[['ん','n']],[['が','ga'],['ぎ','gi'],['ぐ','gu'],['げ','ge'],['ご','go']],[['ざ','za'],['じ','ji'],['ず','zu'],['ぜ','ze'],['ぞ','zo']],[['だ','da'],['ぢ','ji'],['づ','zu'],['で','de'],['ど','do']],[['ば','ba'],['び','bi'],['ぶ','bu'],['べ','be'],['ぼ','bo']],[['ぱ','pa'],['ぴ','pi'],['ぷ','pu'],['ぺ','pe'],['ぽ','po']],[['きゃ','kya'],['きゅ','kyu'],['きょ','kyo']],[['しゃ','sha'],['しゅ','shu'],['しょ','sho']],[['ちゃ','cha'],['ちゅ','chu'],['ちょ','cho']],[['にゃ','nya'],['にゅ','nyu'],['にょ','nyo']],[['ひゃ','hya'],['ひゅ','hyu'],['ひょ','hyo']],[['みゃ','mya'],['みゅ','myu'],['みょ','myo']],[['りゃ','rya'],['りゅ','ryu'],['りょ','ryo']],[['ぎゃ','gya'],['ぎゅ','gyu'],['ぎょ','gyo']],[['じゃ','ja'],['じゅ','ju'],['じょ','jo']],[['ぢゃ','ja'],['ぢゅ','ju'],['ぢょ','jo']],[['びゃ','bya'],['びゅ','byu'],['びょ','byo']],[['ぴゃ','pya'],['ぴゅ','pyu'],['ぴょ','pyo']],[['ア','a'],['イ','i'],['ウ','u'],['エ','e'],['オ','o']],[['カ','ka'],['キ','ki'],['ク','ku'],['ケ','ke'],['コ','ko']],[['サ','sa'],['シ','shi'],['ス','su'],['セ','se'],['ソ','so']],[['タ','ta'],['チ','chi'],['ツ','tsu'],['テ','te'],['ト','to']],[['ナ','na'],['ニ','ni'],['ヌ','nu'],['ネ','ne'],['ノ','no']],[['ハ','ha'],['ヒ','hi'],['フ','fu'],['ヘ','he'],['ホ','ho']],[['マ','ma'],['ミ','mi'],['ム','mu'],['メ','me'],['モ','mo']],[['ヤ','ya'],['ユ','yu'],['ヨ','yo']],[['ラ','ra'],['リ','ri'],['ル','ru'],['レ','re'],['ロ','ro']],[['ワ','wa'],['ヲ','o']],[['ン','n']],[['ガ','ga'],['ギ','gi'],['グ','gu'],['ゲ','ge'],['ゴ','go']],[['ザ','za'],['ジ','ji'],['ズ','zu'],['ゼ','ze'],['ゾ','zo']],[['ダ','da'],['ヂ','ji'],['ヅ','zu'],['デ','de'],['ド','do']],[['バ','ba'],['ビ','bi'],['ブ','bu'],['ベ','be'],['ボ','bo']],[['パ','pa'],['ピ','pi'],['プ','pu'],['ペ','pe'],['ポ','po']],[['キャ','kya'],['キュ','kyu'],['キョ','kyo']],[['シャ','sha'],['シュ','shu'],['ショ','sho']],[['チャ','cha'],['チュ','chu'],['チョ','cho']],[['ニャ','nya'],['ニュ','nyu'],['ニョ','nyo']],[['ヒャ','hya'],['ヒュ','hyu'],['ヒョ','hyo']],[['ミャ','mya'],['ミュ','myu'],['ミョ','myo']],[['リャ','rya'],['リュ','ryu'],['リョ','ryo']],[['ギャ','gya'],['ギュ','gyu'],['ギョ','gyo']],[['ジャ','ja'],['ジュ','ju'],['ジョ','jo']],[['ヂャ','ja'],['ヂュ','ju'],['ヂョ','jo']],[['ビャ','bya'],['ビュ','byu'],['ビョ','byo']],[['ピャ','pya'],['ピュ','pyu'],['ピョ','pyo']],[['イェ','ye']],[['ウィ','wi'],['ウェ','we'],['ウォ','wo']],[['ヴァ','va'],['ヴィ','vi'],['ヴ','vu'],['ヴェ','ve'],['ヴォ','vo']],[['シェ','she']],[['ジェ','je']],[['チェ','che']],[['ティ','ti'],['トゥ','tu']],[['ディ','di'],['ドゥ','du']],[['ツァ','tsa'],['ツィ','tsi'],['ツェ','tse'],['ツォ','tso']],[['ファ','fa'],['フィ','fi'],['フェ','fe'],['フォ','fo']],[['ヴャ','vya'],['ヴュ','vyu'],['ヴョ','vyo']],[['テュ','tyu']],[['デュ','dyu']],[['フュ','fyu']] ],

		_KANA = { h:{columns:16,offset:0},hd:{columns:12,offset:16},k:{columns:16,offset:28},kd:{columns:12,offset:44},ke:{columns:14,offset:56} },

    _SPEED = { 65:'a',69:'e',73:'i',78:'n',79:'o',85:'u' };


	function __change_background() {
		var _background = $( '#b td' ).index( $( this ).parent() ) + 1;

		$( '#all' )
			.removeClass( 'b-1 b-2 b-3 b-4 b-5 b-6 b-7 b-8 b-9 b-a b-b b-c b-d b-e b-f b-g b-h b-i' )
			.addClass( 'b-' + _BACKGROUNDS[ _background ] );

		_cookie = _cookie.replace( /b./, ( 'b' + _BACKGROUNDS[ _background ] ) );

		__write_cookie();
		}


	function __change_preview() {
		var _preview = $( '#preview td' ).index( $( this ).parent() ) + 1;

		_cookie = _cookie.replace( /p\d/, ( 'p' + _preview ) );

		__write_cookie();

		__render_kana();
		}


	function __check( _event ) {
    if ( _speed && ( ( _event.which == 65 ) || ( _event.which == 69 ) || ( _event.which == 73 ) || ( _event.which == 79 ) || ( _event.which == 85 ) ) || ( ( _answerE.text() == 'n' ) && ( _event.which == 78 ) ) ) {
      _inputE.val( _inputE.val() + _SPEED[ _event.which ] );

      _event.which = 13;
      }

		if ( ( _event.which == 13 ) || ( _event.which == 32 ) ) {
			_event.preventDefault();

			if ( _answerE.is( ':visible' ) ) {
				__question();
				}
			else if ( ( _inputE.val().toLowerCase() == _answerE.text() ) || ( _ALTS[ _question[ 0 ] ] && _ALTS[ _question[ 0 ] ].match( '_' + _inputE.val().toLowerCase() + '_' ) ) ) {
				if ( ! _prior_guess ) {
					_rightE.text( _rightE.text() - 0 + 1 );
					}

				$( '#top p' ).css( 'visibility', 'hidden' );

				__question();
				}
			else {
				if ( _inputE.val().toLowerCase() == _prior_guess ) {
					_xE.hide();
					_answerE.show();
					}
				else {
					_prior_guess = _inputE.val().toLowerCase();

					_xE.show();
					}
				}
			}
		else if ( _event.which == 27 ) {
			__show_answer();
			}
		}


	function __init_kana_page() {
		var _i, _pow, _regexp, _value;

		if ( $( 'body' ).hasClass( 'kana' ) ) {
			__render_kana();

			_regexp = new RegExp( _page + '(\\d+)' );

			_cookie.match( _regexp );

			_value = RegExp.$1;

			_i = _KANA[ _page ].columns;

			while ( _i ) {
				if ( _value >= ( _pow = Math.pow( 2, --_i ) ) ) {
					_value -= _pow;
					$( '#kana input' ).eq( _i ).prop( 'checked', true );
					}
				}

			$( '#kana td' ).click( function () { $( '#kana input' ).eq( $( this ).siblings().andSelf().index( $( this ) ) ).click(); } );

			$( '#kana input' ).click( __set );

			$( '#preview td > span' ).click( __change_preview );

			$( '#bottom ul:first-child a' ).click( function () { $( '#kana input' ).prop( 'checked', $( this ).parent().is( ':first-child' ) ); __set(); } );
			}
		}


	function __init_options_page() {
		var _i, _pow, _value;

		if ( _page == 'o' ) {
			$( '#b span' ).click( __change_background );

			_cookie.match( /t(\d+)/ );

			_value = RegExp.$1;

			_i = 9;

			while ( _i ) {
				if ( _value >= ( _pow = Math.pow( 2, --_i ) ) ) {
					_value -= _pow;
					$( '#t input' ).eq( _i ).prop( 'checked', true );
					}
				}

      if ( _cookie.match( /s1/ ) ) {
        $( '#speed input' ).prop( 'checked', true );
        }

			$( '#t span' ).click( function () { $( '#t input' ).eq( $( '#t td' ).index( $( this ).parent() ) ).click(); } );

			$( '#t input' ).click( __set );

      $( '#speed input' ).click( function () {
        _cookie = _cookie.replace( /s[01]/, this.checked ? 's1' : 's0' );

        __write_cookie();
        } );
			}
		}


	function __init_practice_page() {
		var _char, _columns, _glyph, _i, _j, _kana, _pow, _value;

		if ( _page == 'p' ) {
			_speed = _cookie.match( /s1/ );

			$( document ).keydown( __check );

			if ( _cookie.search( /h0hd0k0kd0ke0/ ) != -1 ) {
				_cookie = _cookie.replace( /h0/, 'h1' );
				}

			if ( _cookie.search( /t0/ ) != -1 ) {
				_cookie = _cookie.replace( /t0/, 't1' );
				}

			__write_cookie();

			_answerE = $( '#answer' );
			_inputE = $( '#top input' );
			_questionE = $( '#question' );
			_rightE = $( '#right' );
			_shownE = $( '#shown' );
			_xE = $( '#x' );

			_questionE.on( 'mouseover', 'span', __show_answer );

			_kanas = _typefaces = [ ];

			_columns = _cookie.match( /(h\d+)(hd\d+)(k\d+)(kd\d+)(ke\d+)/ );

			_columns.shift();

			for ( _i = 0; _i < 5; _i++ ) {
				_kana = _columns[ _i ].match( /([dehk]+)(\d+)/ );
				_kana.shift();
				_kana[ 1 ] -= 0;

				if ( _kana[ 1 ] ) {
					_j = _KANA[ _kana[ 0 ] ].columns;

					while ( _j ) {
						if ( _kana[ 1 ] >= ( _pow = Math.pow( 2, --_j ) ) ) {
							_kana[ 1 ] -= _pow;
							_kanas = _kanas.concat( _COLUMNS[ _j + _KANA[ _kana[ 0 ] ].offset ] );
							}
						}
					}
				}

			_cookie.match( /t(\d+)/ );

			_value = RegExp.$1;

			_i = 9;

			while ( _i ) {
				if ( _value >= ( _pow = Math.pow( 2, --_i ) ) ) {
					_value -= _pow;
					_typefaces.push( _i + 1 );
					}
				}

			__question();
			}
		}


	function __question() {
		var _attempt, _typeface;

		_shownE.text( _shownE.text() - 0 + 1 );

		if ( _shownE.text() == '1' ) {
			$( '#download' ).hide();
			$( '#score' ).show();
			}

		_prior_guess = '';

		_inputE
			.attr( 'name', 'g-' + Math.floor( Math.random() * 1000000000 ) )
			.val( '' )
			.focus();

		_answerE.hide();
		_xE.hide();

		do {
			_attempt = Math.floor( Math.random() * _kanas.length );

			if ( _kanas.length == 1 ) { break; }
			} while ( _attempt == _question_idx );

		_question_idx = _attempt;
		_question = _kanas[ _question_idx ];

		_attempt = -1;

		do {
			_attempt = Math.floor( Math.random() * _typefaces.length );

			if ( _typefaces.length == 1 ) { break; }
			} while ( _attempt == _typeface_idx );

		_typeface_idx = _attempt;
		_typeface = _typefaces[ _typeface_idx ] - 1;

		_questionE.empty();

		for ( _i = 0; _i < _question[ 0 ].length; _i++ ) {
			_char = _question[ 0 ].charAt( _i );

			_glyph = $( '<span>' ).css( 'background-position', ( '-' + ( ( _CHARS[ _char ][ 0 ] * 50 ) + ( _typeface * 500 ) ) + 'px -' + ( _CHARS[ _char ][ 1 ] * 50 ) + 'px' ) );

			_questionE.append( _glyph );
			}

		_answerE.text( _question[ 1 ] );

		ga( 'send', 'event', 'interaction', 'show', 'question' );
		}


	function __render_kana() {
		var _offset, _preview;

		_cookie.match( /p(\d)/ );

		_preview = RegExp.$1 - 1;

		$( '#kana span' ).each( function () {
			_offset = _CHARS[ $( this ).text() ];

			$( this ).css( 'background-position', ( '-' + ( ( _offset[ 0 ] * 19 ) + ( _preview * 190 ) ) + 'px -' + ( _offset[ 1 ] * 19 ) + 'px' ) );
			} );
		}


	function __set( _e ) {
		var _i, _key, _regexp, _value;

		if ( _e ) {
			_e.stopPropagation();
			}

		_i = _value = 0;

		$( 'table input' ).each( function () {
			if ( $( this ).prop( 'checked' ) ) {
				_value += Math.pow( 2, _i );
				}
			_i++;
			} );

		_key = ( ( _page == 'o' ) ? 't' : _page );

		_regexp = new RegExp( _key + '\\d+' );

		_cookie = _cookie.replace( _regexp, _key + _value );

		__write_cookie();
		}


	function __show_answer() {
		_xE.hide();
		_answerE.show();
		}


	function __write_cookie() {
		document.cookie = ( 'a=' + _cookie + '; path=/; domain=realkana.com' );
		}


	return {

		init: function () {
			_page = $( 'body' ).attr( 'id' );

			if ( document.cookie.search( /a=(b[1-9a-i]h\d+hd\d+k\d+kd\d+ke\d+p\ds[01]t\d+)/ ) != -1 ) {
				_cookie = RegExp.$1;
				}
			else {
				_cookie = 'b5h1hd0k0kd0ke0p1s0t1';
				}

      if ( window.devicePixelRatio > 1 ) {
			  $( '<img>' )[ 0 ].src = '/img/k/19/kana@2x.png';
			  $( '<img>' )[ 0 ].src = '/img/k/50/kana@2x.png';
        }
      else {
			  $( '<img>' )[ 0 ].src = '/img/k/19/kana.png';
			  $( '<img>' )[ 0 ].src = '/img/k/50/kana.png';
        }

			__init_kana_page();

			__init_options_page();

			__init_practice_page();
			}

		};

}();

$( V3RealKana.init );