// JavaScript Document

$(document).ready(function(){	
				
				$("#main_nav ul li a").css({opacity:0});
				
				$('#link_home ').animate({opacity: .4}, 300);
				$('#link_nos').animate({opacity:.4}, 300);
				$('#link_demo').animate({opacity:.4}, 300);
				$('#link_dir').animate({opacity:.4}, 300);
				$('#link_foto').animate({opacity:.4}, 300);
				$('#link_contacto').animate({opacity:.4}, 300);
				$('#link_servicios').animate({opacity:.4}, 300);
				
				
				
			<!-----------------------INICIO DE FUNCION CLICK_HOME-->
		function click_home(div, opHome, opNos, opServicios, opDemo, opDir, opFoto, opContacto, opInicial){
			
			rutaDiv='#link_';
			
			$(rutaDiv + div).mouseover(function(){
				$('#link_home').animate({opacity:opHome}, 200);	
				$('#link_nos').animate({opacity:opNos}, 200);							
				$('#link_demo').animate({opacity:opDemo}, 200);
				$('#link_dir').animate({opacity:opDir}, 200);
				$('#link_foto').animate({opacity:opFoto}, 200);
				$('#link_contacto').animate({opacity:opContacto}, 200);
				$('#link_servicios').animate({opacity:opServicios}, 200);
			});
			
			/*$('#top').mouseout(function(){
				$('#link_home').animate({opacity:opInicial}, 200);
				$('#link_nos').animate({opacity:opInicial}, 200);
				$('#link_demo').animate({opacity:opInicial}, 200);
				$('#link_dir').animate({opacity:opInicial}, 200);
				$('#link_foto').animate({opacity:opInicial}, 200);
				$('#link_contacto').animate({opacity:opInicial}, 200);
				$('#link_servicios').animate({opacity:opInicial}, 200);
			});*/
			
			/*$('#link_nos').click(function(){
				window.location.href = 'http://www.google.com';
			}); MODO JAVA PARA INDICAR EL LINK AL TE LLEVE EL BOTÓN*/
			
		};<!-----------------------FIN DE FUNCION CLICK_HOME-->
	
			<!-----------------------INICIO DE FUNCION CLICK_NOS-->
		function click_nos(div, opHome, opNos, opServicios, opDemo, opDir, opFoto, opContacto, opInicial){
			
			rutaDiv='#link_';
			
			$(rutaDiv + div).mouseover(function(){
				$('#link_home').animate({opacity:opHome}, 200);	
				$('#link_nos').animate({opacity:opNos}, 200);							
				$('#link_demo').animate({opacity:opDemo}, 200);
				$('#link_dir').animate({opacity:opDir}, 200);
				$('#link_foto').animate({opacity:opFoto}, 200);
				$('#link_contacto').animate({opacity:opContacto}, 200);
				$('#link_servicios').animate({opacity:opServicios}, 200);
			});
			
			/*$(rutaDiv + div).mouseout(function(){
				$('#link_nos').animate({opacity:opInicial}, 200);
				$('#link_demo').animate({opacity:opInicial}, 200);
				$('#link_dir').animate({opacity:opInicial}, 200);
				$('#link_foto').animate({opacity:opInicial}, 200);
				$('#link_contacto').animate({opacity:opInicial}, 200);
				$('#link_servicios').animate({opacity:opInicial}, 200);
			});*/
			
			/*$('#link_nos').click(function(){
				window.location.href = 'http://www.google.com';
			}); MODO JAVA PARA INDICAR EL LINK AL TE LLEVE EL BOTÓN*/
			
		};<!-----------------------FIN DE FUNCION CLICK_NOS-->
		
		<!-----------------------INICIO DE FUNCION CLICK_DEMO-->
		function click_demo(div, opHome, opNos, opServicios, opDemo, opDir, opFoto, opContacto, opInicial){
			
			rutaDiv='#link_';
			
			$(rutaDiv + div).mouseover(function(){
				$('#link_home').animate({opacity:opHome}, 200);
				$('#link_nos').animate({opacity:opNos}, 200);							
				$('#link_demo').animate({opacity:opDemo}, 200);
				$('#link_dir').animate({opacity:opDir}, 200);
				$('#link_foto').animate({opacity:opFoto}, 200);
				$('#link_contacto').animate({opacity:opContacto}, 200);
				$('#link_servicios').animate({opacity:opServicios}, 200);
			});
			
			/*$(rutaDiv + div).mouseout(function(){
				$('#link_nos').animate({opacity:opInicial}, 200);
				$('#link_demo').animate({opacity:opInicial}, 200);
				$('#link_dir').animate({opacity:opInicial}, 200);
				$('#link_foto').animate({opacity:opInicial}, 200);
				$('#link_contacto').animate({opacity:opInicial}, 200);
				$('#link_servicios').animate({opacity:opInicial}, 200);
			});*/
		};<!-----------------------FIN DE FUNCION CLICK_DEMO-->
		
		
				<!-----------------------INICIO DE FUNCION CLICK_DIR-->
		function click_dir(div, opHome, opNos, opServicios, opDemo, opDir, opFoto, opContacto, opInicial){
			
			rutaDiv='#link_';
			
			$(rutaDiv + div).mouseover(function(){
				$('#link_home').animate({opacity:opHome}, 200);
				$('#link_nos').animate({opacity:opNos}, 200);							
				$('#link_demo').animate({opacity:opDemo}, 200);
				$('#link_dir').animate({opacity:opDir}, 200);
				$('#link_foto').animate({opacity:opFoto}, 200);
				$('#link_contacto').animate({opacity:opContacto}, 200);
				$('#link_servicios').animate({opacity:opServicios}, 200);
			});
			
			/*$(rutaDiv + div).mouseout(function(){
				$('#link_nos').animate({opacity:opInicial}, 200);
				$('#link_demo').animate({opacity:opInicial}, 200);
				$('#link_dir').animate({opacity:opInicial}, 200);
				$('#link_foto').animate({opacity:opInicial}, 200);
				$('#link_contacto').animate({opacity:opInicial}, 200);
				$('#link_servicios').animate({opacity:opInicial}, 200);
			});*/
		};<!-----------------------FIN DE FUNCION CLICK_DIR-->
		
		
				<!-----------------------INICIO DE FUNCION CLICK_FOTO-->
		function click_foto(div, opHome, opNos, opServicios, opDemo, opDir, opFoto, opContacto, opInicial){
			
			rutaDiv='#link_';
			
			$(rutaDiv + div).mouseover(function(){
				$('#link_home').animate({opacity:opHome}, 200);
				$('#link_nos').animate({opacity:opNos}, 200);							
				$('#link_demo').animate({opacity:opDemo}, 200);
				$('#link_dir').animate({opacity:opDir}, 200);
				$('#link_foto').animate({opacity:opFoto}, 200);
				$('#link_contacto').animate({opacity:opContacto}, 200);
				$('#link_servicios').animate({opacity:opServicios}, 200);
			});
			
			/*$(rutaDiv + div).mouseout(function(){
				$('#link_nos').animate({opacity:opInicial}, 200);
				$('#link_demo').animate({opacity:opInicial}, 200);
				$('#link_dir').animate({opacity:opInicial}, 200);
				$('#link_foto').animate({opacity:opInicial}, 200);
				$('#link_contacto').animate({opacity:opInicial}, 200);
				$('#link_servicios').animate({opacity:opInicial}, 200);
			});*/
		};<!-----------------------FIN DE FUNCION CLICK_FOTO-->
		
		
				<!-----------------------INICIO DE FUNCION CLICK_CONTACTO-->
		function click_contacto(div, opHome, opNos, opServicios, opDemo, opDir, opFoto, opContacto, opInicial){
			
			rutaDiv='#link_';
			
			$(rutaDiv + div).mouseover(function(){
				$('#link_home').animate({opacity:opHome}, 200);
				$('#link_nos').animate({opacity:opNos}, 200);							
				$('#link_demo').animate({opacity:opDemo}, 200);
				$('#link_dir').animate({opacity:opDir}, 200);
				$('#link_foto').animate({opacity:opFoto}, 200);
				$('#link_contacto').animate({opacity:opContacto}, 200);
				$('#link_servicios').animate({opacity:opServicios}, 200);
			});
			
		/*	$(rutaDiv + div).mouseout(function(){
				$('#link_nos').animate({opacity:opInicial}, 200);
				$('#link_demo').animate({opacity:opInicial}, 200);
				$('#link_dir').animate({opacity:opInicial}, 200);
				$('#link_foto').animate({opacity:opInicial}, 200);
				$('#link_contacto').animate({opacity:opInicial}, 200);
				$('#link_servicios').animate({opacity:opInicial}, 200);
			});*/
		};<!-----------------------FIN DE FUNCION CLICK_CONTACTO-->
		
		
				<!-----------------------INICIO DE FUNCION CLICK_RECURSOS-->
		function click_servicios(div, opHome, opNos, opServicios, opDemo, opDir, opFoto, opContacto, opInicial){
			
			rutaDiv='#link_';
			
			$(rutaDiv + div).mouseover(function(){
				$('#link_home').animate({opacity:opHome}, 200);
				$('#link_nos').animate({opacity:opNos}, 200);							
				$('#link_demo').animate({opacity:opDemo}, 200);
				$('#link_dir').animate({opacity:opDir}, 200);
				$('#link_foto').animate({opacity:opFoto}, 200);
				$('#link_contacto').animate({opacity:opContacto}, 200);
				$('#link_servicios').animate({opacity:opServicios}, 200);
			});
			
			/*$(rutaDiv + div).mouseout(function(){
				$('#link_nos').animate({opacity:opInicial}, 200);
				$('#link_demo').animate({opacity:opInicial}, 200);
				$('#link_dir').animate({opacity:opInicial}, 200);
				$('#link_foto').animate({opacity:opInicial}, 200);
				$('#link_contacto').animate({opacity:opInicial}, 200);
				$('#link_servicios').animate({opacity:opInicial}, 200);
			});*/
		};<!-----------------------FIN DE FUNCION CLICK_RECURSOS-->
		
		
		click_home('home','1','.6','.4','.3','.2','.1','.1','.4');
		click_nos('nos','.6','1','.6','.4','.3','.2','.1','.4');
		click_servicios('servicios','.4','.6','1','.6','.4','.3','.2','.4');
		click_demo("demo",'.3','.4','.6','1','.6','.4','.3','.4');
		click_dir("dir",'.2','.3','.4','.6','1','.6','.4','.4');
		click_foto("foto",'.1','.2','.3','.4','.6','1','.6','.4');
		click_contacto("contacto",'.1','.1','.2','.3','.4','.6','1','.4');
			
	});