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 nuevoContacto()
{
		var txt;
		var imail=document.getElementById("mail").value;	
		var imensaje=document.getElementById("mensaje").value;

		if(imail==""){  
			document.getElementById("txt_contacto").innerHTML='<span onClick="nuevoContacto();" class="texto">&nbsp;&nbsp;+++&nbsp;&nbsp;</span>pon&nbsp;tu&nbsp;mail';
			return false; 
		}
		if(imensaje==""){  
			document.getElementById("txt_contacto").innerHTML='<span onClick="nuevoContacto();" class="texto">&nbsp;&nbsp;+++&nbsp;&nbsp;</span>dime&nbsp;algo,&nbsp;no?';
			return false; 
		}
 		ajax=nuevoAjax();
		ajax.open("GET", "manda_contacto.php?mail="+imail+"&mensaje="+imensaje,true);
		ajax.onreadystatechange=function() 
		{ 
		if (ajax.readyState==1)
			{
				document.getElementById("txt_contacto").innerHTML="&nbsp;&nbsp;enviando...";
			}
			if (ajax.readyState==4)
			{ 
				document.getElementById("txt_contacto").innerHTML=ajax.responseText;
			} 
		}
		ajax.send(null);
		return;
}
function abreSeccion(seccion){
	if(Element.getStyle(seccion,'display')!='block'){
		//cadena('interactive');
		Effect.SlideOpen(seccion);
		pageTracker._trackPageview(seccion);
	}
}

function devuelveTrabajos(){
	var elemento;
	elemento=trabajo.shift();
	trabajo.push(elemento);
	return elemento;
}

existe=new Array();

function reiniciaContenido(){
	for(var x=0;x<existe.length;x++){
		for(var a=1;a<=5;a++){
			var obj = document.getElementById(existe[x]+a);
			obj.parentNode.removeChild(obj); 
		}
	}
	existe=new Array();
}

function cambiaTrabajos(){
	var cuantos=3;
	var texto;
	var pos=0;
	var tmp=2;
	//borro los contenidos y reinicio el array de mostrando
	reiniciaContenido();
	
	for(x=0;x<cuantos;x++){
		/*1*/document.getElementById('izq'+x).innerHTML = document.getElementById('der'+x).innerHTML;
		/*2*/document.getElementById('der'+x).style.display="none";
		/*3*/document.getElementById('izq'+x).style.display="block";

		texto=devuelveTrabajos();
		//para saber debajo de que elemento abro el contenido
		pos=x+tmp;
		tmp=tmp+2;
		/*4*/document.getElementById('der'+x).innerHTML="<span onclick=\"pageTracker._trackPageview('"+texto+"');abreContenido('"+pos+"','"+texto+"');\">"+texto+"</span>";
	
		/*5*/document.getElementById('izq'+x).style.display="none";
		/*5*///Element.hide('izq'+x);
		/*6*///Element.show('der');
		Effect.SlideOpen('der'+x);
		//Effect.SlideClose('izq');
	}
}
function efectoContenido(elemento){
	for(var a=1;a<=3;a++){
		Effect.SlideOpen(elemento+"_"+a);
	}
}

