/*
	HoverSlippery - The jQuery plugin for doing cool hovers on inline navigations
	by Mogeli lortkipanidze (lortkipanidzemogeli@gmail.com)
	
	Licensed under WTFPL. xD
 */

(function() {
  (function($, window) {
    return $.fn.hoverSlipperyproduct = function(options) {
      var defaults;
      defaults = {
        bgColor: '#111d59',
        speed: 300,
        radius: '5px',
        border: false,
        borderColor: '#efefef',
        borderTop: 0,
        borderStyle: 'solid',
        borderWidth: '1px',
        borderTopLine: false,
        twiceBorder: false
      };
      options = $.extend(defaults, options);
      return this.each(function() {
        var $actionElement, $active, $defaultsBorderOptions, $slippery, $this;
        $this = $(this);
        $defaultsBorderOptions = defaults.borderWidth + ' ' + defaults.borderStyle + ' ' + defaults.borderColor;
        $this.find('ul').append("<li class='slippery'></li>");
        $active = $('.actives');
        $slippery = $this.find('.slippery');
        $actionElement = $this.find('div');
        $this.css({
          'position': 'relative',
          'display': 'table'
        });
        $this.find('li *').css({
          'position': 'relative',
          'z-index': '2'
        });
        $slippery.width($active.width()).height('34px').attr('heir__left', $active.find("div").position().left).attr('heir__width', $active.width()).css({
          'position': 'absolute',
          top: 0,
          left: $active.find('div').position().left,
          'border-radius': defaults.radius
        });
        if (!defaults.border) {
          $slippery.css({
            backgroundColor: defaults.bgColor
          });
        } else if (defaults.twiceBorder) {
          $slippery.css({
            'border-radius': 0,
            'border-top': $defaultsBorderOptions,
            'border-bottom': $defaultsBorderOptions
          });
        } else if (defaults.underline) {
          $slippery.css({
            'border-radius': 0,
            'border-bottom': $defaultsBorderOptions
          });
        } else if (defaults.overline) {
          $slippery.css({
            'border-radius': 0,
            'border-top': $defaultsBorderOptions
          });
        } else {
          $slippery.css({
            backgroundColor: 'none',
            'border-bottom': $defaultsBorderOptions,
            top: defaults.borderTop,
            borderRadius: 0
          });
        }
        $actionElement.click(function() {
          var $thisEl, $thisElParent, $thisElParentPosLeft;
          $thisEl = $(this);
          $thisElParent = $thisEl.parents('li');
          $thisElParentPosLeft = $thisElParent.position().left;
          if ($thisElParentPosLeft !== $slippery.attr('heir__left')) {
            $this.find('li').each(function() {
              $(this).removeClass('actives');
              return $thisElParent.addClass('actives');
            });
            return $slippery.attr('heir__left', $thisElParentPosLeft).attr('heir__width', $thisElParent.width());
          }
        });
        return $actionElement.hover(function() {
          var $leftPos, $width;
          // $actionElement = $(this);
          $leftPos = $(this).position().left;
          // console.log($leftPos);
          $width = $(this).parent().width();
          return $slippery.stop().animate({
            left: $leftPos,
            width: $width
          }, defaults.speed);
          // $(this).color("#FFF").siblings().color("#000000");
        }
  
        );
      });
    };
  })(jQuery);

}).call(this);