//-------------------------------
// Class
//-------------------------------

function StartingFiveView() {

	var _self = this;

	//-------------------------------
	// Constants
	//-------------------------------
	
	StartingFiveView.prototype.DISPLAY = "startingfive_display";
	
	//-------------------------------
	// Properties
	//-------------------------------
	
	var _button = $j("<li class='button startingfive'><a href='#'>Starting 5</a></li>");
	var _view = $j("<ul class='startingFiveContainer'></ul>");
	
	//-------------------------------
	// Constructor
	//-------------------------------
	
	$j(function() {
		$j("#featuredBar").append(_button);
		
		$j(_button).bind("click", onButtonClick);
		$j(_button).bind("mouseover", onButtonOver);
		$j(_button).bind("mouseout", onButtonOut);
	});
	
	//-------------------------------
	// Public Methods
	//-------------------------------
	
	_self.deploy = function() {
	
		if($j.cookie(IAMA_USER_INFO) == null) {
			var user = "null | -1 | http://cdn.iamatrailblazersfan.com/avatars/avatar_00.png | # | http://cdn.iamatrailblazersfan.com/starting5/default2.png";
		} else var user = $j.cookie(IAMA_USER_INFO);
		
		var data = user.split("|");

		//var user = $j(data).find("userName")[0];
		//var img = $j(data).find("starting5Image")[0];
		
		var content 	= "<div class='info left'>";
		content			+= "<h1>Starting Five</h1>";
		content			+= "<li>Think you know the best Starting 5 for the Trail Blazers? Put this knowledge to the test by selecting your Starting 5. If your players do well, you earn more points. And more points earn you more stuff!</li>";
		content			+= "<h2>You earn points for each player in your Starting Five</h2>";
		content			+= "<li class='point'>1 point = 1 Starting 5 Point</li>";
		content			+= "<li class='point'>1 rebound = 1 Starting 5 Point</li>";
		content			+= "<li class='point'>1 assist = 1 Starting 5 Point</li>";
		content			+= "<li class='point'>1 steal = 1 Starting 5 Point</li>";
		content			+= "<li class='point'>1 block = 1 Starting 5 Point</li>";
		content			+= "</div>";
		content			+= "<div class='edit left cbb'>";
		content			+= "<div class='cap'>" + (($j.cookie(IAMA_USER_INFO) != null) ? "" : "<div id='loginButton'>Login to I Am A Trail Blazers Fan</div>") + "</div>";
		//content			+= "<div class='header'><div class='title'>Enter to Win</div>" + (($j.cookie(IAMA_USER_INFO) != null) ? "<a href='http://www.iamatrailblazersfan.com/PrivateAreaRoot/TeamStarting5/tabid/88/Default.aspx' class='button-edit'>Edit My Starting Five</a>" : "") + "<div class='clear'></div></div>";
		content			+= "<li class='sponsor'><img src='http://www.iamatrailblazersfan.com/Portals/iama/Skins/Iama/img/headers/poweredby-starting5.png'/><img src='http://www.nba.com/blazers/media/tbr2-sponsor-ford.png'/>";
		content			+= "<div class='clear'></div>";
		content			+= "<p>Hey fans, be on the look out for another Starting 5 contest coming next season with more monthly and end-of-season prizes. Congratulations to Napoleon7 for winning a 50\" Plasma HDTV.</p></li>";
		content			+= "<li class='title'><img src='http://www.nba.com/blazers/media/tbr2-s5-winners.png'/></li>";
		content			+= "<li class='contest'>";
		content			+= "<a href='http://www.iamatrailblazersfan.com/PublicProfileRoot/tabid/54/IamaUserID/6172/Default.aspx'><img class='img' src='http://cdn.iamatrailblazersfan.com/avatars/avatar_7.png'/></a>";
		content			+= "<h3><img src='http://www.nba.com/blazers/media/tbr2-startingfive-grand.png'/></h3>";
		content			+= "<em><a href='http://www.iamatrailblazersfan.com/PublicProfileRoot/tabid/54/IamaUserID/6172/Default.aspx'>Napoleon7</a></em><strong>2,676 points</strong>";
		content			+= "</li>";
		content			+= "<li class='contest'>";
		content			+= "<a href='http://www.iamatrailblazersfan.com/PublicProfileRoot/tabid/54/IamaUserID/14548/Default.aspx'><img class='img' src='http://cdn.iamatrailblazersfan.com/avatars/UserID0014548_Rectangle_186x142-431.png'/></a>";
		content			+= "<h3><img src='http://www.nba.com/blazers/media/tbr2-startingfive-monthly.png'/></h3>";
		content			+= "<em><a href='http://www.iamatrailblazersfan.com/PublicProfileRoot/tabid/54/IamaUserID/14548/Default.aspx'>JasonVincent</a></em><strong>2,650 points</strong>";
		content			+= "</li>";
		content			+= "</div><div class='clear'></div>";
				
		_view.html(content);
		$j(".cap", _view).css("background", "url('" + data[4] + "') no-repeat top center");
		
		$j("#featuredStartingFiveContainer").append("<div class='stripe'></div>");
		$j("#featuredStartingFiveContainer").append(_view);
		$j("#loginButton", _view).bind("click", onLoginButtonClick);
	}
	
	_self.intro = function() {
		$j("#featuredStartingFiveContainer").show().css("height", $j("#featuredContainer").height() + "px");
		$j(_view).animate({"top" : ($j("#featuredContainer").height() - $j(_view).height() - 30) + "px"});
		$j("#featuredStartingFiveContainer .stripe").animate({"top" : $j("#featuredContainer").height() - _view.height() - 30 + "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("#featuredStartingFiveContainer .stripe").animate({"top" : $j("#featuredContainer").height() + "px"});
		$j(_view).animate({"top" : $j("#featuredContainer").height() + "px"}, function() {
			$j("#featuredStartingFiveContainer").hide();
		});
		$j(_button).css({"background-position" : "0 0"});
		$j("a", _button).removeClass("selected");
		_button.enabled = false;
	}
	
	//-------------------------------
	// Private Methods
	//-------------------------------
	
	//-------------------------------
	// Listeners
	//-------------------------------
	
	function onLoginButtonClick(event) {
		showloginRegister("");
	}

	function onButtonClick(event) {
		if($j(_view).is(":visible")) {
			_self.exit();
		} else {
			var title = "/homepage/starting5";
			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"});
	}
}
