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

function DancerNavigationView() {

	var _self = this;

	//-------------------------------
	// Constants
	//-------------------------------
	
	DancerNavigationView.prototype.DISPLAY = "dancer_display";
	
	//-------------------------------
	// Properties
	//-------------------------------
	
	var _button = $j("<li class='button dancers'><a href='#'>Dancers</a></li>");
	var _view = $j("<ul class='dancerNavContainer'></ul>");
	
	//-------------------------------
	// Constructor
	//-------------------------------
	
	$j(function() {
		//_dancerContentView = new DancerContentView();
		
		$j("#featuredBar").append(_button);
		// $j("#featuredBar").append("<li class='divider'></li>");
		
		$j(_button).bind("click", onButtonClick);
		$j(_button).bind("mouseover", onButtonOver);
		$j(_button).bind("mouseout", onButtonOut);
	});
	
	//-------------------------------
	// Public Methods
	//-------------------------------
	
	_self.deploy = function(data) {
	
		var content = $j("<span></span>");
		content.append("<div class='top'><h2><a href='http://www.iamatrailblazersfan.com/Home/BlazerDancers/tabid/65/Default.aspx'>Your Blazer Dancers</a></h2><div class='sponsor'><a href='http://www.rockstar69.com/' target='_blank'><img src='http://www.nba.com/blazers/media/tbr2-rockstar.png'/></a></div><div class='clear'></div></div>");
		$j(data).find("info").each(function(i, item) {
			var btn = new DancerNavigationButton({"data" : item});
			$j(content).append(btn.button);
		});
		
		content.append("<div class='clear'></div>");
		_view.html(content);
		$j("#featuredDancerContainer").append("<div class='stripe'></div>");
		$j("#featuredDancerContainer").append(_view);
	}
	
	_self.intro = function() {
		$j("#featuredDancerContainer").show().css("height", $j("#featuredContainer").height() + "px");;
		$j(_view).animate({"top" : ($j("#featuredContainer").height() - $j(_view).height() - 9) + "px"});
		$j("#featuredDancerContainer .stripe").animate({"top" : $j("#featuredContainer").height() - _view.height() - 9 + "px"});
		
		$j(_self).trigger(_self.DISPLAY);
		$j(_button).css({"background-position" : "0 -45px"});
		$j("a", _button).addClass("selected");
		_button.enabled = true;
	}
	
	_self.exit = function() {
		$j("#featuredDancerContainer .stripe").animate({"top" : $j("#featuredContainer").height() + "px"});
		$j(_view).animate({"top" : $j("#featuredContainer").height() + "px"}, function() {
			$j("#featuredDancerContainer").hide();
		});
		$j(_button).css({"background-position" : "0 0"});
		$j("a", _button).removeClass("selected");
		_button.enabled = false;
	}
	
	//-------------------------------
	// Private Methods
	//-------------------------------
	
	//-------------------------------
	// Listeners
	//-------------------------------

	function onButtonClick(event) {
		if($j(_view).is(":visible")) {
			_self.exit();
		} else {
			var title = "/homepage/dancers";
			pageTracker._trackPageview(title);
			s.linkTrackVars="None";
			s.linkTrackEvents="None";
			s.tl(this, "o", title);
			s.t();
			
			_self.intro();
		}
		
		return false;
	}
	
	function onButtonOver() {
		if(!_button.enabled) $j(_button).css({"background-position" : "0 -45px"});
	}
	
	function onButtonOut() {
		if(!_button.enabled) $j(_button).css({"background-position" : "0 0"});
	}

}