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

function FeaturedButtonView() {
	
	var _self = this;
	
	//-------------------------------
	// Constants
	//-------------------------------
	
	FeaturedButtonView.prototype.BUTTON_CLICK = "button_click";
	
	//-------------------------------
	// Properties
	//-------------------------------
	
	if(!arguments[0]) {
		return false;
	}
	
	var oArgs	= arguments[0]
		_data 	= oArgs.data || "",
		_index 	= oArgs.index;
		
	var _view = $j("<div class='description'></div>");
	var _image;
	var _i;
	
	//-------------------------------
	// Constructor
	//-------------------------------
	
	$j(function(){
		init();
	});
	
	//-------------------------------
	// Public Methods
	//-------------------------------

	_self.set = function() {
		//$j(".background", _view).height($j(".info", _view).height() + 10 + "px");
		var pos = (_self.data.main) ? 100 : "-" + Math.abs($j(_view).height() - 23);
		$j(_view).css("bottom", pos + "px");
	}
	
	//-------------------------------
	// Private Methods
	//-------------------------------

	function init() {
		var data = $j.parseJSON($j(_data).find("description").text());
		
		_self.data = data;
		_self.button = $j("<li class='featuredButtonView'></li>");
		_self.width = ~~data.dimensions.width;
		_self.height = ~~data.dimensions.height;
		
		if(data.type == "blank") {
			_self.image = "http://www.nba.com/blazers/media/tbr2-spacer.png";
			return false;
		}
		
		_self.image = data.image;
		
		//_mainBol = (data.main == "true") ? true : false;
		$j(_view).append("<div class='info" + ((data.main) ? " main" : "") + "'><h3>" + data.shorttitle + "</h3>" + data.description + "</div>");
		
		
		$j(_self.button).append(_view);
	
		
		$j(_self.button).css({"background" : "url('" + data.image + "') no-repeat -" + data.images.small.left + "px -" + data.images.small.top + "px", "width" : (~~data.dimensions.width * 150) + "px", "height" : (~~data.dimensions.height * 100) + "px"}).attr({"index" : _index});

		_self.large = data.images.large;
		_i = _index;
		
		$j(_self.button).bind('click', onButtonClick);
		$j(_self.button).bind('mouseover', onButtonOver);
		$j(_self.button).bind('mouseout', onButtonOut);
	}

	//-------------------------------
	// Listeners
	//-------------------------------
	
	function onButtonClick() {
		$j(_self).trigger(_self.BUTTON_CLICK, [_i]);
		var date = new Date(_self.data.timestamp);
		var title = "/homepage/grid/" + (date.getMonth() + 1) + date.getDate() + date.getFullYear() + "/" + _self.data.longtitle;
		pageTracker._trackPageview(title);
		
		s.linkTrackVars="None";
		s.linkTrackEvents="None";
		s.tl(this, "o", title);
		s.t();

	}
	
	function onButtonOver() {
		$j(_view).stop().animate({"bottom": (_self.data.main) ? "100px" : "0px"}, 500);
	}
	
	function onButtonOut() {
		var pos = (_self.data.main) ? 100 : "-" + ($j(_view).height() - 23);
		$j(_view).stop().animate({"bottom": pos + "px"}, 500);
	}

}