function showloader(id)
{
	var ctrl = document.getElementById(id);
	ctrl.style.visibility = 'visible';
	ctrl.style.display = 'block';
}
function hideloader(id)
{
	var ctrl = document.getElementById(id);
	ctrl.style.visibility = 'hidden';
	ctrl.style.display = 'none';
}

var CurrentMenu;


function getframeindex(id)
{
	var frm = window.frames;
	for (i=0; i < frm.length; i++) 
	{
		if (frm[i].name == id ){ return i;}
	}
}

function loadFrame(id, url)
{
	var ctrla = document.getElementById(id);
	if(ctrla)
	{
		if (ctrla.src != url)
		{
			ctrla.src = url;
			index = getframeindex(id);
			self.frames[index].location.href = url;
		}
	}
}
function hideall(ids)
{
	arrayOfid = ids.split(',');
	for (var i=0; i < arrayOfid.length; i++) 
	{
		hideloader(arrayOfid[i]);
	}
}

function backall(ids)
{
	var arrayOfid = ids.split(',');
	for (var i=0; i < arrayOfid.length; i++) 
	{
		backcolor(arrayOfid[i]);
	}
}

function backcolor(id)
{
	var ctrl = document.getElementById(id);
	if (id == CurrentMenu) return; 
	ctrl.className = 'unclickbutton';
}
function clickcolor(id, ids)
{ 
	var ctrl1 = document.getElementById(id);
	CurrentMenu = id;
	backall(ids);
	ctrl1.className = 'clickbutton'; 
}
function overcolor(id, ids)
{ 
	backall(ids);
	if (id == CurrentMenu) return; 
	ctrl = document.getElementById(id);
	ctrl.className = 'overbutton';
}
function textareafocus(id)
{
	var ctrl = document.getElementById(id);
	if (ctrl) ctrl.focus();
}

function clickMenu(id, ids)
{	
	var ctrl = document.getElementById(id);
	cleartab(ids);
	ctrl.className = 'overvector'; 
}

function cleartab(ids)
{
	var arrayOfid = ids.split(',');
	for (var i=0; i < arrayOfid.length; i++)
	{
		 clearcolor(arrayOfid[i]);
	}
}
function clearcolor(id)
{
	var ctrl = document.getElementById(id);
	ctrl.className = 'vectortab';
}