// JavaScript Document

//Script para mostrado de menu desplegable en 3 niveles
// Requiere: JQuery y css_menu.css
function mainmenu(){
	// Oculto los submenus
	$(" #nav ul ").css({display: "none"});
	// Defino que submenus deben estar visibles cuando se pasa el mouse por encima
	$(" #nav li").hover(function(){
		$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
		$("div#menu_elements").css({height:"400px"});
		},function(){
			$("div#menu_elements").css({height:"30px"});
			$(this).find('ul:first').slideUp(400);
			
		});
	}
$(document).ready(function(){
	mainmenu();
});
// fin de script de menu desplegable



// Script para mostrado de popups de imágenes
// Requiere: JQuery, jquery.lightbox-0.5.js, jquery.lightbox-0.5.css y carpeta con imagenes en /img/ligthbox
// Uso:
//	<a href="<imagen a mostrar en popup>" class="popUp" title="">
//		<img style="" src ="<imagen a mostrar en web>"/>
//	</a>
$(function() {
	$('.popUp').lightBox();
});
// fin script popups


$(document).ready(function() {
   // Interceptamos el evento submit
    $('#form_contacto').submit(function() {
  // Enviamos el formulario usando AJAX
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            // Mostramos un mensaje con la respuesta de PHP
            success: function(data) {
                $('#div_resultado').html(data);
            }
        })        
        return false;
    });
})