function tabselect(tab) {
	var tablist = $('tabcontrol1').getElementsByTagName('li');
	var nodes = $A(tablist);
	var table = null;
	
	nodes.each(function(node){
		if (node.id == tab.id) {
			if (node.className != 'tab-selected') {
				node.className = 'tab-selected';
				table = $(node.id + '_table');
				table.className = table.className.replace('-unselected', '-selected');
				var tds = $A(node.getElementsByTagName('td'));
				tds.each(function(td){ 
					td.className = td.className.replace('-over', '') + '-selected';
				});
			}
		} else {
			node.className = 'tab-unselected';
			table = $(node.id + '_table');
			table.className = table.className.replace('-selected', '-unselected');
			var tds = $A(node.getElementsByTagName('td'));
			tds.each(function(td){ 
				td.className = td.className.replace('-selected', '');
			});
		};
	});
}

function tabover(tab) {
	//alert(tab.className);
	var tablist = tab.getElementsByTagName('td');
	var nodes = $A(tablist);
	
	if (tab.className == 'tab-selected') {
		return true;
	} else { 
		nodes.each(function(node){
			node.className = node.className + '-over';
		});
	}
}

function tabout(tab) {
	var tablist = tab.getElementsByTagName('td');
	var nodes = $A(tablist);
	
	if (tab.className == 'tab-selected') {
		return true;
	} else {
		nodes.each(function(node){
			node.className = node.className.replace('-over', '');
		});
	}
  
}

function paneselect(pane) {
	var panelist = $('panecontrol1').getElementsByTagName('li');
	var nodes = $A(panelist);
	
	nodes.each(function(node){
		if (node.id == pane.id) {
			pane.className='pane-selected';
		} else {
			node.className='pane-unselected';
		};
	});
}

function loadPane(pane, url) {
	if (pane.innerHTML == '') { 
		pane.innerHTML = '<img alt="Loading..." src="/medias/loading.gif" /> Loading...';
		var ajax = new Ajax.Updater(pane.id, 
									url, 
									{ asynchronous: true, evalScripts:true });
		return true;
	}
}