// JavaScript Document


function sub_n_arc()
{
	document.getElementById("arc").style.display='none';	
}
function sub_n_ani()
{
	document.getElementById("ani").style.display='none';	
}
function sub_n_web()
{
	document.getElementById("web").style.display='none';	
}

function ekoo1()
{
	document.getElementById("ekoo1").style.display='inline';
	document.getElementById("ekoo2").style.display='none';
	document.getElementById("ekoo3").style.display='none';
	document.getElementById("ekoo4").style.display='none';
}
function ekoo2()
{
	document.getElementById("ekoo1").style.display='none';
	document.getElementById("ekoo2").style.display='inline';
	document.getElementById("ekoo3").style.display='none';
	document.getElementById("ekoo4").style.display='none';
}
function ekoo3()
{

	document.getElementById("ekoo1").style.display='none';
	document.getElementById("ekoo2").style.display='none';
	document.getElementById("ekoo3").style.display='inline';
	document.getElementById("ekoo4").style.display='none';
}
function ekoo4()
{
	document.getElementById("ekoo1").style.display='none';
	document.getElementById("ekoo2").style.display='none';
	document.getElementById("ekoo3").style.display='none';
	document.getElementById("ekoo4").style.display='inline';
}




function sub_arc()
{
	document.getElementById("arc").style.display='inline';
	sub_n_ani();
	sub_n_web();
	document.getElementById("ad").src='img/btn/Animation/animationoff.png';
	document.getElementById("w").src='img/btn/interactive/interactiveoff.png';
	
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("company").src='img/btn/companyoff.png';
	document.getElementById("clients").src='img/btn/clientsoff.png';
	document.getElementById("contact").src='img/btn/contactoff.png';
	
	document.getElementById("company1").style.display='none';
	document.getElementById("contacto").style.display='none';
	
	ekoo2();
	
	document.getElementById("av").src='img/btn/arch/archon.png';
	document.getElementById("avimg").src='img/btn/arch/archimgon.png';
}




function sub_ani()
{
	document.getElementById("ani").style.display='inline';	
	sub_n_arc();
	sub_n_web();
	document.getElementById("av").src='img/btn/arch/archoff.png';
	document.getElementById("w").src='img/btn/interactive/interactiveoff.png';
	
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("company").src='img/btn/companyoff.png';
	document.getElementById("clients").src='img/btn/clientsoff.png';
	document.getElementById("contact").src='img/btn/contactoff.png';
	
	document.getElementById("company1").style.display='none';
	document.getElementById("contacto").style.display='none';
	
	ekoo3();
	
		document.getElementById("ad").src='img/btn/Animation/animationon.png';
	document.getElementById("adimg").src='img/btn/Animation/animationimgon.png';
}

function sub_web()
{
	document.getElementById("web").style.display='inline';
	sub_n_arc();
	sub_n_ani();
	document.getElementById("av").src='img/btn/arch/archoff.png';
	document.getElementById("ad").src='img/btn/Animation/animationoff.png';
	
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("company").src='img/btn/companyoff.png';
	document.getElementById("clients").src='img/btn/clientsoff.png';
	document.getElementById("contact").src='img/btn/contactoff.png';
	
	document.getElementById("company1").style.display='none';
	document.getElementById("contacto").style.display='none';
	
	ekoo4();
	
		document.getElementById("w").src='img/btn/interactive/interactiveon.png';
	document.getElementById("wimg").src='img/btn/interactive/webon.png';
}

function sub_mul()
{
	document.getElementById("web").style.display='inline';
	sub_n_arc();
	sub_n_ani();
	document.getElementById("av").src='img/btn/arch/archoff.png';
	document.getElementById("ad").src='img/btn/Animation/animationoff.png';
	
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("company").src='img/btn/companyoff.png';
	document.getElementById("clients").src='img/btn/clientsoff.png';
	document.getElementById("contact").src='img/btn/contactoff.png';
	
	document.getElementById("company1").style.display='none';
	document.getElementById("contacto").style.display='none';
	
	ekoo4();
	
		document.getElementById("w").src='img/btn/interactive/interactiveon.png';
	document.getElementById("wmul").src='img/btn/interactive/multimediaon.png';
}

