/**
 *  Water effects for jQuery @ Energo-WWT
 *  Created by Tomas Gluchman
 */

var s;
var delays = {};

$('body').ready(function() {
  
  /* flashing header initialization */
  s = $("#banner").children('span');
  setTimeout('doWave(0)', 3000);
  setInterval('doWave(0)', 9000);
  
  $("ul#menu>li").hover(function(e) {
    e.preventDefault();
    var el = $(this).children('ul');
    var id = $(this).attr('id');
    clearTimeout(delays[id]);
    if (el.css('display') != 'block') {
      el.slideDown('normal');
    }
  }, function() {
    var el = $(this).children('ul');
    var id = $(this).attr('id');
    if (el.css('display') == 'block') {
      delays[id] = setTimeout(function() { 
        el.slideUp('normal'); 
      }, 500);
    }
  });
  
});

function makeWave() {
  doWave(0);
}

function doWave(i) {
  var el = s.get(i);
  $(el).animate({
    opacity: .6
  }, 100, 'swing', function() {
    if (s.get(i+1))
      doWave(i+1);
    $(el).animate({
      opacity: 1
    }, 300, 'swing');
  });
}