// JavaScript Document
// var total_page = 9;
var total_page = 6;
var click_i = 1;
function gotopage(i)
{
	if (document.getElementById)
	{
		var textinline = document.getElementById("page0"); // Disable the first page
		textinline.style.display="none";
		
       for (k=1;k<=total_page;k++)
		{
		var textinline = document.getElementById("page"+k);
		var imageline = document.getElementById("image"+k);
		var smallbox = document.getElementById("smallbox"+k);
		textinline.style.display="none";
		smallbox.className ="smallclass";
		if (k!=i)
		{
		var smallbox = document.getElementById("smallbox"+k);
		smallbox.className ="rightbar";
		}
        imageline.className="barcell";
		imageline.style.backgroundImage = "url('images/bar"+k+"c.gif')";
		}
		click_i=i;
		var textinline = document.getElementById("page"+i);
		var imageline = document.getElementById("image"+i);
		var smallbox = document.getElementById("smallbox"+i);
		smallbox.className ="smallclass1";
		imageline.style.backgroundImage = "url('images/bar"+i+"o.gif')";
		imageline.className ="barcell1";
		textinline.style.display="block";
		return;
	}

}

function mouseover(i)
{
		var imageline = document.getElementById("image"+i);
		imageline.style.cursor="pointer";
		imageline.style.backgroundImage = "url('images/bar"+i+"o.gif')";

}

function mouseout(i)
{
		var imageline = document.getElementById("image"+i);
		if (i!= click_i)
		imageline.style.backgroundImage = "url('images/bar"+i+"c.gif')";

}