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

function FeaturedWrittenContentView() {
	
	var _self = this;
	
	//-------------------------------
	// Constants
	//-------------------------------
	
	//FeaturedWrittenContentView.prototype.BUTTON_CLICK = "button_click";
	
	//-------------------------------
	// Properties
	//-------------------------------
	
	var _view;
	
	//-------------------------------
	// Constructor
	//-------------------------------
	
	//-------------------------------
	// Public Methods
	//-------------------------------
	
	_self.deploy = function(data) {
		_view 			= $j("<ul class='featuredWrittenContent'></ul>");
		
		var date = new Date(data.timestamp);
		
		var content		= "<div class='top'>";
		content			+= "<li class='title'><h1>" + data.longtitle + "</h1><span class='right'>&nbsp;</span></li>";
		content			+= "<li class='meta'><a href='#' class='close'>Close (x)</a></li>";
		content			+= "</div><div class='clear'></div>";
		content			+= "<li class='image-large'></li>";
		content			+= "<li class='description'>";
		content			+= "<h3 class='date'>" + (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear() + "</h3>";
		content			+= data.snippet + ((data.snippet.length >= 970) ? "..." : "") + "<br/>";
		content			+= "<a class='readmore' href='" + data.permalink + "'>Continue Reading...</a></li>";
		content			+= "<li class='more'>";
		content			+= "<div class='info'><div><img src='http://www.nba.com/blazers/media/tbr2-expanded-moreinfo.png'/></div>";
		
		$j(data.optional).each(function(i, item) {
			if(item.link) content		+= "<a href='" + item.link + "'>" + item.title + "</a>";
		});
		
		content			+= "<div class='clear'></div></div>";
 		content			+= "<div class='banner'><iframe src='http://www.nba.com/blazers/homepage_300x250.html' class='banner300x250' scrolling='no' frameborder='0' /></div>"; 
		content			+= "</li>";

		_view.html(content);
		
		$j(".image-large", $j(_view)).css({"background" : "url('" + data.image + "') no-repeat -" + data.images.large.left + "px -" + data.images.large.top + "px","width" : "250px", "height" : "340px"});
		$j(".close", $j(_view)).click(function() {
			$j("#featuredContent").fadeOut(function(){ $j("#featuredContent .content").html(""); });
			return false;
		});
		
		$j("#featuredContent .content").html(_view);
		$j("#featuredContent").hide().fadeIn();
		
		_view.width(($j("body").width() - 110) + "px");
		$j(".meta", _view).width((_view.width() - $j(".title", _view).width() - 1) + "px");
	}

	//-------------------------------
	// Private Methods
	//-------------------------------

	//-------------------------------
	// Listeners
	//-------------------------------

}