// JavaScript Document

function onBefore() {
    $('#output').html("Scrolling image:<br>" + this.src);
    //window.console.log(  $(this).parent().children().index(this) );
}
function onAfter() {
    $('#output').html("Scroll complete for:<br>" + this.src)
        .append('<h3>' + this.alt + '</h3>');
}


function initMenu() {
  $('#menu ul').hide();
  $('#menu ul:first').show();
  $('#menu li a').click(
    function() {
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }
      }
    );
  }
  
jQuery.fn.parpadea = function() {
   this.each(function(){
      elem = $(this);
      elem.fadeOut(850, function(){
         $(this).fadeIn(850);
      });
   });
   
   return this;
};

$(document).ready(function() {
initMenu();   
   
   $("#enlaceajax").click(function(evento){
      evento.preventDefault();
	  //alert("e ge");
      $("#cargando").css("display", "inline");
      $("#destino").load("traduction.php", function(){
         $("#cargando").css("display", "none");
      });
   });

     //parpadean los elementos de class CSS "parpadear"
   $("#parpadear").parpadea();
   
   //añado un evento clic para un botón, para que al pulsarlo parpadeen los elementos de clase parpadear
   $("#parpadear").click(function(){
      $("#parpadear").parpadea();
   })   
 
 $("#mostrar").click(function(event) {
event.preventDefault();
$("#caja").slideToggle();
});

 $("#close").click(function(event) {
event.preventDefault();
$("#caja").slideUp();
});
 
 
 $.fn.cycle.defaults.timeout = 17000;
 	$('#s7')
		.before('<div id="nav1" >')
		.cycle({
    fx:    'scrollUp',
    delay: -1000,
	pager:  '#nav1'
	});
  	$('#s6')
		.before('<div id="nav2" >')
		.cycle({
    fx:    'scrollUp',
    delay: -1000,
	//pager:  '#nav1'
	});
   	$('#s9')
		.before('<div id="nav2" >')
		.cycle({
    fx:    'scrollUp',
    delay: -400,
	//pager:  '#nav1'
	});

});