var sangarSetupNavigation;
;(function($) {
    sangarSetupNavigation = function(base, opt) {
        var btnTop;
    	/**
         * Function: setupDirectionalNav
         */
        this.setupDirectionalNav = function()
        {
            if (opt.directionalNav != 'none')            {
                if (opt.directionalNav == "false") {
                    return false;
                }
                if(opt.animation == "vertical-slide")
                {
                    var arrow_right = 'down';
                    var arrow_left = 'up';                }
                else
                {
                    var arrow_right = 'right';
                    var arrow_left = 'left';                }
                var directionalNavHTML = '<div class="sangar-slider-nav"><span class="sangar-arrow-' + arrow_right + '"></span><span class="sangar-arrow-' + arrow_left + '"></span></div>';
                base.$sangarWrapper.append(directionalNavHTML);
                var leftBtn = base.$sangarWrapper.children('div.sangar-slider-nav').children('span.sangar-arrow-' + arrow_left),
                    rightBtn = base.$sangarWrapper.children('div.sangar-slider-nav').children('span.sangar-arrow-' + arrow_right);
                leftBtn.click(function () {
                    base.stopSliderLock();
                    base.shift("prev", true);
                });
                rightBtn.click(function () {
                    base.stopSliderLock();
                    base.shift("next", true)
                });
                /**                 * autohide behaviour
                 */
                if(opt.directionalNav == 'autohide')
                {
                    var btn = base.$sangarWrapper.children('div.sangar-slider-nav').children('span');
                    var btnAnimateSpeed = 300;
                    btn.css("opacity", opt.directionalNavHideOpacity);
                    base.$sangarWrapper.mouseenter(function(){
                        btn.animate({
                            "opacity": opt.directionalNavShowOpacity
                        }, btnAnimateSpeed);
                    });
                    base.$sangarWrapper.mouseleave(function(){
                        btn.animate({
                            "opacity": opt.directionalNavHideOpacity
                        }, btnAnimateSpeed);
                    });
                }
            }
        }
        /**
         * Function: showAllSlideNav
         */
        this.showAllSlideNav = function()
        {
            var btn = base.$sangarWrapper.children('div.sangar-slider-nav').children('span');
            var wrapperWidth = base.$sangarWrapper.width();
            var navWidth = (wrapperWidth - base.sangarWidth) / 2;
            var slideWidth = base.sangarWidth;
            var containerWidth = base.$el.outerWidth(true);
            var diffWidth = containerWidth - slideWidth;
            if(diffWidth > 100)
            {
                btn.css({
                    'top': '0px',
                    'margin-top': '0px',
                    'background': 'none',
                    'width': navWidth + 'px',
                    'height': base.sangarHeight + 'px'
                });
            }
            else
            {
                btn.css({
                    'top': btnTop,
                    'margin-top': '',
                    'background': '',
                    'width': '',
                    'height': ''
                });
            }
        }
        /**
         * Function: setNavPosition
         */
        this.setNavPosition = function()
        {
            var btn = base.$sangarWrapper.children('div.sangar-slider-nav').children('span');
            if(opt.animation == "vertical-slide")
            {
                var downBtn = base.$sangarWrapper.children('div.sangar-slider-nav').children('span.sangar-arrow-down');
                var downBtnBottom = downBtn.css('bottom').slice(0,-2);
                if(opt.pagination == 'bullet')
                {                    var bullet = base.$pagination.parent();
                    var bulletBottom = bullet.css('bottom').slice(0,-2);
                    var bottom = parseInt(bullet.outerHeight()) + parseInt(bulletBottom) + parseInt(downBtnBottom);
                }
                else if(opt.pagination == 'content-horizontal')
                {
                    var pagination = base.$pagination
                    var bottom = parseInt(pagination.outerHeight()) + parseInt(downBtnBottom);
                }
                // down nav arrow
                downBtn.css('bottom', bottom + 'px');
                btn.css('left', ((base.sangarWidth / 2) - (btn.width() / 2)) + 'px');
            }
            else
            {
                var downRight = base.$sangarWrapper.children('div.sangar-slider-nav').children('span.sangar-arrow-right');
                // pagination content-vertical
                if(opt.pagination == 'content-vertical')
                {
                    downRight.css({
                        'right': opt.paginationContentWidth + 'px'
                    })
                }
                btnTop = ((base.origHeight / 2) - (btn.height() / 2)) + 'px';
                btn.css({
                    'top': btnTop
                })
            }
        }
    }
})(jQuery);