(function ($) {

            $.fn.arrowFade = function (options) {

                options = $.extend({
                    speed: 500,
                    easingNav: 'easeOutBack',
                    timeout: 5000,
                    fxSlide: 'fade',
                    navSlider: '#nav-slider ul',
                    slider: '#slider .inner',
                    activeItem: 'current',
                    arrowClass: 'arrow'

                }, options);

                return this.each(function () {

                    var nav = $(this),
                 currentPageItem = $('.' + options.activeItem, nav);

                    var link_nav = $(options.navSlider + ' a');
                    var li_nav = $(options.navSlider + ' li');

                    function move($element) {
                        var blob = $('.' + options.arrowClass, nav);

                        blob.animate(
                    {
                        left: $element.position().left,
                        width: $element.width()
                    },
                    {
                        duration: options.speed,
                        easing: options.easingNav,
                        queue: false
                    }
                );
                    }

                    $('<li class="' + options.arrowClass + '"></li>').css({
                        width: currentPageItem.width(),
                        left: currentPageItem.position().left
                    }).appendTo(this);

                    link_nav.click(function () {
                        var index = link_nav.index(this);
                        $(options.slider).cycle(index);

                        $('.' + options.activeItem).removeClass(options.activeItem);
                        $(this).parent('li').addClass(options.activeItem);

                        return false;
                    });

                    li_nav.click(function () {
                        var index = li_nav.index(this);
                        $(options.slider).cycle(index);

                        $('.' + options.activeItem).removeClass(options.activeItem);
                        $(this).addClass(options.activeItem);
                    });

                    $(options.slider).cycle({
                        fx: options.fxSlide,
                        speed: options.speed,
                        timeout: options.timeout,
                        cleartype: 1,
                        cleartypeNoBg: false,
                        before: function (currSlideElement, nextSlideElement, args, forwardFlag) {
                            $('.' + options.activeItem).removeClass(options.activeItem);
                            id = $(nextSlideElement).attr('id');
                            $(options.navSlider + ' a[href="#' + id + '"]').parent('li').addClass(options.activeItem);

                            index = $(options.slider + ' > div').index(nextSlideElement);
                            sel = $(options.navSlider + ' li:eq(' + index + ')');

                            //alert('left: '+$(sel).offset().left+"\n width: "+$(sel).width());

                            move(sel);
                        }
                    });

                    $('li:not(.' + options.arrowClass + ')', nav).click(function () {
                        move($(this));
                    });

                    $('li:not(.' + options.arrowClass + ') a', nav).click(function () {
                        move($(this).parent('li'));
                    });

                }); // end each             

            };

        })(jQuery);