function abreContenido(posicion,elemento){

var tabla = document.getElementById('tabla');

var div = document.createElement("div");
div.setAttribute("id","jeje");

var mostrado=false;
	
	for(var x=0;x<existe.length;x++){
		//alert(existe[x]);
		if(existe[x]==elemento)	mostrado=true;
	}
	
	if(mostrado==true){
		//alert("esta abierto!!"); 
	}else{ 
		//existe[elemento]=1;
		existe.push(elemento);
		
		//Element.hide('tabla');
		
		//creo la fila concepto
		//le asigno a la fila un id para poder borrarla despues
		var fila1 = tabla.insertRow(0);
		fila1.setAttribute("id",elemento+"1");
		var celda1 = document.createElement("TD");
		celda1.setAttribute("colSpan",posicion);
		celda1.setAttribute("align","right");
		celda1.innerHTML="<div class='logo' id='"+elemento+"1_1'><div>concepto</div></div>"
		var celda2 = document.createElement("TD");
		celda2.setAttribute("align","left");
		celda2.innerHTML="<div id='"+elemento+"1_2'><div>&nbsp;&nbsp;|&nbsp;&nbsp;</div></div>";
		var celda3 = document.createElement("TD");
		celda3.setAttribute("colSpan","25");
		celda3.innerHTML="<div id='"+elemento+"1_3'><div>"+concepto[elemento]+"</div></div>";
		fila1.appendChild(celda1);
		fila1.appendChild(celda2);
		fila1.appendChild(celda3);
		//la pongo a none para mostrarla con efecto
		Element.hide(elemento+"1_1");
		Element.hide(elemento+"1_2");
		Element.hide(elemento+"1_3");
		
		
		//creo la fila diseņo
		//le asigno a la fila un id para poder borrarla despues
		var fila2 = tabla.insertRow(1);
		fila2.setAttribute("id",elemento+"2");
		var celda1 = document.createElement("TD");
		celda1.setAttribute("colSpan",posicion);
		celda1.setAttribute("align","right");
		celda1.innerHTML="<div class='logo' id='"+elemento+"2_1'><div>diseņo</div></div>"
		var celda2 = document.createElement("TD");
		celda2.setAttribute("align","left");
		celda2.innerHTML="<div id='"+elemento+"2_2'><div>&nbsp;&nbsp;|&nbsp;&nbsp;</div></div>";
		var celda3 = document.createElement("TD");
		celda3.setAttribute("colSpan","25");
		celda3.innerHTML="<div id='"+elemento+"2_3'><div>"+disenio[elemento]+"</div></div>";
		fila2.appendChild(celda1);
		fila2.appendChild(celda2);
		fila2.appendChild(celda3);
		//la pongo a none para mostrarla con efecto
		Element.hide(elemento+"2_1");
		Element.hide(elemento+"2_2");
		Element.hide(elemento+"2_3");
		
		//creo la fila desarrollo
		//le asigno a la fila un id para poder borrarla despues
		var fila3 = tabla.insertRow(2);
		fila3.setAttribute("id",elemento+"3");
		var celda1 = document.createElement("TD");
		celda1.setAttribute("colSpan",posicion);
		celda1.setAttribute("align","right");
		celda1.innerHTML="<div class='logo' id='"+elemento+"3_1'><div>desarrollo</div></div>"
		var celda2 = document.createElement("TD");
		celda2.setAttribute("align","left");
		celda2.innerHTML="<div id='"+elemento+"3_2'><div>&nbsp;&nbsp;|&nbsp;&nbsp;</div></div>";
		var celda3 = document.createElement("TD");
		celda3.setAttribute("colSpan","25");
		celda3.innerHTML="<div id='"+elemento+"3_3'><div>"+desarrollo[elemento]+"</div></div>";
		fila3.appendChild(celda1);
		fila3.appendChild(celda2);
		fila3.appendChild(celda3);
		//la pongo a none para mostrarla con efecto
		Element.hide(elemento+"3_1");
		Element.hide(elemento+"3_2");
		Element.hide(elemento+"3_3");

		//creo la fila ver
		//le asigno a la fila un id para poder borrarla despues
		var fila4 = tabla.insertRow(3);
		fila4.setAttribute("id",elemento+"4");
		var celda1 = document.createElement("TD");
		celda1.setAttribute("colSpan",posicion);
		celda1.setAttribute("align","right");
		celda1.innerHTML="<div class='logo' id='"+elemento+"4_1'><div>&nbsp;</div></div>";
		var celda2 = document.createElement("TD");
		celda2.setAttribute("align","left");
		celda2.innerHTML="<div id='"+elemento+"4_2'><div>&nbsp;&nbsp;|&nbsp;&nbsp;</div></div>";
		var celda3 = document.createElement("TD");
		celda3.setAttribute("colSpan","25");
		celda3.innerHTML="<div id='"+elemento+"4_3'><a href="+enlace[elemento]+" target='_blank' onclick=\"pageTracker._trackPageview('"+enlace[elemento]+"');\">ver</a></div>";
		fila4.appendChild(celda1);
		fila4.appendChild(celda2);
		fila4.appendChild(celda3);
		//la pongo a none para mostrarla con efecto
		Element.hide(elemento+"4_1");
		Element.hide(elemento+"4_2");
		Element.hide(elemento+"4_3");
		
		//creo la fila del espacio
		//le asigno a la fila un id para poder borrarla despues
		var fila4 = tabla.insertRow(4);
		fila4.setAttribute("id",elemento+"5");
		var celda1 = document.createElement("TD");
		celda1.setAttribute("colSpan","25");
		celda1.setAttribute("align","right");
		celda1.innerHTML="&nbsp;";
		fila4.appendChild(celda1);

		//despues de tenerlas todas formadas las muestro*/
		efectoContenido(elemento+"1");
		setTimeout("efectoContenido('"+elemento+"2')",300);
		setTimeout("efectoContenido('"+elemento+"3')",500);
		setTimeout("efectoContenido('"+elemento+"4')",700);
		/*efectoContenido(elemento+"2");
		efectoContenido(elemento+"3");
		efectoContenido(elemento+"4");*/

	}
}
function cadena(palabra){
	cont=0;
	for(a=0;a<palabra.length;a++){
		setTimeout("new Ajax.Updater(\'"+palabra+"\', \'escribe_negrita.php?cadena="+palabra+"&pos="+eval(a+1)+"\', {asynchronous:true})",cont*50);
		cont++;
	}
	for(a=0;a<palabra.length;a++){
		setTimeout("new Ajax.Updater(\'"+palabra+"\', \'borra_negrita.php?cadena="+palabra+"&pos="+eval(a+1)+"\', {asynchronous:true})",cont*50);
		cont++;
	}
	//esto si quiero que el efecto sea simetrico
	/*for(a=palabra.length-1;a>=0;a--){
		//alert(a);
		setTimeout("new Ajax.Updater(\'interactive\', \'borra_negrita.php?cadena="+palabra+"&pos="+eval(a+1)+"\', {asynchronous:true})",1*cont*50);
		cont++;
	}*/
	setTimeout("$("+palabra+").innerHTML='"+palabra+"'",cont);
}

//setInterval("cadena('matafuka')",4000);
//setInterval("cadena('interactive')",6000);