var pics=['computer_services','bespoke','opensource','telephone','support'];

function loadPage(page){
 new Ajax.Updater('content', page, {asynchronous:true});

}


function changeTabs(id){

if(!id){
	id=document.getElementById('computer_services');
}
var strBase="pics/menu_tabs/";
	for(var i=0;i<pics.length;i++){
		if(pics[i]==id.name){
			document.getElementById(id.name).src=strBase+id.name+"_on.gif";
			//document.getElementById(id.name+'_div').style.display="block";
			loadPage(id.name+'.php');
		}else{
			document.getElementById(pics[i]).src=strBase+pics[i]+"_off.gif";
			//document.getElementById(pics[i]+'_div').style.display="none";
		}
	}


}

function hoverTabs(id){
var strBase="pics/menu_tabs/";
var test;
	test=id.src;
	if(test.indexOf('_on.gif')>0){
		//document.getElementById(pics[i]).src=strBase+pics[i]+"_hover.png";
	}else{
		id.src=strBase+id.name+"_hover.gif";
	}

}

function mouseOutTabs(id){
var strBase="pics/menu_tabs/";
var test;
	test=id.src;
	if(test.indexOf('_on.gif')>0){
		//document.getElementById(pics[i]).src=strBase+pics[i]+"_hover.png";
	}else{
		id.src=strBase+id.name+"_off.gif";
	}

}