

function opescuela(){ 
var t=$('opescuela'); 
t.observe( 'click', function() { 
	elactivo = $('fotocap').getElementsByClassName('activo');
	if(elactivo[0]){
		elactivo[0].className = 'desactivado';
		}
		t.className = 'activo';
		$('loadinfo').hide();
		$('loadinfo').show();
		Element.update('loadinfo', "<div style='text-align:center;font-size:15px;line-height:34px;'><img src='../images/loading.gif' alt='Cargando...' style='vertical-align:middle;' /> Cargando...</div>");
    new Ajax.Updater('loadinfo', 'escuela.php?req=ajax', {onSuccess:function()	{ 
	
	$('loadinfo').hide();
	new Effect.Appear('loadinfo');}});


    } 
  ); 
} 
function opnosotros(){ 
var t=$('opnosotros'); 
t.observe( 'click', function() { 
	elactivo = $('fotocap').getElementsByClassName('activo');
	if(elactivo[0]){
		elactivo[0].className = 'desactivado';
		}
		t.className = 'activo';
		$('loadinfo').hide();

		$('loadinfo').show();
		Element.update('loadinfo', "<div style='text-align:center;font-size:15px;line-height:34px;'><img src='../images/loading.gif' alt='Cargando...' style='vertical-align:middle;' /> Cargando...</div>");

    new Ajax.Updater('loadinfo', 'nosotros.php?req=ajax', {onSuccess:function()	{ 
	
	$('loadinfo').hide();
	new Effect.Appear('loadinfo');}});

    } 
  ); 
} 
function opgaleria(){ 
var t=$('opgaleria'); 
t.observe( 'click', function() { 
	elactivo = $('fotocap').getElementsByClassName('activo');
	if(elactivo[0]){
		elactivo[0].className = 'desactivado';
		}
		t.className = 'activo';
		$('loadinfo').hide();
		$('loadinfo').show();
		Element.update('loadinfo', "<div style='text-align:center;font-size:15px;line-height:34px;'><img src='../images/loading.gif' alt='Cargando...' style='vertical-align:middle;' /> Cargando...</div>");
    new Ajax.Updater('loadinfo', 'galeria.php?req=ajax', {extractScripts:true, evalScripts: true, onSuccess:function()	{
	$('loadinfo').hide();
	new Effect.Appear('loadinfo');}});

    } 
  ); 
} 
function opcalendario(){ 
var t=$('opcalendario'); 
t.observe( 'click', function() { 
	elactivo = $('fotocap').getElementsByClassName('activo');
	if(elactivo[0]){
		elactivo[0].className = 'desactivado';
		}
		t.className = 'activo';
		$('loadinfo').hide();
		$('loadinfo').show();
		Element.update('loadinfo', "<div style='text-align:center;font-size:15px;line-height:34px;'><img src='../images/loading.gif' alt='Cargando...' style='vertical-align:middle;' /> Cargando...</div>");
    new Ajax.Updater('loadinfo', 'calendario.php?req=ajax', {onSuccess:function()	{
	$('loadinfo').hide();
	new Effect.Appear('loadinfo');}});

    } 
  ); 
} 
function opcontacto(){ 
var t=$('opcontacto'); 
t.observe( 'click', function() { 
	elactivo = $('fotocap').getElementsByClassName('activo');
	if(elactivo[0]){
		elactivo[0].className = 'desactivado';
		}
		t.className = 'activo';
		$('loadinfo').hide();
		$('loadinfo').show();
		Element.update('loadinfo', "<div style='text-align:center;font-size:15px;line-height:34px;'><img src='../images/loading.gif' alt='Cargando...' style='vertical-align:middle;' /> Cargando...</div>");
    new Ajax.Updater('loadinfo', 'contacto.php?req=ajax', {onSuccess:function()	{ 
	$('loadinfo').hide();
	new Effect.Appear('loadinfo');}});

    } 
  ); 
}  


function cargarGaleria(_subseccion, _id){
	var t = $('opGaleria'+_id);
	if(_subseccion=='videos'){
		t = $('opGaleriaV');
	}
	elactivo = $('menusidebar').getElementsByClassName('sb-sactivo');
	if(elactivo[0]){
		elactivo[0].className = 'desactivado';
		}
		$('subcontenido').hide();
		$('subcontenido').show();
		t.className = 'sb-sactivo';
		Element.update('subcontenido', "<br/><p style='text-align:center;font-size:15px;line-height:34px;'><img src='../images/loading.gif' alt='Cargando...' style='vertical-align:middle;' /> Cargando...</p>");

		new Ajax.Updater('subcontenido', 'galeria.php?req=sajax&sub='+_subseccion+'&id='+_id, {evalScripts:true, extractScripts:true, asynchronous:true, onSuccess:function()	{ 
		$('subcontenido').hide();
		new Effect.Appear('subcontenido');}});
}
function cargarNosotros(_subseccion){
	var t = $('op'+_subseccion);
	elactivo = $('menusidebar').getElementsByClassName('sb-sactivo');
	if(elactivo[0]){
		elactivo[0].className = 'desactivado';
		}
		$('subcontenido').hide();
		$('subcontenido').show();
		t.className = 'sb-sactivo';
		Element.update('subcontenido', "<br/><p style='text-align:center;font-size:15px;line-height:34px;'><img src='../images/loading.gif' alt='Cargando...' style='vertical-align:middle;' /> Cargando...</p>");
		new Ajax.Updater('subcontenido', 'nosotros.php?req=sajax&sub='+_subseccion, {evalScripts:true, extractScripts:true, asynchronous:true, onSuccess:function()	{
			$('subcontenido').hide();
			new Effect.Appear('subcontenido');}});
}
function cargarSeccion(_seccion){
	var t = $('op'+_seccion);
	elactivo = $('fotocap').getElementsByClassName('activo');
	if(elactivo[0]){
		elactivo[0].className = 'desactivado';
		}
		$('loadinfo').hide();
		$('loadinfo').show();
		t.className = 'activo';
		Element.update('loadinfo', "<br/><p style='text-align:center;font-size:15px;line-height:34px;'><img src='../images/loading.gif' alt='Cargando...' style='vertical-align:middle;' /> Cargando...</p>");
		new Ajax.Updater('loadinfo', _seccion+'.php?req=ajax', {evalScripts:true, extractScripts:true, asynchronous:true, onSuccess:function()	{
		$('loadinfo').hide();
		new Effect.Appear('loadinfo');}});
}
Event.observe(window, "load",opnosotros, false); 
Event.observe(window, "load",opescuela, false); 
Event.observe(window, "load",opgaleria, false); 
Event.observe(window, "load",opcalendario, false); 
Event.observe(window, "load",opcontacto, false); 


