//
// Class TabSwitcher
//
var TabSwitcher = Class.create();
TabSwitcher.prototype = {
	initialize: function (tabLis, tabSelClass, tabDiv, loadingHTML, initialDiv) {
		this.tabSelClass = tabSelClass;
		this.tabDiv = tabDiv;
		this.loadingHTML = loadingHTML;
		this.prevSelDiv = initialDiv;
	
		$A(tabLis).each(function (tabLi) {
			var aElm;
			if (tabLi.tagName.toLowerCase() == 'a') {
				aElm = tabLi;
			} else {
				aElm = tabLi.getElementsBySelector('a')[0];
			}
			Event.observe(aElm, 'click', this.tabSwitch.bind(this, tabLi));
		}.bind(this));
		
		this.selLi = $A(tabLis).find(function (tabLi) {
			return tabLi.hasClassName(tabSelClass);
		});
	},
	
	tabSwitch: function (tabLi) {
		if (this.selLi != undefined) {
			this.selLi.removeClassName(this.tabSelClass);
		}
		
		tabLi.addClassName(this.tabSelClass);
		this.selLi = tabLi;
		
		var aElm;
		if (tabLi.tagName.toLowerCase() == 'a') {
			aElm = tabLi;
		} else {
			aElm = tabLi.getElementsBySelector('a')[0];
		}
		
		if (aElm.rel.substring(0,4) == 'tab:') {
			var tabName = aElm.rel.substring(4);
			if (this.prevSelDiv != null) {
				$(this.prevSelDiv).hide();
			}
			$(tabName).show();
			this.prevSelDiv = tabName;
		} else {
			$(this.tabDiv).innerHTML = this.loadingHTML;
										
			new Ajax.Updater(this.tabDiv, aElm.rel, {
				method: 'get',
				evalScripts: true
			});
			
			if (this.prevSelDiv != null && this.prevSelDiv != this.tabDiv) {
				$(this.prevSelDiv).hide();
			}
			
			$(this.tabDiv).show();
			this.prevSelDiv = this.tabDiv;
		}
		
		return false;
	}
};

/**
 * switchPlayer
 * @param {string} selector indica di quale squadra (home, away) si sta selezionando
 */
 function switchPlayer() 
 {
		var uidHome = $('statPlayerSelectorHome').getValue();
		var uidAway = $('statPlayerSelectorAway').getValue();
		var righe = $('statisticheGiocatori').getElementsByClassName('playerStat');
		$A(righe).each(function(item) 
		{
			if(item.id == uidHome || item.id == uidAway)
				item.setStyle({display: 'block'})
			else
				item.setStyle({display: 'none'})
		});
 }
 