/**
 * @author suzuki
 */
var index_blocks={};
var buttons = {};

jQuery(function(){
	var teachers = $('ul#teachers li');
	var indexes = {
		wa:['わ','を','ん'],
		ra:['ら','り','る','れ','ろ'],
		ya:['や','ゆ','よ'],
		ma:['ま','み','む','め','も'],
		ha:['は','ひ','ふ','へ','ほ','ば','び','ぶ','べ','ぼ','ぱ','ぴ','ぷ','ぺ','ぽ'],
		na:['な','に','ぬ','ね','の'],
		ta:['た','ち','つ','て','と','だ','ぢ','づ','で','ど'],
		sa:['さ','し','す','せ','そ','ざ','じ','ず','ぜ','ぞ'],
		ka:['か','き','く','け','こ','が','ぎ','ぐ','げ','ご'],
		a:['あ','い','う','え','お']
	};
	var fields = {};
	var remain_indexes={};
	for(var index in indexes){
		fields[index] = $('ul[name='+index+']');
		index_blocks[index] = fields[index].parent('div[class=main-contents-child]');
		buttons[index] = $('#button_'+index);
		buttons[index].bind('click', (function(index){
			return function(){ select_index(index)};	
		})(index));
		buttons[index].bind('mouseover', function(){
			$(this).attr('src', $(this).attr('src').replace('_f1', '_f2'));
		});
	}
	
	teachers.each(function(index,t){
		for(var index in indexes){
			remain_indexes[index] = indexes[index];
			if(-1 != jQuery.inArray($(t).find('img').attr('alt').substr(0,1), indexes[index])){
				fields[index].append(t);
				break;
			}
			
		}
		indexes = remain_indexes;
	})
	
	for(index in fields){
		if(fields[index].find('li').length == 0){
			buttons[index].attr('src', buttons[index].attr('src').replace('_f1', '_f3'));
			buttons[index].css('cursor', 'auto');
			buttons[index].unbind('click');
			buttons[index].unbind('mouseover');
			buttons[index].unbind('mouseout');
		}
	}
	select_index('a');
})

/**
 * select index
 * @param {Object} index
 */
function select_index(index)
{
	jQuery.each(index_blocks, function(){this.hide()});
	index_blocks[index].show();
	
	jQuery.each(buttons, function(){
  	this.attr('src', function(){
  		return $(this).attr('src').replace('_f2', '_f1');
  	})
		this.bind('mouseout', function(){
			$(this).attr('src', $(this).attr('src').replace('_f2', '_f1'));
		});
  });
	buttons[index].unbind('mouseout');
	
	buttons[index].attr('src', buttons[index].attr('src').replace('_f1', '_f2'));
}