﻿function showSubMenu($sub) {
  if ($sub.length > 0) {
    $('<div class="ombra"></div>')
      .css('opacity', 0)
      .appendTo('.slideshow')
      .fadeTo('fast', jQuery.support.opacity ? 1 : 0.3);

    $sub
      .stop()
      .fadeTo('fast', 1);
  }
}

function hideSubMenu($sub) {
  if ($sub.length > 0) {
    $('.slideshow .ombra')
      .stop()
      .fadeTo('fast', 0, function () {
        $(this).remove();
      });

    $sub
      .stop()
      .fadeTo('fast', 0, function () {
        $(this).css('display', 'none');
      });
  }
}

$(document).ready(function () {

  // Sezione corrente
  $cur_li = $('.menu li.hover');
  $cur_sub = $('.sub_menu', $cur_li);
  showSubMenu($cur_sub);

  // Menu e sottoMenu
  $('.menu > ul > li')
    .hover(
      function () {
        $cur_li.removeClass('hover');
        hideSubMenu($cur_sub);

        $(this).addClass('hover');

        var $sub_menu = $('.sub_menu', this);
        showSubMenu($sub_menu);
      },
      function () {
        $(this).removeClass('hover');

        var $sub_menu = $('.sub_menu', this);
        hideSubMenu($sub_menu);

        $cur_li.addClass('hover');
        showSubMenu($cur_sub);
      }
    );

});
