var selected = null; // initialize

// Select feature by feature title node
function selectFeature(item)
{
	YUI().use("event", "blue", function(Y)
	{
		var feat = Y.one("#feat" + item.get("id"));

		if(selected == item)
			return;

		if(selected != null)
		{
			var selFeat = Y.one("#feat" + selected.get("id"));
			selFeat.fadeOutHide();
			feat.fadeIn();
			selected.removeClass("selected");
		}
		else
		{
			feat.fadeIn();
		}

		item.addClass("selected");
		selected = item;
	});
}

function setupFeatures()
{
	YUI().use("event", "blue", function(Y)
	{
		function click(item)
		{
			selectFeature(item);
		}

		Y.all(".item").each(function(item) {
				item.on("mouseover", function() { item.addClass("hover"); });
				item.on("mouseout", function() { item.removeClass("hover"); });
				item.on("click", function() { click(item); });
			});
	});
}

function selectFeatureById(id)
{
	YUI().use("blue", function(Y) {  selectFeature(gn(id)); });
}

function setupFeatIndicator()
{
	YUI().use("event", "blue", function(Y)
	{
		Y.all(".item").each(function(item) {
				item.on("click", function() {
						i = parseInt(item.get("id").rmFirst(1)) - 1;
						Y.one("#compIndicator").anim({ to: { "left": (92 * i + 37)}});
						//Y.one("#compIndicator").setStyle("left",(92 * i + 37));
				});
			});

	});
}