//-------------------------------
// Class
//-------------------------------

function FeaturedTabView() {
	
	var _self = this;
	
	//-------------------------------
	// Constants
	//-------------------------------
	
	FeaturedTabView.prototype.BUTTON_CLICK = "button_click";
	
	//-------------------------------
	// Properties
	//-------------------------------
	
	if(!arguments[0]) {
		return false;
	}
	
	var oArgs	= arguments[0]
		_data 	= oArgs.data
		
	//-------------------------------
	// Constructor
	//-------------------------------
	
	$j(function(){
		_self.button = $j("<li class='featuredTabView'></li>");
		$j(_self.button).bind('click', onButtonClick);
		$j(_self.button).bind('mouseover', onButtonOver);
		$j(_self.button).bind('mouseout', onButtonOut);
		$j(_self.button).toggle(_self.intro, _self.exit);
		
		if(_data) init();
		else deploy();
	});
	
	//-------------------------------
	// Public Methods
	//-------------------------------
	
	_self.intro = function() {
		$j(_self.button).stop().css({"background-position": "0 -100px"});
		_self.button.selected = true;
	}
	
	_self.exit = function() {
		$j(_self.button).stop().css({"background-position": "0 0"});
		_self.button.selected = false;
	}
	
	//-------------------------------
	// Private Methods
	//-------------------------------

	function init() {
		_self.data = $j.parseJSON(_data);
		_self.main = _self.data.main;
		
		$j(_self.button).css({"background" : "url('" + _self.data.image + "') no-repeat"});

	}

	function deploy() {
		$j(_self.button).css({"background" : "url('http://www.nba.com/blazers/media/tbr2-ftabs-all.png') no-repeat"});
		
	}
	//-------------------------------
	// Listeners
	//-------------------------------
	
	
	
	function onButtonClick() {
		$j(_self).trigger(_self.BUTTON_CLICK, [(_self.data) ? _self.data.page : null]);
		var title = (_self.data) ? "/homepage/tabs/" + _self.data.title : "/homepage/tabs/All";
		pageTracker._trackPageview(title);
		s.linkTrackVars="None";
		s.linkTrackEvents="None";
		s.tl(this, "o", title);
		s.t();
	}
	
	function onButtonOver() {
		if(!_self.button.selected) $j(_self.button).stop().css({"background-position": "0 -100px"});
	}
	
	function onButtonOut() {
		if(!_self.button.selected) $j(_self.button).stop().css({"background-position": "0 0"});
	}

}