var anterior;
if (!anterior)
	anterior = 'about';

var clases = new Array();
clases['about'] = new Array();
clases['culture'] = new Array();
clases['people'] = new Array();
clases['story'] = new Array();
clases['approach'] = new Array();

clases['about'][0] = 'image-left-about';
clases['about'][1] = 'image-left-about2';

clases['culture'][0] = 'image-culture';
clases['culture'][1] = 'image-culture2';

clases['people'][0] = 'image-people';
clases['people'][1] = 'image-people2';

clases['story'][0] = 'image-story';
clases['story'][1] = 'image-story2';

clases['approach'][0] = 'image-approach';
clases['approach'][1] = 'image-approach2';


function setear()
{
	document.getElementById(anterior).className = 'xxx';
	anterior = this.id;
	document.getElementById('img').className = clases[anterior][0];
}







function NuevoAjax(){
	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 view(url, div, img, active){
	var contenido;
	var divact;
	contenido = document.getElementById(div);
	divact = document.getElementById(active);
	ajax=NuevoAjax();
	ajax.open("GET", url,true);
	ajax.onreadystatechange=function(){
		if(ajax.readyState==1){
			contenido.innerHTML = "<div class='size_matters'>Loading...</div>";
			contenido.style.background = "#FFFFFF url('img/indicator.gif') no-repeat center center";
		}else if(ajax.readyState==4){
			if(ajax.status==200){
				contenido.innerHTML = ajax.responseText;
				document.getElementById('image-right-about').innerHTML = '<img src="images/' + img + '" border="0">';
				divact.className = 'active';
				contenido.style.background = "url(/img/raya.png)";
			}else if(ajax.status==404){
				contenido.innerHTML = "<span class='loading'>Page don't exist.</span>";
			}else{
				contenido.innerHTML = "Error:".ajax.status;
			}
		}
	}
	ajax.send(null);
}


function news(url, div){
	var contenido;
	contenido = document.getElementById(div);
	ajax=NuevoAjax();
	ajax.open("GET", url,true);
	ajax.onreadystatechange=function(){
		if(ajax.readyState==1){
			contenido.innerHTML = "<div class='size_matters'>Loading...</div>";
			contenido.style.background = "#FFFFFF url('img/indicator.gif') no-repeat center center";
		}else if(ajax.readyState==4){
			if(ajax.status==200){
				contenido.innerHTML = ajax.responseText;
				contenido.style.background = "url(/img/raya.png)";
			}else if(ajax.status==404){
				contenido.innerHTML = "<span class='loading'>Page don't exist.</span>";
			}else{
				contenido.innerHTML = "Error:".ajax.status;
			}
		}
	}
	ajax.send(null);
}