function toMovieSlider(num) { var leftWidth = 0; var thispic = 0; $("#sliderGalleryBox ul li").each(function(){ var tmp = parseInt($(this).attr('number')); if (tmp < num) { if ($.browser.msie && $.browser.version < 7 || $.browser.msie && $.browser.version == 8) { leftWidth += parseInt($(this).width()); } else if ($.browser.msie) { leftWidth += parseInt($(this).width()); leftWidth += 2; } else { leftWidth += parseInt($(this).width()); leftWidth += 2; } } if(tmp == num) { thispic = parseInt($(this).width()); } }); leftWidth = parseInt(leftWidth); /* var framBox = $("div#sliderPhotos").width(); framBox = framBox/2; framBox = framBox - (thispic/2); framBox = Math.floor(framBox); leftWidth += framBox; */ /*var maxScroll = $("div#sliderPhotos").attr("scrollWidth") - $("div#sliderPhotos").width(); maxScroll = parseInt(maxScroll)/100; delta = (leftWidth * maxScroll) /100; delta = Math.floor(delta); $('.frameSlider').slider('value', delta);*/ } function initFrameSlider() { var wtb = $("#textWidth").width(); $("div#sliderPhotos").css('width' , wtb + 'px'); $("div#sliderPhotos").css('display' , 'block'); var ul = 0; if ($.browser.msie && $.browser.version < 7 || $.browser.msie && $.browser.version == 8) { $("#sliderGalleryBox ul li.ph_li_gen").each(function(){ ul += parseInt($(this).width()); }); } else if ($.browser.msie) { $("#sliderGalleryBox ul li").each(function(){ ul += parseInt($(this).width()) + 8; }); } else { $("#sliderGalleryBox ul li").each(function(){ ul += parseInt($(this).width()); }); } $("#sliderGalleryBox").css({'width' : ul + 3 + 'px'}); if (ul > wtb ) { $(".frameSlider").slider({ change: handleFrameSliderChange, slide: handleFrameSlider, //animate: true, step:1, min:0, max:100 }); handleButtonSlide();//вперед назад с прокруткой скроллера toMovieSlider(num_img); /* это функционал убран */ /* $("#frame_arrow_left").mousedown(function(){ moveSliderGo('prev', 1); }).mouseup(function(){ $('#sliderGalleryBox').stopTime("scrolltoLine"); }); $("#frame_arrow_right").mousedown(function(){ moveSliderGo('next', 1); }).mouseup(function(){ $('#sliderGalleryBox').stopTime("scrolltoLine"); }); */ } else { handleButtonSlide(); //вперед-назад просто } $("#sliderGalleryBox ul li").mouseover(function(){ $(this).find('a').css('background' , '#FFFFFF'); }).mouseout(function(){ if (current_img != $(this).attr('id')) { $(this).find('a').css('background' , '#E4E4E4'); } }); $("#sliderGalleryBox ul li").click(function(){ $('#' + current_img).find('a').css('background' , '#E4E4E4'); current_img = $(this).attr('id'); num_img = $(this).attr('number'); $(this).find('a').css('background' , '#FFFFFF'); $('#numbPict').text($(this).attr('number')); handleButtonShow(); }); function moveSliderGo(rul, delta) { if (!delta) {delta = 1} var value = $('.frameSlider').slider('value'); var delta = parseInt(delta); value = parseInt(value); if (rul == 'next') { value += delta; } else { value -= delta; } if(value >= 0 && value <= 100) { $('.frameSlider').slider('value', value); $('#sliderGalleryBox').everyTime(100, "scrolltoLine", function() {moveSliderGo(rul, delta);}); } else { $('#sliderGalleryBox').stopTime("scrolltoLine"); } } } function resizeAfterLoad() { var wtb = $("#textWidth").width(); $("div#sliderPhotos").css('width' , wtb + 'px'); $("div#sliderPhotos").css('display' , 'block'); var ul = 0; $("#sliderGalleryBox ul li").each(function(){ ul += parseInt($(this).width()); }); $("#sliderGalleryBox").css({'width' : ul + 'px'}); if (ul > wtb ) { $(".frameSlider").slider({ change: handleFrameSliderChange, slide: handleFrameSlider, //animate: true, step:1, min:0, max:100 }); } } function handleFrameSliderChange(e, ui) { var maxScroll = $("div#sliderPhotos").attr("scrollWidth") - $("div#sliderPhotos").width(); maxScroll = parseInt(maxScroll); delta = parseInt(ui.value * (maxScroll / 100)); //$("div#sliderPhotos").animate({scrollLeft: delta}, 1000); $("div#sliderPhotos").attr({scrollLeft: delta}); var st = $('.frameSlider').slider('option', 'value'); } function handleFrameSlider(e, ui) { var maxScroll = $("div#sliderPhotos").attr("scrollWidth") - $("div#sliderPhotos").width(); maxScroll = parseInt(maxScroll); delta = parseInt(ui.value * (maxScroll / 100)); $("div#sliderPhotos").attr({scrollLeft: delta}); var st = $('.frameSlider').slider('option', 'value'); } function _returnFalse(rul) { var photosDB = photodb['g' + rul]; var id = photosDB[0].id; $('#loaderBigPict_wait').css('display' , 'block'); $.ajax({ type: "GET", url: '/photobank', cache: false, data: "bigpicture=1&photo=" + id, dataType: "html", error: function() {alert('Сервер временно недоступен')}, success: function(html){ var data = html; var $lefty = $('#loaderBigPict'); $lefty.hide(); $('#loaderBigPict_wait').hide(); $lefty.php(html); $lefty.fadeIn(); resizeAfterLoad(); } }); $.ajax({ type: "GET", url: '/photobank', cache: false, data: "photo=" + id, dataType: "html", error: function() {}, success: function(html){ var data = html; var $lefty = $('#frame_description'); $lefty.hide(); $lefty.php(html); $lefty.fadeIn(); } }); } function handleButtonSlide() { handleButtonShow(); $("#frame_button_left").click(function(){ handleButtonGoto('prev'); }); $("#frame_button_right").click(function(){ handleButtonGoto('next'); }); } function handleButtonShow() { if(num_img == 1) {$("#frame_button_left").css({'visibility' : 'hidden'});} else {$("#frame_button_left").css({'visibility' : 'visible'});} if(num_img == allpics) {$("#frame_button_right").css({'visibility' : 'hidden'});} else {$("#frame_button_right").css({'visibility' : 'visible'});} } function handleButtonGoto(rul) { var to = ''; if(rul == 'next') { if (num_img < allpics) { to = $('#' + current_img).next(); } } else { if (num_img != 1) { to = $('#' + current_img).prev(); } } $('#sliderGalleryBox ul li').find('a').css('background' , '#E4E4E4'); to.find('a').css('background' , '#E4E4E4'); current_img = to.attr('id'); num_img = to.attr('number'); to.find('a').css('background' , '#FFFFFF'); $('#numbPict').text(num_img); handleButtonShow(); _returnFalse(num_img); } function initLoadFrame(num, obj) { var num = num; var sess_id = session_id; var pict = $(obj).find('img'); // параметры начала движения /*var w = pict.attr('width'); var h = pict.attr('height'); var pos = pict.position();*/ /*var x1 = Math.floor(parseInt(pos.left) + 1 + (parseInt(w)/2)); var y1 = Math.floor(parseInt(pos.top) + 7 + (parseInt(h)/2));*/ // параметры конца движения var photos_DB = photo_db['g' + num]; var pict_w = photos_DB[0].w + 200; var pict_h = photos_DB[0].h + 320; $('#layerFlyModal').css({'width' : pict_w + 'px' , 'height' : pict_h + 'px'}); $.modalFrame($('#layerFlyModal'), { onOpen: function (dialog) { dialog.iframe && dialog.iframe.show(); dialog.overlay.show(); //dialog.container.css({'width' : pict_w + 'px' , 'height' : pict_h + 'px'}); //windowLoadedText(pos, w, h); var box = dialog.data; var box1 = dialog.container; //var post = box1.position(); windowLoadedText(); box1.show(); box.show(); getFrameData(sess_id, num, box, pict_w, pict_h, box1); } }); } function windowLoadedText() { var el = $(window); var h = $.browser.opera && $.browser.version > '9.5' && $.fn.jquery <= '1.2.6' ? document.documentElement['clientHeight'] : $.browser.opera && $.browser.version < '9.5' && $.fn.jquery > '1.2.6' ? window.innerHeight : el.height(); var w = parseInt(el.width()); var wp = $('#layerFlyModal'); var message = '
'; wp.php(message); var toph = Math.floor((h/4) ); /*if ($.browser.msie && $.browser.version < 7) {minus = 400;} else if ($.browser.msie) {minus = 400;}*/ var topw = Math.floor((w/5)); $('#layerFlyModal').css({'display' : 'block'}); $('#layerFlyModalIntro').css({'top' : toph + 'px'}); $('#layerFlyModalIntro').css({'left' : topw + 'px'}); $('#layerFlyModalIntro').css({'clip':'rect(150px 200px 150px 200px)', 'display' : 'block'}); $('#layerFlyModalIntro').stop().animate({'clip':'rect(0px 400px 300px 0px)'}, 1500) } function getFrameData(sess_id, num, box, pict_w, pict_h, box1) { var sess_id = sess_id; var num = num; $.ajax({ type: "GET", url: '/frame.php', cache: false, data: "session=" + sess_id + '&cur_photos=' + num, dataType: "html", error: function() {}, success: function(html){ box1.show(); //var post = box1.position(); //var xEnd = parseInt(post.left); //var yEnd = parseInt(post.top); var $lefty = $('#layerFlyModal'); $lefty.css({'width' : pict_w + 'px' , 'height' : pict_h + 'px'}); $('#modal-container').everyTime(500, "waitTime", function() {pasteCodeTo($lefty, html);}); } }); } function pasteCodeTo($lefty, html) { $('#modal-container').stopTime("waitTime"); $lefty.php(html); $('#modal-container a.modalCloseImg').css({'visibility' : 'visible'}); } /* * jQuery css clip animation support -- Jim Palmer * version 0.1.2 * idea spawned from jquery.color.js by John Resig * Released under the MIT license. */ (function(jQuery){ jQuery.fx.step.clip = function(fx){ if ( fx.state == 0 ) { var cRE = /rect\(([0-9]{1,})(px|em)[,]? ([0-9]{1,})(px|em)[,]? ([0-9]{1,})(px|em)[,]? ([0-9]{1,})(px|em)\)/; fx.start = cRE.exec( fx.elem.style.clip.replace(/,/g, '') ); fx.end = cRE.exec( fx.end.replace(/,/g, '') ); } var sarr = new Array(), earr = new Array(), spos = fx.start.length, epos = fx.end.length, emOffset = fx.start[ss+1] == 'em' ? ( parseInt($(fx.elem).css('fontSize')) * 1.333 * parseInt(fx.start[ss]) ) : 1; for ( var ss = 1; ss < spos; ss+=2 ) { sarr.push( parseInt( emOffset * fx.start[ss] ) ); } for ( var es = 1; es < epos; es+=2 ) { earr.push( parseInt( emOffset * fx.end[es] ) ); } fx.elem.style.clip = 'rect(' + parseInt( ( fx.pos * ( earr[0] - sarr[0] ) ) + sarr[0] ) + 'px ' + parseInt( ( fx.pos * ( earr[1] - sarr[1] ) ) + sarr[1] ) + 'px ' + parseInt( ( fx.pos * ( earr[2] - sarr[2] ) ) + sarr[2] ) + 'px ' + parseInt( ( fx.pos * ( earr[3] - sarr[3] ) ) + sarr[3] ) + 'px)'; } })(jQuery); /* Слайдер на главной */ function handleIndexSliderChange(e, ui) { var maxScroll = $("div.divHomeSlidePic").attr("scrollWidth") - $("div.divHomeSlidePic").width(); maxScroll = parseInt(maxScroll); delta = parseInt(ui.value * (maxScroll / 100)); $("div.divHomeSlidePic").attr({scrollLeft: delta}); var st = $('#frameSliderHome').slider('option', 'value'); } function handleIndexSlider(e, ui) { var maxScroll = $("div.divHomeSlidePic").attr("scrollWidth") - $("div.divHomeSlidePic").width(); maxScroll = parseInt(maxScroll); delta = parseInt(ui.value * (maxScroll / 100)); $("div.divHomeSlidePic").attr({scrollLeft: delta}); var st = $('#frameSliderHome').slider('option', 'value'); } /* Слайдер вертикальный в разделе ФОТО */ function handleToVerticalSliderChange(e, ui) { var maxScroll = $("div.verticalSlideBoxView").attr("scrollHeight") - $("div.verticalSlideBoxView").height(); $("div.verticalSlideBoxView").attr({ scrollTop: -ui.value * (maxScroll / 100) }); //$("div.verticalSlideBoxView").animate({ scrollTop: -ui.value * (maxScroll / 100)}, 1000); } function handleToVertivalSlider(e, ui) { var maxScroll = $("div.verticalSlideBoxView").attr("scrollHeight") - $("div.verticalSlideBoxView").height(); $("div.verticalSlideBoxView").attr({ scrollTop: -ui.value * (maxScroll / 100) }); } /* function __initLoadFrame(num, obj) { var num = num; var sess_id = session_id; var pict = $(obj).find('img'); var w = pict.attr('width'); var h = pict.attr('height'); var pos = pict.position(); var x1 = pos.left + 1 + (w/2); var y1 = pos.top + 7 + (h/2); $('#layerFly').css({'width' : '0px' , 'height' : '0px', 'left' : x1 + 'px', 'top' : y1 + 'px'}); $.modalFrame($('#layerFlyModal'), { onOpen: function (dialog) { dialog.iframe && dialog.iframe.show(); dialog.overlay.show(); dialog.container.show(); //dialog.container.php('Привет!'); dialog.data.show(); } }); $.modalFrame.defaults.closeClass = "modalCloseBtn"; for (var i=0; i<1000; i++) { //$('#layerFly').css({'width' : '0px' , 'height' : '0px', 'left' : x1 + 'px', 'top' : y1 + 'px'}); } $('#layerFly').css({'width' : w + 'px' , 'height' : h + 'px', 'left' : pos.left + 1 + 'px', 'top' : pos.top + 7 + 'px'}); $('#layerFly').css('display','block'); $('#layerFly').css({'clip':'rect(150px 200px 150px 200px)'}); $('#layerFly').stop().animate({'clip':'rect(0px 600px 600px 0px)'}, 1000) // открытие окошка отправка запроса // frame.php?session=2&cur_photos=8 // 'session=' + sess_id + '&cur_photos=' + num; } */