$(function(){
 $('#kpform').toggle(
 function(){$('#form').show();},
 function(){$('#form').hide();}
 );
 
 $(".zakazkp").click(function () {
  $('#blockkpbg').show(200);
 });
 $("#back, #formkp_close").click(function () {
  $('#blockkpbg').hide(200);
 });
})

$(function(){
                var
                    tabList = $('.tabList'),
                    tabListHolder = $('.tabListHolder'),
                    tabListItem = tabList.find('.tabListItem'),
                    tabListItemTotal = tabListItem.length,
                    tabListItemHeight = tabListItem.height(),
                    tabContentList = $('.tabContentList'),
                    tabContentListItem = tabContentList.find('.tabContentListItem'),
                    tabContentListItemTotal = tabContentListItem.length,
                    tabContentListItemWidth = tabContentListItem.outerWidth(true),
                    //tabEffect = 'fade',
                    tabVisible = 4,
                    tabSpeed = 500,
                    tabPos = 0;
                    
                tabListItem.eq(tabPos).addClass('tabListItemActive');
                tabContentListItem.eq(tabPos).show();
                
                $('.tabList, .tabContentList, .tabContentListHolder, .tabContentListItem').css({height: (tabVisible * tabListItemHeight) + 'px'});
                
                function slide() {
                    if (!tabListItem.eq(tabPos).hasClass('tabListItemActive')) {
                        
                        $('.tabListItemActive').removeClass('tabListItemActive');
                        tabListItem.eq(tabPos).addClass('tabListItemActive');
                        tabContentListItem.fadeOut(tabSpeed);
                        tabContentListItem.eq(tabPos).fadeIn(tabSpeed);
                        tabContentListItem.eq(tabPos).find('.description').jScrollPane({
                    showArrows: true
                });
                        
                        tabHidden = (tabListItemTotal - tabVisible) - (tabPos - 1);
                        
                        if (!(tabPos == 0)){
                            if (!(tabHidden <= -1)) {
                                tabListHolder.animate({top: -(tabListItemHeight * (tabPos - 1)) + 'px'}, tabSpeed);
                            };
                        };

                    };
                };

                tabListItem.click(function(){
                    tabPos = $(this).index();
                    slide(tabPos);
                });
                
            });