var CategoryChart = Class.create();
CategoryChart.prototype = {

valuesLists : null,
namesLists : null,

// Initializer.
//
initialize : function() {

	this.initRatingLists();

}, // End initialize().

// Initializes the names and values rating lists.
// This sets up events to show the names rating list when the values rating list is moused over.
//
initRatingLists : function() {

	this.valuesLists = $$( 'td.tireRowInfo' ); // $$( 'ul.tireRowRatingValues' );
	this.namesLists = $$( 'ul.tireRowRatingNames' );

	var listCount = 0;

	this.valuesLists.each(
		function( valuesList ) {

			Event.observe( valuesList, 'mouseover', this.onListMouseOver.bind( this, listCount ), false );
			Event.observe( valuesList, 'mouseout', this.onListMouseOut.bind( this, listCount ), false );

			listCount++;

		}.bind( this ) // End function.
	);

}, // End initRatingLists().

onListMouseOver : function( listIndex ) {

	var namesList = this.namesLists[ listIndex ];
	namesList.removeClassName( 'tireRowRatingNames_off' );
	namesList.addClassName( 'tireRowRatingNames_on' );

}, // End onListMouseOver().

onListMouseOut : function( listIndex ) {

	var namesList = this.namesLists[ listIndex ];
	namesList.removeClassName( 'tireRowRatingNames_on' );
	namesList.addClassName( 'tireRowRatingNames_off' );

} // End onListMouseOut().

} // End class CategoryInfo.

var categoryChart = new CategoryChart();