// Screenlife Games Nav Ribbon
// by Adam Perry

var ribbonTimer;
$(document).ready(function() {
   $('.ribbon-nav-item img.ribbon-bg').css('opacity', 0);
   $('.ribbon-nav-item').hover(
      function() {
         clearTimeout(ribbonTimer);
         if ($(this).is('.ribbon-nav-item-active'))
            return;
         $(this).siblings('.ribbon-nav-item-active').animate(
            {borderBottomColor: 'rgb(26,129,201)', borderTopColor: 'rgb(26,129,201)', borderLeftColor: 'rgb(26,129,201)', borderRightColor: 'rgb(26,129,201)'}, 250);
         $(this).siblings('.ribbon-nav-item-active').children('img').delay(5).animate({opacity: 0}, 250);
         $(this).siblings().removeClass('ribbon-nav-item-active');
         $(this).addClass('ribbon-nav-item-active');
         $(this).stop();
         $(this).children('img').stop();
         $('.ribbon-subnav').stop();
         $('.ribbon-subnav').hide();
         $('.ribbon-subnav').css('opacity', 0);
         $(this).delay(5).animate({borderBottomColor: 'rgb(59,149,19)', borderTopColor: 'rgb(59,149,19)', borderLeftColor: 'rgb(59,149,19)', borderRightColor: 'rgb(59,149,19)'}, 250);
         $(this).children('img').delay(5).animate({opacity: 1}, 250);
         $(this).find('.ribbon-subnav-item').css('background-image', 'url(images/nav/subnav_bg.png)');
         $(this).children('.ribbon-subnav').delay(5).css('display', 'block');
         $(this).children('.ribbon-subnav').delay(5).animate({opacity: 1}, 250);
      },
      function() {
         ribbonTimer = setTimeout(function() {
            $('.ribbon-nav-item-active').stop();
            $('.ribbon-nav-item-active').children('img').stop();
            $('.ribbon-nav-item-active').delay(5).animate(
               {borderBottomColor: 'rgb(26,129,201)', borderTopColor: 'rgb(26,129,201)', borderLeftColor: 'rgb(26,129,201)', borderRightColor: 'rgb(26,129,201)'}, 250);
            $('.ribbon-nav-item-active').children('img').delay(5).animate({opacity: 0}, 250);
            $('.ribbon-nav-item-active').find('.ribbon-subnav').delay(5).animate({opacity: 0}, 250, function() { $('.ribbon-subnav').hide(); });
            $('.ribbon-nav-item-active').removeClass('ribbon-nav-item-active');
         }, 1000);
      }
   );
   $('.ribbon-subnav-item').hover(function() {
         $(this).siblings('.ribbon-subnav-item').css('background-image', 'url(images/nav/subnav_bg.png)');
         $(this).siblings().children('.ribbon-subnav').stop();
         $(this).siblings().children('.ribbon-subnav').css('opacity', 0);
         $(this).siblings().children('.ribbon-subnav').css('display', 'none');
         $(this).css('background-image', 'url(images/nav/subnav_selected.png)');
         $(this).children('.ribbon-subnav').css('top', $(this).position().top - 6);
         $(this).parent().height(Math.max($(this).parent().height(), parseInt($(this).children('.ribbon-subnav').css('top')) + $(this).children('.ribbon-subnav').height()));
         $(this).children('.ribbon-subnav').delay(5).css('display', 'block');
         $(this).children('.ribbon-subnav').delay(5).animate({opacity: 1}, 250);
      },
      function() {
      }
   );
});