function objetoAjax(){

	var xmlhttp=false;

	try {

		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

	} catch (e) {

		try {

		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

		} catch (E) {

			xmlhttp = false;

  		}

	}



	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {

		xmlhttp = new XMLHttpRequest();

	}

	return xmlhttp;

}



function MostrarPagina(pagina,boton){

	cont = document.getElementById('contenido');

	

	ajax=objetoAjax();

	

    ajax.open("GET", pagina);

    ajax.onreadystatechange = function(){

		if (ajax.readyState == 4 && ajax.status == 200) {

			cont.innerHTML = ajax.responseText;

		}

	}

	ajax.send(null);

	//----------- configuraciones previas -------------//

	

	//definir los titulos de los botones

	titulo=new Array();

	titulo[0]="HOME";

	titulo[1]="VENTAS";

	titulo[2]="PROGRAMAS";

	titulo[3]="PATROCINADOR";

	titulo[4]="GALER&Iacute;A";

	titulo[5]="CONTACTO";
	
	

	//definir numero de botones

	nrobtn=6;

	

	//definir prefijo de botones

	pref="boton_";

	

	//-------------------- fin ------------------------//



	//quita el estilo a todos los botones

	for(i=1;i<=nrobtn;i++){

		tit=titulo[i-1];

		btn=document.getElementById(pref+i);

		btn.innerHTML="<span style=\"border-top:1px #cc3300 solid; border-left:1px #cc3300 solid; border-right:1px #cc3300 solid; border-bottom:1px #444 solid; margin-left:5px; padding:3px; text-decoration:none; 	background-color:#CC3300;\">"+tit+"</span>";

	}

	//le da estilo al boton actual

	btnA = document.getElementById(pref+boton);

	tit=titulo[boton-1];

	btnA.innerHTML="<span style=\"border-top:1px #ccc solid;	border-left:1px #ccc solid; border-right:1px #ccc solid;	margin-left:5px; padding:4px; text-decoration:none;color:#000; background-color:#FFF;\">"+tit+"</span>";

}


