function getObject(objectId) {
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId);
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId);
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note£º this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
}

function view_bar(i)
{
	for(j=0;j<9;j++)
	{
		if(j==i)
		{
			getObject("b"+j).style.display="";
			getObject("a"+j).style.background="#CBCBCB";
		}
		else
		{
			getObject("b"+j).style.display="none";
			getObject("a"+j).style.background="#484B56";
		}
	}
	
	//alert();
	//alert(document.layers.("a"+i).style);
	
}
function hidden_bar(i)
{
	getObject("b"+i).style.display="none";
	getObject("a"+i).style.background="#484B56";
}