// JavaScript Document

function showtab(tab,btn) {
	var btnE=document.getElementById(btn);
	var tabE=document.getElementById(tab);
	
	// hide all tabs
	document.getElementById('pda').style.display='none';
	document.getElementById('cocina').style.display='none';
	document.getElementById('pizzeria').style.display='none';
	document.getElementById('balanza').style.display='none';
	document.getElementById('pago').style.display='none';
	document.getElementById('reservas').style.display='none';
	document.getElementById('remota').style.display='none';
	document.getElementById('backoffice').style.display='none';
	document.getElementById('fidel').style.display='none';
	document.getElementById('imp').style.display='none';
	document.getElementById('barras').style.display='none';
	document.getElementById('presencia').style.display='none';
	document.getElementById('fraccion').style.display='none';
	
	//show selected tab
	tabE.style.display='block';
	
	//unselect all tabs
	document.getElementById('btnpda').className='';
	document.getElementById('btncocina').className='';
	document.getElementById('btnpizzeria').className='';
	document.getElementById('btnbalanza').className='';
	document.getElementById('btnpago').className='';
	document.getElementById('btnreservas').className='';
	document.getElementById('btnremota').className='';
	document.getElementById('btnbackoffice').className='';
	document.getElementById('btnfidel').className='';
	document.getElementById('btnimp').className='';
	document.getElementById('btnbarras').className='';
	document.getElementById('btnpresencia').className='';
	document.getElementById('btnfraccion').className='';
	
	//select tab and hide all left
	document.getElementById(btn).className='active';
	document.getElementById(btn).style.outline='none';
}