function sub_apli()
{
	document.getElementById("web").style.display='inline';
	sub_n_arc();
	sub_n_ani();
	document.getElementById("av").src='img/btn/arch/archoff.png';
	document.getElementById("ad").src='img/btn/Animation/animationoff.png';
	
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("company").src='img/btn/companyoff.png';
	document.getElementById("clients").src='img/btn/clientsoff.png';
	document.getElementById("contact").src='img/btn/contactoff.png';
	
	document.getElementById("company1").style.display='none';
	
	document.getElementById("contacto").style.display='none';
	
	ekoo4();
	
		document.getElementById("w").src='img/btn/interactive/interactiveon.png';
	document.getElementById("wapli").src='img/btn/interactive/applicationon.png';
}


<!--otros*********************************-->
function fhome()
{
	document.getElementById("navega").style.display='inline';
	sub_n_arc();
	sub_n_ani();
	sub_n_web();
	document.getElementById("av").src='img/btn/arch/archoff.png';
	document.getElementById("ad").src='img/btn/Animation/animationoff.png';
	document.getElementById("w").src='img/btn/interactive/interactiveoff.png';
	
	
	//apagar botones
	
	document.getElementById("clients").src='img/btn/clientsoff.png';
	document.getElementById("contact").src='img/btn/contactoff.png';
	document.getElementById("company").src='img/btn/companyoff.png';
	
	//cerrrar puntos y contenidos
	document.getElementById("puntos").style.display='none';
	document.getElementById("company1").style.display='none';
	document.getElementById("contacto").style.display='none';
	ekoo1();
	cerrar_grilla();
}
function compa()
{
	document.getElementById("navega").style.display='none';
	sub_n_arc();
	sub_n_ani();
	sub_n_web();
	document.getElementById("av").src='img/btn/arch/archoff.png';
	document.getElementById("ad").src='img/btn/Animation/animationoff.png';
	document.getElementById("w").src='img/btn/interactive/interactiveoff.png';
	
	
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("clients").src='img/btn/clientsoff.png';
	document.getElementById("contact").src='img/btn/contactoff.png';
	document.getElementById("contacto").style.display='none';
	
	
	fpuntos(); 
	fcompany();
	ekoo1();
	cerrar_grilla();
}


function contac()
{
	document.getElementById("navega").style.display='none';
	sub_n_arc();
	sub_n_ani();
	sub_n_web();
	document.getElementById("av").src='img/btn/arch/archoff.png';
	document.getElementById("ad").src='img/btn/Animation/animationoff.png';
	document.getElementById("w").src='img/btn/interactive/interactiveoff.png';
	
	
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("clients").src='img/btn/clientsoff.png';
	document.getElementById("company").src='img/btn/companyoff.png';
	
	document.getElementById("company1").style.display='none';
	
	
	fpuntos(); 
	fcontact();
	ekoo1();
	cerrar_grilla();
}

function cli()
{
	sub_n_arc();
	sub_n_ani();
	sub_n_web();
	document.getElementById("av").src='img/btn/arch/archoff.png';
	document.getElementById("ad").src='img/btn/Animation/animationoff.png';
	document.getElementById("w").src='img/btn/interactive/interactiveoff.png';
	
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("company").src='img/btn/companyoff.png';
	document.getElementById("contact").src='img/btn/contactoff.png';
	
	document.getElementById("company1").style.display='none';
	document.getElementById("contacto").style.display='none';
	document.getElementById("clients").src='img/btn/clientson.png';
	
	
	ekoo1();
		cerrar_grilla();
}


function fpuntos()
{

	document.getElementById("puntos").style.display='inline';
}



