var iUserClickedFeature = -1
var iTotal_Feature_Buttons = 8

function FeaturesSelect(iIndex, bClicked)
{
	var bReset = false;

	// reset click outside buttons
	if(iIndex == -1)
	{
		bReset = true;
		bClicked = 0;
		iIndex = 0;
		iUserClickedFeature = -1;
	}

	if(iUserClickedFeature != -1
		&& !bClicked)
		return;

	if(bClicked)
		iUserClickedFeature = iIndex;

//	var saFeaturesText = new Array();
	var sIndex = "" + iIndex


	
	var crossobj_Text = iebrowser? iebrowser["ID_FeaturesSelect_Text"] : document.getElementById("ID_FeaturesSelect_Text")
	var crossobj_Image = iebrowser? iebrowser["ID_FeaturesSelect_Image"] : document.getElementById("ID_FeaturesSelect_Image")


	crossobj_Image.style.backgroundImage = "url('images/Features/features_" + sIndex + ".gif')"
	crossobj_Image.style.backgroundRepeat = "no-repeat"


//alert(crossobj_Image.style.backgroundImage);


//	var crossobj_ItemTitle = iebrowser? iebrowser["ID_Features_Title_" + sIndex] : document.getElementById("ID_Features_Title_" + sIndex)
	var crossobj_ItemDetail = iebrowser? iebrowser["ID_Features_Detail_" + sIndex] : document.getElementById("ID_Features_Detail_" + sIndex)
//	var crossobj_Button = iebrowser? iebrowser["ID_FeatureButton_" + sIndex] : document.getElementById("ID_FeatureButton_" + sIndex)

//	 	crossobj_Button.text = crossobj_ItemTitle.text;

	var sIrregularBorderHtml =
		"<div id=\"ID_IrregularBorderShapes\">"
	+	"<span class=\"line_1\">&nbsp;</span>"
	+	"<span class=\"line_2\">&nbsp;</span>"
	+	"<span class=\"line_3\">&nbsp;</span>"
	+	"<span class=\"line_4\">&nbsp;</span>"
	+	"<span class=\"line_5\">&nbsp;</span>"
	+	"<span class=\"line_6\">&nbsp;</span>"
	+	"<span class=\"line_7\">&nbsp;</span>"
	+	"<span class=\"line_8\">&nbsp;</span>"
	+	"<span class=\"line_9\">&nbsp;</span>"
	+	"<span class=\"line_10\">&nbsp;</span>"
	+	"<span class=\"line_11\">&nbsp;</span>"
	+	"<span class=\"line_12\">&nbsp;</span>"
	+	"<span class=\"line_13\">&nbsp;</span>"
	+	"<span class=\"line_14\">&nbsp;</span>"
	+	"<span class=\"line_15\">&nbsp;</span>"
	+	"<span class=\"line_16\">&nbsp;</span>"
	+	"<span class=\"line_17\">&nbsp;</span>"
	+	"<span class=\"line_18\">&nbsp;</span>"
	+	"</div>"
	;

	crossobj_Text.innerHTML = sIrregularBorderHtml + crossobj_ItemDetail.innerHTML;







	if(bClicked || bReset)
	{
		for(var i = 0; i < iTotal_Feature_Buttons; i++)
		{
			var sIndex2 = "" + i;

			var crossobj_Button = iebrowser? iebrowser["ID_FeatureButton_" + sIndex2] : document.getElementById("ID_FeatureButton_" + sIndex2)
			// keep in line with css, remove the extra padding
			crossobj_Button.style.paddingTop = "2px";
			crossobj_Button.style.paddingBottom = "2px";
			if(!bReset && sIndex2 == sIndex)
			{
				crossobj_Button.style.borderTop = "2px ridge rgb(200, 200, 200)";
				crossobj_Button.style.borderBottom = "2px ridge rgb(200, 200, 200)";
			}
			else
			{
				crossobj_Button.style.borderTop = "2px solid rgb(15, 15, 15)";
				crossobj_Button.style.borderBottom = "2px solid rgb(15, 15, 15)";
			}
		}//i
	}

}

function Features_LoadDefault()
{
	FeaturesSelect(0, 1);
}

// JS enabled so do not follow BMs when clicked
function Features_RemoveBookmarkLinks()
{
	for(var i = 0; i < iTotal_Feature_Buttons; i++)
	{
		var sIndex2 = "" + i;
		var crossobj_Button = iebrowser? iebrowser["ID_FeatureButton_" + sIndex2] : document.getElementById("ID_FeatureButton_" + sIndex2);
		crossobj_Button.href = "javascript:FeaturesSelect(" + sIndex2 + ", 1);";
	}//i
}

function FeaturesSelectFromCurrentImage()
{
	var crossobj_Image = iebrowser? iebrowser["ID_FeaturesSelect_Image"] : document.getElementById("ID_FeaturesSelect_Image")
	var sImage = crossobj_Image.style.backgroundImage;
	
	// = "url('images/Features/features_" + sIndex + ".gif')"

	var sIndex2 = sImage.charAt(sImage.length-6);

	// show the extra content
	Versions_Expand_Item(sIndex2, 1);

	window.location.href = "#Feature_" + sIndex2;
}