﻿    (function ($) {
        $.fn.maximum_tab = function () {
            //$('.max-tab-arrow').animate({ left: '75' }, 1000);
            var left_pos = $('.max-tab-nav li a:first').offset().left;
            var div_pos = $('.max-tab-nav').offset().left;
            var btn_pos = $('.max-tab-nav li a:first').width();
            var arrow_pos = left_pos - div_pos + (btn_pos / 2) - 8 + 20;
            $('.max-tab-arrow').animate({ left: arrow_pos }, 500);

            $('#tab1').fadeIn();
            $('.max-tab-shadow').fadeOut().delay(500).fadeIn();
            $('#tab1-img').animate({
                top: '50px'
            }, 500).fadeIn();

            $(".max-tab-nav li a").click(function () {
                $('.max-tab-nav li a').removeClass().addClass('max-tab-nav-btn-passive');

                var left_pos = $(this).offset().left;
                var div_pos = $('.max-tab-nav').offset().left;
                var btn_pos = $(this).width();
                var arrow_pos = left_pos - div_pos + (btn_pos / 2) - 8 + 20;
                var tab_id = '#' + $(this).attr('rel');
                var pic_id = '#' + $(this).attr('rel') + "-img";
                $('.max-tab-arrow').animate({ left: arrow_pos }, 500);
                $(this).removeClass().addClass('max-tab-nav-btn-active');
                $('.max-tab-content').fadeOut();
                $(tab_id).delay(500).fadeIn();

                $('.max-tab-image').animate({ top: '20px', opacity: '0' }).fadeOut();
                $('.max-tab-shadow').delay(100).fadeOut().delay(500).fadeIn();
                $(pic_id).fadeIn().delay(100).animate({
                    top: '50px', opacity: '1'
                }, 500);

            });

            $('.max-tab-image').mouseover(function () {
                $(this).animate({
                    top: '-=10px'
                }, 200);
                $('.max-tab-shadow').animate({
                    opacity: 0.75
                }, 200);
            });

            $('.max-tab-image').mouseout(function () {
                $(this).animate({
                    top: '+=10px'
                }, 250);
                $('.max-tab-shadow').animate({
                    opacity: 1
                }, 250);
            });

            /*$(".max-tab-nav li a").hover(function () {
            $(this).css('color', '#F04E37');
            });*/
        }
    } (jQuery));



