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

function FeaturedGridView() {
	
	var _self = this;

	//-------------------------------
	// Constants
	//-------------------------------

	
	//-------------------------------
	// Properties
	//-------------------------------
	
	var _horizontalGridArray = [];
	var _verticalGridArray = [];
	
	var _horizontalView = $j("<ul class='horizontal'></ul>");
	var _verticalView = $j("<ul class='vertical'></ul>");
	
	//-------------------------------
	// Constructor
	//-------------------------------
	
	$j(function() {
		horizontal();
		//vertical();
		
		$j("#grid").append(_verticalView);
	});
	
	//-------------------------------
	// Public Methods
	//-------------------------------
	
	_self.appendVertical = function() {
		var li = $j("<li>&nbsp;</li>");
		_verticalGridArray.push(li);
		_verticalView.append(li);
		
		var i = (_verticalGridArray.length > 0) ? _verticalGridArray.length - 1 : 0;
		
		if(i == 0) _verticalGridArray[i].css("left", "100px");
		else _verticalGridArray[i].css("left", (parseInt(_verticalGridArray[i-1].css("left")) + 150) + "px");
	}
	
	_self.animate = function(pos) {
		$j(_verticalView).animate({"margin-left" : pos + "px"}, 1000);
	}
	
	//-------------------------------
	// Private Methods
	//-------------------------------
	
	function horizontal() {
		for(var i = 0; i < 3; i++) {
			var li = $j("<li>&nbsp;</li>");
			_horizontalGridArray.push(li);
			_horizontalGridArray[i].css("top", ((i + 1) * 99) + "px");

			_horizontalView.append(li);
		}
		
		$j("#grid").append(_horizontalView);
	}


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


}