var SelectedImage = null;

function thumbHover(row)
{
if (!row)
	{
	var id = "thumb";
	row = 0;
	}
else
	var id = "thumb" + row;

var Ele = document.getElementById(id);

if (SelectedImage == row)
	Ele.style.border = "3px solid #FF8888";
else
	Ele.style.border = "3px solid #999999";

Ele.style.left = "2px";
Ele.style.top = "0px";
}

function thumbNorm(row)
{
if (!row)
	{	
	var id = "thumb";
	row = 0;
	}
else
	var id = "thumb" + row;

var Ele = document.getElementById(id);

if (SelectedImage == row)
	Ele.style.border = "1px solid #FF0000";
else
	Ele.style.border = "1px solid #000000";

Ele.style.left = "2px";
Ele.style.top = "2px";
}

function JAM_SetupTabs(prefix, count)
{
var i;
var id;
for (i=0; i<count; ++I)
	{
	id = prefix + count;
	bodyId = prefix + count + "_b";
	
	// set style of tab div's
	tab = document.getElementById(id);
	if (i==0)
		tab.setAttribute("class", "JAM_TabActive");
	else
		tab.setAttribute("class", "JAM_TabInactive");
	
	// set visibility of body div's
	if (i>0)
		document.getElementById(bodyId).style.display = "none";
	}
}

function setTab(tab)
{
// count the number of tabs on the page

	
if (SelectedImage != null)
	{
	//alert(SelectedImage);
	if (SelectedImage == 0)
		Sufix = "";
	else
		Sufix = SelectedImage;
	Img = document.getElementById("image" + Sufix).style.display = "none";
	}
	
if (SelectedImage != null && tab != -1)
	{
	var old = SelectedImage;
	SelectedImage = null;
	thumbNorm(old);
	}

var i;

for (i=1; i<=1; ++i)
	if (tab==i)
		{
		document.getElementById("inactive" + i).style.display = "none";
		document.getElementById("active" + i).style.display = "block";
		document.getElementById("body" + i).style.display = "block";
		}
	else
		{
		document.getElementById("inactive" + i).style.display = "inline";
		document.getElementById("active" + i).style.display = "none";
		document.getElementById("body" + i).style.display = "none";
		}
}

function setBodyTab(tab)
{
var i;

for (i=1; i<=2; ++i)
	if (tab==i)
		{
		document.getElementById("inactive" + i).style.display = "none";
		document.getElementById("active" + i).style.display = "block";
		document.getElementById("body" + i).style.display = "block";
		}
	else
		{
		document.getElementById("inactive" + i).style.display = "block";
		document.getElementById("active" + i).style.display = "none";
		document.getElementById("body" + i).style.display = "none";
		}
}

function selImg(image)
{
if (SelectedImage != null)
	{
	if (SelectedImage == 0)
		Sufix = "";
	else
		Sufix = SelectedImage;
	Img = document.getElementById("image" + Sufix).style.display = "none";
		
	var old = SelectedImage;
	SelectedImage = null;
	thumbNorm(old);
	}
	
SelectedImage = image;

if (!image)
	SelectedImage = 0;

// hide all text tabs
setTab(-1);

var suffix;

if (!image)
	image = "";
	
document.getElementById("image" + image).style.display = "block";

var Ele = document.getElementById("thumb" + image);

Ele.style.border = "3px solid #FF8888";
};