function initPagerSlider() { var wtbp = $("#extPagerSlider_top").width(); var ul = $("div.slider-pager-content ul").find('li').length * $("div.slider-pager-content ul li").width(); $("div.slider-pager-content ul").css({'width' : ul + 'px'}); $("div.slider-pager-content2 ul").css({'width' : ul + 'px'}); if (ul > wtbp ) { $("div.slider-pager-bar").slider({ change: handleSliderPChange, slide: handleSliderPSlide, step:1, min:0, max:100 }); $("div.slider-pager-bar2").slider({ change: handleSliderP2Change, slide: handleSliderP2Slide, step:1, min:0, max:100 }); $(".pager_btn1").css('visibility', 'visible'); $(".pager_btn2").css('visibility', 'visible'); $(".pager_btn3").css('visibility', 'visible'); $(".pager_btn4").css('visibility', 'visible'); $(".pager_btn1").mousedown(function(){ movePagerGo('prev', 1); }).mouseup(function(){ $('.slider-pager').stopTime("scrolltoPage"); $('.slider-pager2').stopTime("scrolltoPage2"); }); $(".pager_btn2").mousedown(function(){ movePagerGo('next', 1); }).mouseup(function(){ $('.slider-pager').stopTime("scrolltoPage"); $('.slider-pager2').stopTime("scrolltoPage2"); }); $(".pager_btn3").mousedown(function(){ movePagerGo('prev', 1); }).mouseup(function(){ $('.slider-pager2').stopTime("scrolltoPage2"); $('.slider-pager').stopTime("scrolltoPage"); }); $(".pager_btn4").mousedown(function(){ movePagerGo('next', 1); }).mouseup(function(){ $('.slider-pager2').stopTime("scrolltoPage2"); $('.slider-pager').stopTime("scrolltoPage"); }); } else { //вперед-назад просто } function movePagerGo(rul, delta) { if (!delta) {delta = 1} var value = $('div.slider-pager-bar').slider('value'); var delta = parseInt(delta); value = parseInt(value); if (rul == 'next') { value += delta; } else { value -= delta; } if(value >= 0 && value <= 100) { $('div.slider-pager-bar').slider('value', value); $('div.slider-pager-bar2').slider('value', value); $('.slider-pager').everyTime(100, "scrolltoPage", function() {movePagerGo(rul, delta);}); } else { $('.slider-pager').stopTime("scrolltoPage"); $('.slider-pager2').stopTime("scrolltoPage2"); } } } function handleSliderPChange(e, ui) { var maxScroll = $("div.slider-pager-content").attr("scrollWidth") - $("div.slider-pager-content").width(); maxScroll = parseInt(maxScroll); delta = parseInt(ui.value * (maxScroll / 100)); $("div.slider-pager-content").attr({scrollLeft: delta}); $("div.slider-pager-content2").attr({scrollLeft: delta}); var st = $('div.slider-pager-bar').slider('value'); /*$('div.slider-pager-bar2').slider('value', st);*/ pagerBtnArrow(st); } function handleSliderPSlide(e, ui) { var maxScroll = $("div.slider-pager-content").attr("scrollWidth") - $("div.slider-pager-content").width(); maxScroll = parseInt(maxScroll); delta = parseInt(ui.value * (maxScroll / 100)); $("div.slider-pager-content").attr({scrollLeft: delta}); $("div.slider-pager-content2").attr({scrollLeft: delta}); var st = $('div.slider-pager-bar').slider('option', 'value'); $('div.slider-pager-bar2').slider('value', st); pagerBtnArrow(st); } function pagerBtnArrow(st) { if(st == 0) { $(".pager_btn1").attr({ src: "/imgs/pager_left_a.gif", alt: "" }); $(".pager_btn3").attr({ src: "/imgs/pager_left_a.gif", alt: "" }); } else { $(".pager_btn1").attr({ src: "/imgs/pager_left.gif", alt: "" }); $(".pager_btn3").attr({ src: "/imgs/pager_left.gif", alt: "" }); } if (st ==100){ $(".pager_btn2").attr({ src: "/imgs/pager_right_a.gif", alt: "" }); $(".pager_btn4").attr({ src: "/imgs/pager_right_a.gif", alt: "" }); } else { $(".pager_btn2").attr({ src: "/imgs/pager_right.gif", alt: "" }); $(".pager_btn4").attr({ src: "/imgs/pager_right.gif", alt: "" }); } } function handleSliderP2Change(e, ui) { var maxScroll = $("div.slider-pager-content2").attr("scrollWidth") - $("div.slider-pager-content2").width(); maxScroll = parseInt(maxScroll); delta = parseInt(ui.value * (maxScroll / 100)); $("div.slider-pager-content").attr({scrollLeft: delta}); $("div.slider-pager-content2").attr({scrollLeft: delta}); var st = $('div.slider-pager-bar2').slider('option', 'value'); $('div.slider-pager-bar').slider('value', st); pagerBtnArrow(st); } function handleSliderP2Slide(e, ui) { var maxScroll = $("div.slider-pager-content2").attr("scrollWidth") - $("div.slider-pager-content2").width(); maxScroll = parseInt(maxScroll); delta = parseInt(ui.value * (maxScroll / 100)); $("div.slider-pager-content").attr({scrollLeft: delta}); $("div.slider-pager-content2").attr({scrollLeft: delta}); var st = $('div.slider-pager-bar2').slider('option', 'value'); $('div.slider-pager-bar').slider('value', st); pagerBtnArrow(st); }