function fcompany()
{
		document.getElementById("company1").style.display='inline';
}

function fcontact()
{
		document.getElementById("contacto").style.display='inline';
}



function cerrar_grilla()
{
		document.getElementById("grilla").style.display='none';
		document.getElementById("puntosgrilla").style.display='none';
		
}


function enviar_f(){
	if(valida_email())
	{
   		document.getElementById("frm").submit()
	}
}


function valida_email()
{
	if((document.getElementById('mail').value.indexOf('@')==-1)||(document.getElementById('mail').value.indexOf('.')==-1)){
			alert("- Por favor digite un E-mail valido");
			return false;
	}
	else
	{
			return true;
			
	}

}

function enviar()
{
	if(validacion())
	{
		document.getElementById("frm").submit();	

	}
}

function afectar(campo){
	document.getElementById(campo).style.background ='#2A6EBC';
	document.getElementById(campo).style.color = '#FFFFFF';
}  
function validacion(){   
	var msj = "Los siguientes campos son obligatorios \n\n";
	if(document.getElementById("nombre").value == "") {    
        msj = msj+'- Nombre \n'; 
		afectar('nombre');
     }   
	 
	if(document.getElementById('mail').value != "")
	{
		if((document.getElementById('mail').value.indexOf('@')==-1)||(document.getElementById('mail').value.indexOf('.')==-1))
		  {
				msj = msj+'- Por favor digite un E-mail valido \n'; 
				afectar("mail");
		  }          
	}
	else
	{
		msj = msj+'- E-mail \n'; 
		afectar("mail");
	}
	        
      if(document.getElementById("telefono").value == "") {    
        msj = msj+'- Telefono \n'; 
		afectar('telefono');
     }  
	 
	if(document.getElementById("mensaje").value == "") {    
        msj = msj+'- Mensaje \n'; 
		afectar('mensaje');
     }  
	 
	if(msj != "Los siguientes campos son obligatorios \n\n")
	{
		alert(msj);
		return false;
	}
	else
	{return true;}
}   


function sub_arvi()
{
	ekoo2();
	
	document.getElementById("arc").style.display='inline';
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("av").src='img/btn/arch/archon.png';
	document.getElementById("avvi").src='img/btn/arch/archvideoon.png';
}


function sub_arpl()
{
	ekoo2();
	
	document.getElementById("arc").style.display='inline';
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("av").src='img/btn/arch/archon.png';
	document.getElementById("avpl").src='img/btn/arch/archplanson.png';
}
function sub_arpho()
{

	ekoo2();
	  document.getElementById("arc").style.display='inline';
	  document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("av").src='img/btn/arch/archon.png';
	document.getElementById("avp").src='img/btn/arch/archphotoon.png';
}
function sub_wsocial()
{

document.getElementById("web").style.display='inline';
	sub_n_arc();
	sub_n_ani();
	document.getElementById("av").src='img/btn/arch/archoff.png';
	document.getElementById("ad").src='img/btn/Animation/animationoff.png';
	
	document.getElementById("home").src='img/btn/homeoff.png';
	document.getElementById("company").src='img/btn/companyoff.png';
	document.getElementById("clients").src='img/btn/clientsoff.png';
	document.getElementById("contact").src='img/btn/contactoff.png';
	
	document.getElementById("company1").style.display='none';
	document.getElementById("contacto").style.display='none';
	
	ekoo4();
	
	document.getElementById("w").src='img/btn/interactive/interactiveon.png';
	document.getElementById("ws").src='img/btn/interactive/social_on.png';


}
function sub_anivi()
{
	document.getElementById("ani").style.display='inline';	
	
	ekoo3();
	document.getElementById("home").src='img/btn/homeoff.png';
		document.getElementById("ad").src='img/btn/Animation/animationon.png';
	document.getElementById("advi").src='img/btn/Animation/animationvideoon.png';
}