// JavaScript Document
(function($){ 

var thisObj;
var aLetters = [];
var aAllLetters = [];
var currentPage = "";
var prevPage = "";

$.HasbroGlossary = {

	defaults: {
		aAllLetters: ["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"],
		sTargetID: "glossary_container"
	}

}

$.fn.extend({	

	HasbroGlossary:function( config ){
		
		var config = $.extend({}, $.HasbroGlossary.defaults, config);
		thisObj = this;
		init( config );
		return this;
		
	}
});

function init( config ){
	
	aAllLetters = config.aAllLetters;
	$( ".glossary_letter", thisObj ).each( function(){
			aLetters.push( $(this).attr("id") );										
	});
	$( "#glossary_entries .glossary_letter" ).hide();
	makeLists();
	
	//alert( aLetters.join(", ") );
}

function makeLists(){
	aAllLetters.each( function( value, i ){
		
		if( $.inArray( value, aLetters ) > -1 ){
			$("#glossary_letters ul").append( $( "<li id='"+value+"'><a name='"+value+"'>"+value+"</a></li>" ) );
		}
		else{
			$("#glossary_letters ul").append( $( "<li id='"+value+"'><span>"+value+"</span></li>" ) );
		}

	});
	$( "#glossary_letters a" ).click(function(event){
										 
			 	//event.preventDefault();  
				setCurrentPage( this, event.target.name );
				//onBtnClick( $(this) );
				//alert( event.target.name );
		});	
	setCurrentPage( $( "#glossary_letters li:eq(0) a" ), aLetters[0] );
}

function setCurrentPage( $obj, $int ){
	prevPage = currentPage;
	currentPage = $int;
	if( currentPage != prevPage ) { $($obj).toggleClass( "isActive" ); }
	//alert('here');
	$("div.glossary_letter[ id = '"+currentPage+"' ]", thisObj).show("fast", function(){
		if( prevPage != currentPage && prevPage != "" )
		{
			//alert( "prev: " + prevPage + ", current: " + currentPage );
			$("#glossary_letters a[name = '"+prevPage+"']").toggleClass( "isActive" );
			$("div.glossary_letter[ id = '"+prevPage+"' ]").hide("fast");
		}
	});
	//$("#glossary_letters a[name = '"+currentPage+"']").toggleClass( "isActive" );

}

function onBtnClick( $obj ){
	
	
}



})(jQuery);