/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

function AbcControl(box)
{
    var container = $(box);
    this.highlights = highlights;
    this.constructor = _ctor;
    this.constructor();

    function highlights(board, sender)
    {
	
		$(".speakerHighlights").removeClass("speakerHighlights").css('display', 'none');
		$(".noresults").remove();
		var oldCurrent = $(".currentChr").html();
		$(".currentChr").replaceWith("<a href='#' class='speakerChr' onclick='highlights(\""+oldCurrent+"\", this);return false;'>"+oldCurrent+"</a>");
		$(sender).replaceWith("<span class='speakerChr currentChr'>"+board+"</span>");

		var next = $("."+board);
		if(next && next.length > 0)
			next.addClass("speakerHighlights").fadeIn("slow");
		else
			container.append("<div class='noresults'><span>Ci dispiace, non ci sono risultati che corrispondano al criterio selezionato.</span></div>");
    }
    function _ctor()
    {
		container.addClass('unvisible');
		var abc = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'];
		var abcContainer = $("<div class='abcContainer'></div>");
		container.append(abcContainer);

		$.each(abc, function(i, item){
			var charItems = $("."+item);

			$("<a href='#' class='speakerChr' onclick='highlights(\""+item+"\", this);return false;'>"+item+"</a>").appendTo(abcContainer);

			if(charItems && charItems.length > 0 )
			{
			var board = $("<div class='board "+item+"'></div>");
			charItems.remove().removeClass(item).appendTo(board);

			if(board.children().length > 1)
			{
				board.children().each(function(index, domItem){
					if( $(domItem).hasClass("tcom") ) $(domItem).removeClass('tcom').remove().appendTo(board);
				});
			}
			$("<div style='clear:both' />").appendTo(board);
			board.css('display', 'none');
			container.append(board);
			}
		});
		$(".speakerChr:first").addClass("firstChr");
		container.removeClass('unvisible');
	}
}

var abcHelper = null;
$(document).ready(function(){
    abcHelper = new AbcControl("#col2");
    abcHelper.highlights("a",".firstChr");
});
function highlights(chr, sender){abcHelper.highlights(chr, sender);return false;}