/* SWFObject v2.1
Copyright (c) 2007-2008 Geoff Stearns, Michael Williams, and Bobby van der Sluis
This software is released under the MIT License
*/
var swfobject=function(){var b="undefined",Q="object",n="Shockwave Flash",p="ShockwaveFlash.ShockwaveFlash",P="application/x-shockwave-flash",m="SWFObjectExprInst",j=window,K=document,T=navigator,o=[],N=[],i=[],d=[],J,Z=null,M=null,l=null,e=false,A=false;var h=function(){var v=typeof K.getElementById!=b&&typeof K.getElementsByTagName!=b&&typeof K.createElement!=b,AC=[0,0,0],x=null;if(typeof T.plugins!=b&&typeof T.plugins[n]==Q){x=T.plugins[n].description;if(x&&!(typeof T.mimeTypes!=b&&T.mimeTypes[P]&&!T.mimeTypes[P].enabledPlugin)){x=x.replace(/^.*\s+(\S+\s+\S+$)/,"$1");AC[0]=parseInt(x.replace(/^(.*)\..*$/,"$1"),10);AC[1]=parseInt(x.replace(/^.*\.(.*)\s.*$/,"$1"),10);AC[2]=/r/.test(x)?parseInt(x.replace(/^.*r(.*)$/,"$1"),10):0}}else{if(typeof j.ActiveXObject!=b){var y=null,AB=false;try{y=new ActiveXObject(p+".7")}catch(t){try{y=new ActiveXObject(p+".6");AC=[6,0,21];y.AllowScriptAccess="always"}catch(t){if(AC[0]==6){AB=true}}if(!AB){try{y=new ActiveXObject(p)}catch(t){}}}if(!AB&&y){try{x=y.GetVariable("$version");if(x){x=x.split(" ")[1].split(",");AC=[parseInt(x[0],10),parseInt(x[1],10),parseInt(x[2],10)]}}catch(t){}}}}var AD=T.userAgent.toLowerCase(),r=T.platform.toLowerCase(),AA=/webkit/.test(AD)?parseFloat(AD.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,q=false,z=r?/win/.test(r):/win/.test(AD),w=r?/mac/.test(r):/mac/.test(AD);/*@cc_on q=true;@if(@_win32)z=true;@elif(@_mac)w=true;@end@*/return{w3cdom:v,pv:AC,webkit:AA,ie:q,win:z,mac:w}}();var L=function(){if(!h.w3cdom){return }f(H);if(h.ie&&h.win){try{K.write("This is a p
* @before $.metadata.setType("elem", "script")
* @after $("#one").metadata().item_id == 1; $("#one").metadata().item_label == "Label"
* @desc Reads metadata from a nested script element
*
* @param String type The encoding type
* @param String name The name of the attribute to be used to get metadata (optional)
* @cat Plugins/Metadata
* @descr Sets the type of encoding to be used when loading metadata for the first time
* @type undefined
* @see metadata()
*/
;(function($) {
$.extend({
metadata : {
defaults : {
type: 'class',
name: 'metadata',
cre: /({.*})/,
single: 'metadata'
},
setType: function( type, name ){
this.defaults.type = type;
this.defaults.name = name;
},
get: function( elem, opts ){
var settings = $.extend({},this.defaults,opts);
// check for empty string in single property
if ( !settings.single.length ) settings.single = 'metadata';
var data = $.data(elem, settings.single);
// returned cached data if it already exists
if ( data ) return data;
data = "{}";
if ( settings.type == "class" ) {
var m = settings.cre.exec( elem.className );
if ( m )
data = m[1];
} else if ( settings.type == "elem" ) {
if( !elem.getElementsByTagName ) return;
var e = elem.getElementsByTagName(settings.name);
if ( e.length )
data = $.trim(e[0].innerHTML);
} else if ( elem.getAttribute != undefined ) {
var attr = elem.getAttribute( settings.name );
if ( attr )
data = attr;
}
if ( data.indexOf( '{' ) <0 )
data = "{" + data + "}";
data = eval("(" + data + ")");
$.data( elem, settings.single, data );
return data;
}
}
});
/**
* Returns the metadata object for the first member of the jQuery object.
*
* @name metadata
* @descr Returns element's metadata object
* @param Object opts An object contianing settings to override the defaults
* @type jQuery
* @cat Plugins/Metadata
*/
$.fn.metadata = function( opts ){
return $.metadata.get( this[0], opts );
};
})(jQuery);
/**
* Viewer
*
* @name Viewer
* @description Create a plugin for image zooming
* @param All parameters are optional
* @param Array img_ext ['png', 'jpg', 'jpeg', 'gif']
* @param Bool hide_on_content_click Hides photo when cliked on zoomed item (true by default)
* @param Integer zoom_speed_in Speed in miliseconds of the zooming-in animation (no animation if 0)
* @param Integer zoom_speed_out Speed in miliseconds of the zooming-out animation (no animation if 0)
* @param Integer frame_width Default width for iframed and inline content
* @param Integer frame_height Default height for iframed and inline content
* @param Bool overlay_show If true, shows the overlay (false by default)
* @param Float overlay_opacity Opacity of overlay (from 0 to 1)
* @param Function item_load_callback Custom function to get group items
* @example $("#gallery a").iviewer({ 'zoom_speed_in': 0, 'zoom_speed_out': 0, 'overlay_show': true });
* @cat Plugins/Interface
* @author rz
* @version 1.0.0
* @requires jQuery v1.2.x or later
*
*/
;(function($) {
var imgPreloader = new Image/*,
loadingTimer,
loadingFrame = 1*/;
$.oViewer = {
aThumb: [],
iSelected: 0,
bAnimated: false,
bOpened: false,
conf: {
img_ext: ['png', 'jpg', 'jpeg', 'gif'],
video_ext: ['flv'],
flash_ext: ['swf'],
hide_on_content_click: true,
zoom_speed_in: 500,
zoom_speed_out: 500,
frame_width: 600,
frame_height: 400,
overlay_show: true,
overlay_opacity: 0.6,
item_load_callback: null
},
init: function(options) {
var oSelf = $(this);
if ( !oSelf.length ) {
return false;
}
oSelf.settings = $.extend({}, $.oViewer.conf, options || {});
$.oViewer.add_event(oSelf);
return oSelf;
},
add_event: function(oLink) { //
//
$('body').prepend('');
// open
oLink.each(
function() {
var oSelf = $(this),
options = $.metadata ? $.extend({}, oLink.settings, oSelf.metadata()) : oLink.settings;
oSelf.unbind('click').click(
function() {
$.oViewer.open(this, options);
return false;
}
);
}
);
// close
$("#iviewer-close").click($.oViewer.close);
},
open: function(el, options) {
if ( $.oViewer.bAnimated ) {
return false;
}
if ( options.overlay_show ) {
$("#iviewer").prepend('');
$("#iviewer-overlay").css({'width': $(document).width(), 'height': $(document).height(), 'opacity': options.overlay_opacity}).click($.oViewer.close);
if ( $.browser.msie ) {
$("#iviewer-overlay").css({'width': $(window).width()});
$("#iviewer").prepend('');
$("#iviewer-overlayframe").css({'width': $(window).width(), 'height': $(document).height(), 'opacity': 0});
}
}
$.oViewer.iSelected = 0;
$.oViewer.aThumb = [];
$.oViewer._get_thumb_array(el, options);
$.oViewer.show_photo($.oViewer.iSelected);
},
close: function() {
// if not close
if ( $.oViewer.bAnimated ) {
return false;
}
$(imgPreloader).unbind('load');
$(document).unbind('keydown');
$("#iviewer-preloader, #iviewer-title, #iviewer-close, #iviewer-decorate").hide();
$("#iviewer-navbar").empty();
$.oViewer.bOpened = false;
if ($.oViewer.aThumb[$.oViewer.iSelected].o.zoom_speed_out > 0) {
var oPhoto = {
'top': $.oViewer.aThumb[$.oViewer.iSelected].osize.pos.top - 18,
'left': $.oViewer.aThumb[$.oViewer.iSelected].osize.pos.left - 18,
'height': $.oViewer.aThumb[$.oViewer.iSelected].osize.height,
'width': $.oViewer.aThumb[$.oViewer.iSelected].osize.width,
'opacity': 'hide'
};
$.oViewer.bAnimated = true;
$("#iviewer-wrap").animate(oPhoto, $.oViewer.aThumb[$.oViewer.iSelected].o.zoom_speed_out, function() {
$("#iviewer-content").hide().empty();
$("#iviewer-overlay, #iviewer-overlayframe").remove();
$.oViewer.bAnimated = false;
});
} else {
$("#iviewer-wrap").hide();
$("#iviewer-content").hide().empty();
$("#iviewer-overlay, #iviewer-overlayframe").fadeOut("fast").remove();
}
},
reset: function() {
$('#iviewer-navbar').empty();
$('#iviewer-wrap').stop();
$('#iviewer-title').hide();
$(document).unbind('keydown');
},
animate_photo: function(val) {
$.oViewer.preload_neighbor_images();
var oViewer = $('#iviewer-wrap'),
aPagesize = $.oViewer._get_page_size(),
aPhotosize = $.oViewer._get_max_size(aPagesize[0] - 50, aPagesize[1] - 100, $.oViewer.aThumb[$.oViewer.iSelected].o.frame_width, $.oViewer.aThumb[$.oViewer.iSelected].o.frame_height);
//Vitaliy бордер у изображения
//ToDo сделать нормальный пересчет
aPhotosize[0] += 4; aPhotosize[1] += 4;
if ( $.browser.msie && 6 == parseInt($.browser.version) ) {
aPhotosize[0] = aPhotosize[0] + $.oViewer._get_prop_value(oViewer, 'paddingLeft') + $.oViewer._get_prop_value(oViewer, 'paddingRight');
aPhotosize[1] = aPhotosize[1] + $.oViewer._get_prop_value(oViewer, 'paddingTop') + $.oViewer._get_prop_value(oViewer, 'paddingBottom');
}
/*
ie6
612 401
ie7
562 302
сафари
562 302
firefox
562 302
*/
var oPhoto = {
'left': aPagesize[2] + Math.round((aPagesize[0] - aPhotosize[0]) / 2) - 20,
'top': aPagesize[3] + Math.round((aPagesize[1] - aPhotosize[1]) / 2) - 40,
'width': aPhotosize[0] + 'px',
'height': aPhotosize[1] + 'px'
};
// Opened
if ( $.oViewer.bOpened ) {
$('#iviewer-content').fadeOut('normal',
function() {
$('#iviewer-content').empty();
if ( $.browser.msie && 6 == parseInt($.browser.version) ) {
var iW = oViewer.width() + $.oViewer._get_prop_value(oViewer, 'paddingRight') + $.oViewer._get_prop_value(oViewer, 'paddingLeft'),
iH = oViewer.height() + $.oViewer._get_prop_value(oViewer, 'paddingTop') + $.oViewer._get_prop_value(oViewer, 'paddingBottom'),
oP = {};
if ( iW != parseInt(oPhoto.width) ) {
oP.width = oPhoto.width;
}
if ( iH != parseInt(oPhoto.height) ) {
oP.height = oPhoto.height;
}
oPhoto = $.extend({
'left': oPhoto.left,
'top': oPhoto.top
}, oP);
}
oViewer.animate(oPhoto, 'normal',
function() {
$('#iviewer-content')
.append($(val))
.fadeIn('normal');
$.oViewer.update();
}
);
}
);
} else {
$.oViewer.bOpened = true;
$("#iviewer-content").empty();
// animate
if ( $.oViewer.aThumb[$.oViewer.iSelected].o.zoom_speed_in > 0 ) {
$.oViewer.bAnimated = true;
oPhoto.opacity = 'show';
oViewer.css(
{
'top': $.oViewer.aThumb[$.oViewer.iSelected].osize.pos.top - 18,
'left': $.oViewer.aThumb[$.oViewer.iSelected].osize.pos.left - 18,
'height': $.oViewer.aThumb[$.oViewer.iSelected].osize.height,
'width': $.oViewer.aThumb[$.oViewer.iSelected].osize.width
}
);
$("#iviewer-content").append($(val)).show();
oViewer.animate(oPhoto, $.oViewer.aThumb[$.oViewer.iSelected].o.zoom_speed_in,
function() {
$.oViewer.bAnimated = false;
$.oViewer.update();
}
);
} else {
$("#iviewer-content").append($(val)).show();
oViewer.css(oPhoto).width(parseInt(oPhoto.width)).height(parseInt(oPhoto.height)).show();
/*
console.log( 'Height: ' + parseInt(oPhoto.height) + oViewer.height() + ' ' + oViewer.css('height') );
console.log( 'Width: ' + parseInt(oPhoto.width) + oViewer.width() + ' ' + oViewer.css('width') );
*/
$.oViewer.update();
}
}
},
show_photo: function(n) {
$.oViewer.iSelected = n;
$.oViewer.show_preloader();
$.oViewer.reset();
var sImgSrc = $.oViewer.aThumb[n].url;
switch($.oViewer._get_type(n)) {
case 'images': {
$(imgPreloader)
.unbind('load')
.bind('load',
function() {
$("#iviewer-preloader").hide();
$.oViewer.aThumb[n].o.frame_width = imgPreloader.width;
$.oViewer.aThumb[n].o.frame_height = imgPreloader.height;
$.oViewer.animate_photo('
');
}
).attr({'src': sImgSrc + '?rand=' + Math.floor(Math.random() * 999999999)} );
}
break;
case 'block': {
var target = window.location.href.split('#')[0];
target = sImgSrc.replace(target,'');
$.oViewer.animate_photo('' + $(target).html() + '
');
$("#iviewer-preloader").hide();
}
break;
case 'video': {
$.oViewer.animate_photo("
");
$("#iviewer-preloader").hide();
}
break;
case 'iframe': {
$.oViewer.animate_photo('');
}
break;
default: {
return false;
}
}
},
show_iframe: function() {
$("#iviewer-preloader").hide();
$("#iviewer-iframe").show();
},
show_preloader: function() {
var aPagesize = $.oViewer._get_page_size();
$("#iviewer-preloader")
.css({'left': ((aPagesize[0] - 154) / 2 + aPagesize[2]), 'top': ((aPagesize[1] - 37) / 2 + aPagesize[3])})
.show()
.bind('click', $.oViewer.close);
/*
clearInterval(loadingTimer);
var aPagesize = $.oViewer._get_page_size();
$("#iviewer-preloader")
.css({'left': ((aPagesize[0] - 40) / 2 + aPagesize[2]), 'top': ((aPagesize[1] - 40) / 2 + aPagesize[3])})
.show()
.bind('click', $.oViewer.close);
loadingTimer = setInterval(
function() {
if ( !$("#iviewer-preloader").is(':visible') ) {
clearInterval(loadingTimer);
return;
}
$("#iviewer-preloader > div").css('top', (loadingFrame * -40) + 'px');
loadingFrame = (loadingFrame + 1) % 12;
},
66);
*/
},
update: function() {
$("#iviewer-decorate, #iviewer-close").show();
if ( undefined !== $.oViewer.aThumb[$.oViewer.iSelected].title && $.oViewer.aThumb[$.oViewer.iSelected].title !== '' ) {
$('#iviewer-title').html($.oViewer.aThumb[$.oViewer.iSelected].title).show();
}
if ( $.oViewer.aThumb[$.oViewer.iSelected].o.hide_on_content_click ) {
$("#iviewer-content").click($.oViewer.close);
} else {
$("#iviewer-content").unbind('click');
}
if ( 0 != $.oViewer.iSelected ) {
$("#iviewer-navbar").append('');
$('#iviewer-llink').click(
function() {
$.oViewer.show_photo($.oViewer.iSelected - 1);
return false;
}
);
}
if ( $.oViewer.iSelected != ($.oViewer.aThumb.length - 1) ) {
$("#iviewer-navbar").append('');
$('#iviewer-rlink').click(
function(){
$.oViewer.show_photo($.oViewer.iSelected + 1);
return false;
}
);
}
$(document).keydown(
function(event) {
if ( 27 == event.keyCode ) {
$.oViewer.close();
} else if ( 37 == event.keyCode && 0 != $.oViewer.iSelected ) {
$.oViewer.show_photo($.oViewer.iSelected - 1);
} else if ( 39 == event.keyCode && $.oViewer.iSelected != ($.oViewer.aThumb.length - 1) ) {
$.oViewer.show_photo($.oViewer.iSelected + 1);
}
}
);
},
preload_neighbor_images: function() {
if ( ($.oViewer.aThumb.length - 1) > $.oViewer.iSelected ) {
var next = new Image();
next.src = $.oViewer.aThumb[$.oViewer.iSelected + 1].url;
}
if ( $.oViewer.iSelected > 0 ) {
var prev = new Image();
prev.src = $.oViewer.aThumb[$.oViewer.iSelected - 1].url;
}
},
_get_thumb_array: function(el, options) {
if ( $.isFunction(options.item_load_callback) ) {
options.item_load_callback.apply(this);
var oImg = $(el).children('img:first').length ? $(el).children('img:first') : $(el),
oAttr = {'width': oImg.width(), 'height': oImg.height(), 'pos': $.oViewer._get_thumb_pos(oImg)}
$.each(
$.oViewer.aThumb,
function(i, v) {
$.oViewer.aThumb[i].o = $.extend({}, options, v.o);
if ( options.zoom_speed_in > 0 || options.zoom_speed_out > 0 ) {
$.oViewer.aThumb[i].osize = oAttr;
}
}
);
} else {
// single
if ( !el.rel || '' == el.rel ) {
var oImg,
oAttr = {url: el.href, title: el.title, o: options};
if ( options.zoom_speed_in > 0 || options.zoom_speed_out > 0 ) {
oImg = $(el).children('img:first').length ? $(el).children('img:first') : $(el);
oAttr.osize = {'width': oImg.width(), 'height': oImg.height(), 'pos': $.oViewer._get_thumb_pos(oImg)}
}
$.oViewer.aThumb.push(oAttr);
// group
} else {
var oGroup = $('a[@rel=' + el.rel + ']').get();
$.each(
oGroup,
function(i, v) {
var oImg,
oAttr = {url: v.href, title: v.title, o: ( $.metadata ? $.extend({}, options, $(v).metadata()) : options )};
if ( options.zoom_speed_in > 0 || options.zoom_speed_out > 0 ) {
oImg = $(v).children('img:first').length ? $(v).children('img:first') : $(el);
oAttr.osize = {'width': oImg.width(), 'height': oImg.height(), 'pos': $.oViewer._get_thumb_pos(oImg)}
}
if ( v.href == el.href ) {
$.oViewer.iSelected = i;
}
$.oViewer.aThumb.push(oAttr);
}
);
}
}
return $.oViewer.aThumb;
},
_get_type: function(n) {
var sImgSrc = $.oViewer.aThumb[n].url,
iType = 0;
if (sImgSrc.match( new RegExp('\.' + $.oViewer.aThumb[n].o['img_ext'].join('|') + '$', 'i') )) {
return 'images';
} else if (sImgSrc.match( new RegExp('\.' + $.oViewer.aThumb[n].o['video_ext'].join('|') + '$', 'i') )) {
return 'video';
} else if (sImgSrc.match( new RegExp('\.' + $.oViewer.aThumb[n].o['flash_ext'].join('|') + '$', 'i') )) {
return 'flash';
} else if ( sImgSrc.match(/#/) ) {
return 'block';
} else {
return 'iframe';
}
},
_get_prop_value: function (el, prop) {
return parseInt($.curCSS(el.jquery ? el[0] : el, prop, true)) || 0;
},
_get_thumb_pos: function(el) {
var oPos = el.offset();
oPos.top += $.oViewer._get_prop_value(el, 'paddingTop');
oPos.top += $.oViewer._get_prop_value(el, 'borderTopWidth');
oPos.left += $.oViewer._get_prop_value(el, 'paddingLeft');
oPos.left += $.oViewer._get_prop_value(el, 'borderLeftWidth');
return oPos;
},
_get_page_scroll: function() {
var xScroll, yScroll;
if ( self.pageYOffset ) {
yScroll = self.pageYOffset;
xScroll = self.pageXOffset;
} else if ( document.documentElement && document.documentElement.scrollTop ) {
yScroll = document.documentElement.scrollTop;
xScroll = document.documentElement.scrollLeft;
} else if ( document.body ) {
yScroll = document.body.scrollTop;
xScroll = document.body.scrollLeft;
}
return [xScroll, yScroll];
},
_get_page_size: function() {
var scroll = $.oViewer._get_page_scroll();
return [$(window).width(), $(window).height(), scroll[0], scroll[1]];
},
_get_max_size: function(maxWidth, maxHeight, imageWidth, imageHeight) {
var r = Math.min(Math.min(maxWidth, imageWidth) / imageWidth, Math.min(maxHeight, imageHeight) / imageHeight);
return [Math.round(r * imageWidth), Math.round(r * imageHeight)];
}
}
$.fn.iviewer = $.oViewer.init;
})(jQuery);
/**
* Preview Box
*
* @name PreviewBox
* @description Create a box of preview
* @param All parameters are optional
* @example $('#preview-box').preview_box_init({
* 'preview_empty_image': '/image/n.gif',
* 'preview_page_container_id': '#preview-page'});
*
* @cat Plugins/Interface
* @author Serge Fyodorov
* @version 1.0.0
* @depends ui.core.js
*
* @todo optimize if posible
*/
;(function($) {
$.PreviewBox = function(container, options) {
$.extend($.PreviewBox.conf, options || {});
// Init object params
this.oPreloader = null;
this.oBoxPreloader = null; // Preloader 2
this.oPreviewImages = null;
this.oPreviewLinks = null;
this.currentPageNumber = 1;
this.oPreviewContainer = $(container);
this.previewLoadInterval = undefined;
this.ajaxRequestIndex = 0;
this.ajaxPreviewCount = 0;
this.oTooltips = $('dfn.tooltip', container);
// Set needed params
this.init();
};
// Config
$.PreviewBox.conf = {
'preview_page_container_id': '#preview-page',
'preview_page_current_id': 'preview-current-page',
'preview_preloader_image': '/img/default/preloader.gif',
'preview_empty_image': '/img/n.gif',
'preview_cover_class': 'preview-cover',
'previewbox_preloader_image': '/img/default/preloader2.gif'
};
// Object Init
$.PreviewBox.prototype.init = function() {
// 1. Get preloader image
if (false == this.setPreloader()) {
return false;
}
// 2. Get first page on first visit
this.getFirstVisitPage();
// 3. Set link click handle
if (false == this.setPageClickHandler()) {
return false;
}
return true;
};
$.PreviewBox.prototype.getFirstVisitPage = function() {
var url = window.location.toString();
var arr = url.match(/\/pg([\d]+)\/{0,1}/);
if (null != arr && 'undefined' != typeof arr && 'undefined' != typeof arr[1]) {
this.currentPageNumber = arr[1];
}
};
// Get object with needed params
$.PreviewBox.prototype.LoadPreviewPage = function(pageUrl, pageNumber, pageObject) {
if (this.currentPageNumber == pageNumber) {
return false;
}
this.currentPageNumber = pageNumber;
this.getAjaxJson(pageUrl);
$('#' + $.PreviewBox.conf['preview_page_current_id']).removeAttr('id');
$(pageObject).attr('id', $.PreviewBox.conf['preview_page_current_id']);
return true;
};
$.PreviewBox.prototype.generateImgTags = function(count) {
var tmp = $('.' + $.PreviewBox.conf['preview_cover_class'], this.oPreviewContainer)[0];
var example = $(tmp).clone();
$(example).removeAttr('id')
.removeClass()
.addClass($.PreviewBox.conf['preview_cover_class']);
var link = null;
if ($(example).is('a')) {
link = $(example);
} else {
link = $('a', example);
}
var img = $('img', link);
link[0].href = '';
link[0].title = '';
img[0].alt = '';
img[0].src = $.PreviewBox.conf['preview_empty_image'];
var i = 0;
for (i; i < count; ++i) {
$(example).clone().prependTo(this.oPreviewContainer);
}
return true;
};
$.PreviewBox.prototype.updatePreviewBox = function(data) {
if (false == this.getPreviewImages()) {
return false;
}
if (null == data || 'undefined' == typeof data) {
return false;
}
var previewCount = this.oPreviewImages.length;
if (previewCount < this.ajaxPreviewCount) {
var count = this.ajaxPreviewCount - previewCount
if (false != this.generateImgTags(count)) {
this.setPreviewSrc(data);
return true;
}
} else {
this.setPreviewSrc(data);
return true;
}
return false;
};
$.PreviewBox.prototype.setPreviewSrc = function(data) {
// 1. Get the object with previews
if (false == this.getPreviewImages()) {
return false;
}
var i = 0;
var c = 0;
var o = this;
var maxPreviewImages = this.oPreviewImages.length;
if (maxPreviewImages < this.ajaxPreviewCount) {
this.generateImgTags(this.ajaxPreviewCount - maxPreviewImages);
}
if (typeof this.previewLoadInterval != 'undefined') {
clearInterval(this.previewLoadInterval);
}
this.previewLoadInterval = setInterval(function() {
// Preview images
var oPpreview = $(o.oPreviewImages).get(i);
var sPreviewSrc = $.PreviewBox.conf['preview_empty_image'];
var sPreviewAlt = '';
// Preview Links
var oLink = $(o.oPreviewLinks).get(i);
var sLinkHref = '#';
if ('undefined' != typeof data[i]
&& 'undefined' != typeof data[i].src) {
sPreviewSrc = data[i].src;
}
if ('undefined' != typeof data[i]
&& 'undefined' != typeof data[i].alt) {
sPreviewAlt = data[i].alt;
}
if ('undefined' != typeof data[i]
&& 'undefined' != typeof data[i].href) {
sLinkHref = data[i].href;
}
var posTop = $(oPpreview).offset().top
- $(o.oPreviewContainer).offset().top
+ ($(oPpreview).height() - $(o.oPreloader)[0].height) / 2;
var posLeft = $(oPpreview).offset().left
- $(o.oPreviewContainer).offset().left
+ ($(oPpreview).width() - $(o.oPreloader)[0].width) / 2;
posTop = Math.floor(posTop);
posLeft = Math.floor(posLeft);
var previewUid = 'p' + posLeft + '-' + posTop;
var preloaderUid = 'pp' + posLeft + '-' + posTop;
var preloaderClone = $(o.oPreloader).clone();
$(preloaderClone)[0].id = preloaderUid;
preloaderClone.addClass('preview-loader')
.css({'left': posLeft, 'top': posTop})
.appendTo($(o.oPreviewContainer));
$(oPpreview).css('opacity', 0).bind('load', function() {
var o2 = this;
var tmo = setTimeout(function() {
//var id = '#p' + $(this)[0].id;
var id = '#p' + $(o2)[0].id;
$(o.oPreviewContainer).children(id).remove();
//$(this).removeAttr('id').unbind('load').fadeTo(150, 1, function(){
$(o2).removeAttr('id').unbind('load').fadeTo(150, 1, function(){
++c;
if (c >= maxPreviewImages) {
c = 0;
}
});
clearInterval(tmo);
}, 50);
});
$(oPpreview)[0].id = previewUid;
$(oPpreview)[0].src = sPreviewSrc;
$(oPpreview)[0].alt = sPreviewAlt;
$(oLink)[0].href = sLinkHref;
//$(oLink)[0].title = sPreviewAlt;
if (o.oTooltips[i]) {
$(o.oTooltips[i]).html(sPreviewAlt);
}
if (sPreviewSrc == $.PreviewBox.conf['preview_empty_image']) {
$(oPpreview).css('cursor', 'default').unbind('click').bind('click', function() {
return false;
});
} else {
$(oPpreview).css('cursor', 'pointer').unbind('click');
}
if (i >= maxPreviewImages - 1 && typeof o.previewLoadInterval != 'undefined') {
clearInterval(o.previewLoadInterval);
}
++i;
}, 5);
return true;
};
$.PreviewBox.prototype.getPreviewImages = function() {
if ('object' != typeof this.oPreviewContainer
|| null == this.oPreviewContainer) {
return false;
}
this.oPreviewLinks = $('a', this.oPreviewContainer);
this.oPreviewImages = $('img', this.oPreviewLinks);
return true;
};
$.PreviewBox.prototype.setPreloader = function() {
if (null == $.PreviewBox.conf['preview_preloader_image']
|| '' == $.PreviewBox.conf['preview_preloader_image']) {
return false;
}
var o = this;
var image = new Image();
//image.height = 17;
//image.width = 17;
image.src = $.PreviewBox.conf['preview_preloader_image'];
$(image).bind('load', function() {
$(this).unbind('load');
o.oPreloader = $(this);
});
// Preloader 2
if (null == $.PreviewBox.conf['previewbox_preloader_image']
|| '' == $.PreviewBox.conf['previewbox_preloader_image']) {
return false;
}
var image2 = new Image();
image2.src = $.PreviewBox.conf['previewbox_preloader_image'];
$(image2).bind('load', function(){
$(this).unbind('load');
o.oBoxPreloader = $(this);
});
return true;
};
$.PreviewBox.prototype.setPageClickHandler = function() {
if (null == $.PreviewBox.conf['preview_page_container_id']
|| '' == $.PreviewBox.conf['preview_page_container_id']) {
return false;
}
var o = this;
var linksPrefix = '';
var containerId = $.PreviewBox.conf['preview_page_container_id'];
$('a', containerId).each(function(index) {
var pageNum = 0;
var pageLink = $(this).attr('href');
var arr = pageLink.match(/\/pg([\d]+)\//);
if (null != arr && 'undefined' != typeof arr && 'undefined' != typeof arr[1]) {
pageNum = arr[1];
}
if (0 != pageNum) {
$(this).bind('click', function() {
o.LoadPreviewPage(pageLink, pageNum, this);
return false;
});
}
});
return true;
};
$.PreviewBox.prototype.getAjaxJson = function(url, params) {
this.ajaxPreviewCount = 0;
if (!params) {
params = {};
}
var o = this;
if (0 == this.ajaxRequestIndex) {
var w = $(this.oPreviewContainer).width();
var h = $(this.oPreviewContainer).height();
$('.box-preloader', this.oPreviewContainer).remove();
/*$('').width(w).height(h).css({
'background': '#fff',
'left': 0,
'opacity': .91,
'position': 'absolute',
'top': 0,
'z-index': 1000
}).appendTo($(this.oPreviewContainer));*/
//var posX = Math.ceil((w - $(this.oBoxPreloader)[0].width) / 2);
var posY = Math.floor((h - $(this.oBoxPreloader)[0].height) / 2 - 20);
// :TODO: 20081126: May be make clone() ..?
$('').width(w).height(h).css({
'background': '#fff url("'
+ $.PreviewBox.conf['previewbox_preloader_image']
+ '") 51% ' + posY + 'px no-repeat',
'left': 0,
'position': 'absolute',
'top': 0,
'z-index': 1000
}).appendTo($(this.oPreviewContainer));
}
this.ajaxRequestIndex = this.currentPageNumber;
params['ajax_is_request'] = 1;
// :TODO: 20081126: May be get?)
$.post(url, params, function(json) {
var tmo = setTimeout(function() {
var oJSON = eval('(' + json + ')');
if ('pb' + o.ajaxRequestIndex != oJSON.request_id && 'undefined' != typeof oJSON.request_id) {
return false
}
o.ajaxRequestIndex = 0;
o.ajaxPreviewCount = oJSON.preview_count;
$('.box-preloader', o.oPreviewContainer).remove();
o.updatePreviewBox(oJSON.preview);
}, 500);
});
};
$.fn.extend({
preview_box_init: function(options) {
new $.PreviewBox(this, options);
return this;
}
});
})(jQuery);
/**
* Bubble tooltip.
*
* @param Object Key/value pairs for overriding properties in TooltipGroup constructor.
* @param Object Key/value pairs for overriding properties in oConfig.
*
* @example $('.mod-gallery').bubble_tooltip_init({nOffsetX: -20, nDelayShow: 0});
*
* @cat Plugins/Interface
* @author Aleksey Pushkaryov
* @version 1.0.3
*
* @todo To change structure of plugin. It must be more understandable.
*/
;(function($) {
/**
* This constructor represents a group that contains
* a tooltip and related hover element.
*/
function TooltipGroup() {
//--------------------------------------
// Public properties
//--------------------------------------
this.nOffsetX = 4;
this.nOffsetY = -4;
this.nDelayShow = 100;
this.nDelayHide = 600;
this.bAbove = true;
this.bOnLeft = true;
this.bMoveUp = true;
this.bTtHover = true;
this.bAppendTtInBody = false; // sometimes may be useful
this.oHover;
this.oTooltip;
this.onShow;
//--------------------------------------
// Public methods
//--------------------------------------
this.init = function() {
if (!this.oHover || !this.oTooltip) {
return;
}
$(this.bTtHover ? [this.oTooltip, this.oHover] : this.oHover)
.mouseover(mouseover).mouseout(mouseout);
if (this.bAppendTtInBody) {
$("body").append(this.oTooltip);
}
}
this.forceHide = function() {
delTimerShow();
delTimerHide();
hide();
}
//======================================================================
//--------------------------------------
// Private properties
//--------------------------------------
var _nMoveRange = 10,
_this = this, // link to "this" for private methods
_nStartX,
_nStartY,
_nTimerShow,
_nTimerHide,
_bNeedShow = false;
//--------------------------------------
// Private methods
//--------------------------------------
function mouseover() {
_bNeedShow = true;
delTimerHide();
if ("none" != $(_this.oTooltip).css("display") || "" == $(_this.oTooltip).html()) {
return;
}
_nTimerShow = setTimeout(function() {
var hov = _this.oHover, tt = _this.oTooltip;
_nTimerShow = null;
_this.onShow(_this);
$(tt).css({display: "block", opacity: 0});
_nStartX = $(hov)[_this.bAppendTtInBody ? "offset" : "position"]().left
+ (_this.bOnLeft ? 0 : hov.offsetWidth) + _this.nOffsetX;
_nStartY = $(hov)[_this.bAppendTtInBody ? "offset" : "position"]().top
+ (_this.bAbove ? -tt.offsetHeight : hov.offsetHeight)
+ _this.nOffsetY + _nMoveRange * (_this.bMoveUp ? 1 : -1);
$(tt).css({left: _nStartX, top: _nStartY}).stop()
.animate(
{top: _nStartY - _nMoveRange * (_this.bMoveUp ? 1 : -1), opacity: 1},
200, "swing"
);
}, _this.nDelayShow);
}
function mouseout() {
delTimerShow();
_nTimerHide = setTimeout(hide, _this.nDelayHide);
}
function hide() {
_bNeedShow = false;
_nTimerHide = null;
if ("none" == $(_this.oTooltip).css("display")) {
return;
}
$(_this.oTooltip)
.stop()
.animate(
{top: _nStartY - _nMoveRange * (_this.bMoveUp ? 1 : -1) * 2, opacity: 0},
200, "swing",
function() {
$(this).css({display: "none"});
if (_bNeedShow) {
mouseover();
}
}
);
}
function delTimerShow() {
if (_nTimerShow) {
clearTimeout(_nTimerShow);
_nTimerShow = null;
}
}
function delTimerHide() {
if (_nTimerHide) {
clearTimeout(_nTimerHide);
_nTimerHide = null;
}
}
}
$.fn.extend({
bubble_tooltip_init: function(oOverrideTG, oOverrideConfig) {
var oConfig = {
sFindGroup: "li",
sFindHover: "a",
sFindTooltip: "dfn.tooltip"
},
oLastShowed;
$.extend(oConfig, oOverrideConfig || {});
// Parents
this.each(function() {
// Tooltip groups
$(oConfig.sFindGroup, this).each(function() {
var tg = new TooltipGroup();
tg.oHover = $(oConfig.sFindHover, this)[0];
tg.oTooltip = $(oConfig.sFindTooltip, this)[0];
tg.onShow = function(tg) {
if (oLastShowed) {
oLastShowed.forceHide();
}
oLastShowed = tg;
}
$.extend(tg, oOverrideTG || {});
tg.init();
});
});
return this;
}
});
})(jQuery);
;(function($) {
// Внутренняя
$.eready('.grid2, .grid3', function() {
$('.grid2, .grid3')
/*.hfeed_init({
is_animate: 0,
hide_not_active: 0,
hide_announce: 1,
target: '#'
})*/
.fw_init();
});
$.eready('ul.ui-tabs-nav',
function() {
$('ul.ui-tabs-nav').tabs();
}
);
$(document).ready(
function() {
// Preview Box
$('#preview-container').preview_box_init(
{
'preview_page_container_id': '.obj-page',
'preview_cover_class': 'img-border1',
'preview_page_current_id': 'current-page',
'preview_empty_image': '/img/n.gif',
'preview_preloader_image': '/img/default/loader.gif',
'previewbox_preloader_image': '/img/default/loader2.gif'
}
).bubble_tooltip_init(
{nDelayShow: 0, nDelayHide: 0, bAppendTtInBody: $.browser.opera, bTtHover: false}
);
$('#preview-container a.img-border1').iviewer({
'zoom_speed_in': 0,
'zoom_speed_out': 0,
'hide_on_content_click': true
});
return false;
}
);
})(jQuery);
/*
* jQuery blockUI plugin
* Version 2.06 (05/12/2008)
*/
;(function($) {
if (/1\.(0|1|2)\.(0|1|2)/.test($.fn.jquery) || /^1.1/.test($.fn.jquery)) {
alert('blockUI requires jQuery v1.2.3 or later! You are using v' + $.fn.jquery);
return;
}
// global $ methods for blocking/unblocking the entire page
$.blockUI = function(opts) { install(window, opts); };
$.unblockUI = function(opts) { remove(window, opts); };
// plugin method for blocking element content
$.fn.block = function(opts) {
return this.each(function() {
if ($.css(this,'position') == 'static')
this.style.position = 'relative';
if ($.browser.msie)
this.style.zoom = 1; // force 'hasLayout'
install(this, opts);
});
};
// plugin method for unblocking element content
$.fn.unblock = function(opts) {
return this.each(function() {
remove(this, opts);
});
};
$.blockUI.version = 2.06; // 2nd generation blocking at no extra cost!
// override these in your code to change the default behavior and style
$.blockUI.defaults = {
// message displayed when blocking (use null for no message)
message: 'Please wait...
',
// styles for the message when blocking; if you wish to disable
// these and use an external stylesheet then do this in your code:
// $.blockUI.defaults.css = {};
css: {
padding: 0,
margin: 0,
width: '30%',
top: '40%',
left: '35%',
textAlign: 'center',
color: '#000',
border: '3px solid #aaa',
backgroundColor:'#fff',
cursor: 'wait'
},
// styles for the overlay
overlayCSS: {
backgroundColor:'#000',
opacity: '0.6'
},
// z-index for the blocking overlay
baseZ: 1000,
// set these to true to have the message automatically centered
centerX: true, // <-- only effects element blocking (page block controlled via css above)
centerY: true,
// allow body element to be stetched in ie6; this makes blocking look better
// on "short" pages. disable if you wish to prevent changes to the body height
allowBodyStretch: true,
// be default blockUI will supress tab navigation from leaving blocking content;
constrainTabKey: true,
// fadeOut time in millis; set to 0 to disable fadeout on unblock
fadeOut: 400,
// if true, focus will be placed in the first available input field when
// page blocking
focusInput: true,
// suppresses the use of overlay styles on FF/Linux (due to significant performance issues with opacity)
applyPlatformOpacityRules: true
};
// private data and functions follow...
var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);
var pageBlock = null;
var pageBlockEls = [];
function install(el, opts) {
var full = (el == window);
var msg = opts && opts.message !== undefined ? opts.message : undefined;
opts = $.extend({}, $.blockUI.defaults, opts || {});
opts.overlayCSS = $.extend({}, $.blockUI.defaults.overlayCSS, opts.overlayCSS || {});
var css = $.extend({}, $.blockUI.defaults.css, opts.css || {});
msg = msg === undefined ? opts.message : msg;
// remove the current block (if there is one)
if (full && pageBlock)
remove(window, {fadeOut:0});
// if an existing element is being used as the blocking content then we capture
// its current place in the DOM (and current display style) so we can restore
// it when we unblock
if (msg && typeof msg != 'string' && (msg.parentNode || msg.jquery)) {
var node = msg.jquery ? msg[0] : msg;
var data = {};
$(el).data('blockUI.history', data);
data.el = node;
data.parent = node.parentNode;
data.display = node.style.display;
data.position = node.style.position;
data.parent.removeChild(node);
}
var z = opts.baseZ;
// blockUI uses 3 layers for blocking, for simplicity they are all used on every platform;
// layer1 is the iframe layer which is used to supress bleed through of underlying content
// layer2 is the overlay layer which has opacity and a wait cursor
// layer3 is the message content that is displayed while blocking
var lyr1 = ($.browser.msie) ? $('')
: $('');
var lyr2 = $('');
var lyr3 = full ? $('')
: $('');
// if we have a message, style it
if (msg) {
lyr3.css(css);
}
// style the overlay
if (!opts.applyPlatformOpacityRules || !($.browser.mozilla && /Linux/.test(navigator.platform))) {
lyr2.css(opts.overlayCSS);
}
lyr2.css('position', full ? 'fixed' : 'absolute');
// make iframe layer transparent in IE
if ($.browser.msie)
lyr1.css('opacity','0.0');
$([lyr1[0],lyr2[0],lyr3[0]]).appendTo(full ? 'body' : el);
// ie7 must use absolute positioning in quirks mode and to account for activex issues (when scrolling)
var expr = $.browser.msie && (!$.boxModel || $('object,embed', full ? null : el).length > 0);
if (ie6 || expr) {
// bug: horizontal scrolling in ie
if (0 != parseInt(lyr3.css('height'), 10)) {
lyr3.css('width', 'auto');
}
// give body 100% height
if (full && opts.allowBodyStretch && $.boxModel) {
$('html,body').css('height','100%');
}
// fix ie6 issue when blocked element has a border width
if ((ie6 || !$.boxModel) && !full) {
var t = sz(el,'borderTopWidth'), l = sz(el,'borderLeftWidth');
var fixT = t ? '(0 - '+t+')' : 0;
var fixL = l ? '(0 - '+l+')' : 0;
}
// simulate fixed position
$.each([lyr1,lyr2,lyr3], function(i,o) {
var s = o[0].style;
s.position = 'absolute';
if (i < 2) {
/*
// bug: don't work in ie
full ? s.setExpression('height','document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px"')
: s.setExpression('height','this.parentNode.offsetHeight + "px"');
*/
full ? s.height = (parseInt(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop, 10) + parseInt(document.documentElement.clientHeight || document.body.clientHeight, 10)) + "px" : (this.parentNode.offsetHeight) + "px";
full ? s.setExpression('width','jQuery.boxModel && document.documentElement.clientWidth || document.body.clientWidth + "px"')
: s.setExpression('width','this.parentNode.offsetWidth + "px"');
if (fixL) s.setExpression('left', fixL);
if (fixT) s.setExpression('top', fixT);
} else if (opts.centerY) {
if (full) {
s.setExpression('top','(parseInt(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop, 10) + parseInt(document.documentElement.clientHeight || document.body.clientHeight, 10) / 2 - parseInt($(this)[0].offsetHeight, 10)/ 2) + "px"');
}
s.marginTop = 0;
}
});
}
// show the message
lyr3.append(msg).show();
if (msg && (msg.jquery || msg.nodeType)) {
$(msg).show();
}
// bind key and mouse events
bind(1, el, opts);
if (full) {
pageBlock = lyr3[0];
pageBlockEls = $(':input:enabled:visible',pageBlock);
if (opts.focusInput)
setTimeout(focus, 20);
}
else
center(lyr3[0], opts.centerX, opts.centerY);
};
// remove the block
function remove(el, opts) {
var full = el == window;
var data = $(el).data('blockUI.history');
opts = $.extend(true, {}, $.blockUI.defaults, opts);
bind(0, el, opts); // unbind events
var els = full ? $('body').children().filter('.blockUI') : $('.blockUI', el);
if (full)
pageBlock = pageBlockEls = null;
if (opts.fadeOut) {
els.fadeOut(opts.fadeOut);
setTimeout(function() { reset(els,data); }, opts.fadeOut);
}
else
reset(els, data);
};
// move blocking element back into the DOM where it started
function reset(els,data) {
els.each(function(i,o) {
// remove via DOM calls so we don't lose event handlers
if (this.parentNode)
this.parentNode.removeChild(this);
});
if (data && data.el) {
data.el.style.display = data.display;
data.el.style.position = data.position;
data.parent.appendChild(data.el);
$(data.el).removeData('blockUI.history');
}
};
// bind/unbind the handler
function bind(b, el, opts) {
var full = el == window, $el = $(el);
// don't bother unbinding if there is nothing to unbind
if (!b && (full && !pageBlock || !full && !$el.data('blockUI.isBlocked')))
return;
if (!full)
$el.data('blockUI.isBlocked', b);
// bind anchors and inputs for mouse and key events
var events = 'mousedown mouseup keydown keypress click';
b ? $(document).bind(events, opts, handler) : $(document).unbind(events, handler);
// former impl...
// var $e = $('a,:input');
// b ? $e.bind(events, opts, handler) : $e.unbind(events, handler);
};
// event handler to suppress keyboard/mouse events when blocking
function handler(e) {
// allow tab navigation (conditionally)
if (e.keyCode && e.keyCode == 9) {
if (pageBlock && e.data.constrainTabKey) {
var els = pageBlockEls;
var fwd = !e.shiftKey && e.target == els[els.length-1];
var back = e.shiftKey && e.target == els[0];
if (fwd || back) {
setTimeout(function(){focus(back)},10);
return false;
}
}
}
// allow events within the message content
if ($(e.target).parents('div.blockMsg').length > 0)
return true;
// allow events for content that is not being blocked
return $(e.target).parents().children().filter('div.blockUI').length == 0;
};
function focus(back) {
if (!pageBlockEls)
return;
var e = pageBlockEls[back===true ? pageBlockEls.length-1 : 0];
if (e)
e.focus();
};
function center(el, x, y) {
var p = el.parentNode, s = el.style;
var l = ((p.offsetWidth - el.offsetWidth)/2) - sz(p,'borderLeftWidth');
var t = ((p.offsetHeight - el.offsetHeight)/2) - sz(p,'borderTopWidth');
if (x) s.left = l > 0 ? (l+'px') : '0';
if (y) s.top = t > 0 ? (t+'px') : '0';
};
function sz(el, p) {
return parseInt($.css(el,p))||0;
};
})(jQuery);
/**
* Circle animation
*
* @name Circle
* @description Create an animation of blocks by changing their css-properties
* @param All parameters are optional
* @example $('.grid').circle_init({ 'duration': 500 });
*
* @cat Plugins/Interface
* @author Olga Koryakova
* @version 1.0.0
*/
;(function($) {
$.oCircle = function(options) {
$.extend($.oCircle.conf, options || {});
this.oContainer = ($.oCircle.conf['circle_container']) ? $( $.oCircle.conf['circle_container'] ) : {};
this.oSwitcher = ($.oCircle.conf['circle_switcher']) ? $( $.oCircle.conf['circle_switcher'] ) : {};
this.aProperties = [];
this.sCurrentId = 1;
this.sTargetId;
this.init();
}
// configuration settings
$.oCircle.conf = {
'circle_container' : '.column2', // container block with 'position: relative'
'circle_switcher' : '.grid-switcher', // switcher
'target_id_prefix' : '#block',
'target_class_prefix': 'grid-block', // prefix of classes that will be changing
'bg_class_prefix' : 'grid-bg', // blocks with background
'duration' : 300, // duration of block animation
'duration2' : 300, // duration of background animation
'count' : 6 // total number of blocks
};
// initialization
$.oCircle.prototype.init = function() {
var oSelf = this;
this.oContainer.find('a[@href^=' + $.oCircle.conf['target_id_prefix'] + ']').bind(
'click',
function() {
oSelf.setClickHandler($($(this).attr('href')));
return false;
}
);
}
/**
* @name setClickHandler
* @description Set a handler for 'click' event
* @param oTarget -a block that must become upper
* @return none
*/
$.oCircle.prototype.setClickHandler = function(oTarget) {
var oSelf = this,
iClassNum = oSelf.getLastSymbols(oTarget.attr('class'), 1),
iStep = iClassNum - 1,
iDir;
// define current and target block's identifier
oSelf.sCurrentId = oSelf.oContainer.find('div[@class=' + $.oCircle.conf['target_class_prefix'] + '1]').attr('id');
oSelf.sTargetId = oTarget.attr('id');
// choose a direction of movement
if (iStep > Math.round($.oCircle.conf['count'] / 2)) {
iStep = ($.oCircle.conf['count'] - iStep);
iDir = 1;
} else {
iDir = -1;
}
if (iClassNum != 1) { // if link is not active yet
oSelf.aProperties = oSelf.getStyleProperties();
// set active link in switcher
oSelf.oSwitcher.find('a[@href=#' + oSelf.sCurrentId + ']').removeClass('active');
oSelf.oSwitcher.find('a[@href=#' + oSelf.sTargetId + ']').addClass('active');
// unbind links
oSelf.oContainer.find('a[@href^=' + $.oCircle.conf['target_id_prefix'] + ']').unbind('click');
// move blocks
oSelf.oContainer.find('div[@class^=' + $.oCircle.conf['target_class_prefix'] + ']').each(function(i) {
var oBlock = $(this),
iOldNum = oSelf.getLastSymbols(oBlock.attr('class'), 1),
iNewNum = oSelf.getNumber(iOldNum + iDir);
oSelf.startMotion(oBlock, iNewNum, iStep - 1, iDir, i);
});
}
}
/**
* @name startMotion
* @description Start movement of blocks (make just 1 step)
* @param [object] oBlock - a block that should be moved
* [int] iNum - a number of result class
* [int] iCount - remaining number of steps
* [int] iDir - direction of motion (1 - clockwise, -1 - anticlockwise)
* @return none
*/
$.oCircle.prototype.startMotion = function(oBlock, iNum, iCount, iDir, i) {
var oSelf = this;
if ((1 == iDir && 1 == iNum) || (-1 == iDir && $.oCircle.conf['count'] == iNum)) {
// if first and last classes change places
oBlock.fadeOut(
$.oCircle.conf['duration'] / 2,
function() {
oBlock.removeClass().addClass($.oCircle.conf['target_class_prefix'] + iNum).css(oSelf.aProperties[iNum]).fadeIn($.oCircle.conf['duration'] / 2);
oSelf.getNextStep(oBlock, iNum, iCount, iDir, i);
}
);
} else {
oBlock.animate(
oSelf.aProperties[iNum],
$.oCircle.conf['duration'],
'linear',
function() {
oBlock.removeClass().addClass($.oCircle.conf['target_class_prefix'] + iNum);
oSelf.getNextStep(oBlock, iNum, iCount, iDir, i);
}
);
}
}
/**
* @name getNextStep
* @description Define what to do the next step
* @param [object] oBlock - a block that should be moved
* [int] iNum - a number of result class
* [int] iCount - remaining number of steps
* [int] iDir - direction of motion (1 - clockwise, -1 - anticlockwise)
* @return none
*/
$.oCircle.prototype.getNextStep = function(oBlock, iNum, iCount, iDir, i) {
var oSelf = this,
iNewNum = oSelf.getNumber(iNum + iDir);
if (iCount) { // continue motion
oSelf.startMotion(oBlock, iNewNum, iCount - 1, iDir, i);
} else { // stop motion
// set 'left' and 'width' properties in percents
oBlock.css({
'left' : oSelf.getProperty(oBlock.css('left'), 'percent'),
'width': oSelf.getProperty(oBlock.css('width'), 'percent')
});
if (i == $.oCircle.conf['count'] - 1) { // if all of blocks are moved already
// change background
$('.grid').find('div[@class^=' + $.oCircle.conf['bg_class_prefix'] + oSelf.getLastSymbols(oSelf.sCurrentId, 1) + ']').
fadeOut($.oCircle.conf['duration2'], function() {
$('.' + $.oCircle.conf['bg_class_prefix'] + oSelf.getLastSymbols(oSelf.sTargetId, 1)).css('display', 'block').fadeIn($.oCircle.conf['duration2']);
});
// bind links
oSelf.oContainer.find('a[@href^=' + $.oCircle.conf['target_id_prefix'] + ']').bind(
'click',
function() {
oSelf.setClickHandler($($(this).attr('href')));
return false;
}
);
}
}
}
/**
* @name getStyleProperties
* @description Get style properties of blocks and put them into array
* @param none
* @return An array of objects with css-properties
*/
$.oCircle.prototype.getStyleProperties = function() {
var oSelf = this,
aParams = [];
this.oContainer.find('div[@class^=' + $.oCircle.conf['target_class_prefix'] + ']').each(function() {
var oBlock = $(this),
iNum = oSelf.getLastSymbols(oBlock.attr('class'), 1);
aParams[iNum] = {
'top' : oSelf.getProperty(oBlock.css('top')),
'left' : oSelf.getProperty(oBlock.css('left'), ($.browser.safari) ? 'percent' : ''),
'width': oSelf.getProperty(oBlock.css('width'), ($.browser.safari) ? 'percent' : '')
};
});
return aParams;
}
/**
* @name getLastSymbols
* @description Get substring with some last symbols of a given string
* @param [string] str - a given string
* [int] iCount - number of symbols
* [string] sMode - optional, possible value: 'string'
* @return [mixed] string or number (depend on sMode, default: number)
*/
$.oCircle.prototype.getLastSymbols = function(str, iCount, sMode) {
switch (sMode) {
case 'string': {
return str.substr(str.length - iCount, iCount);
}
break;
default: {
return parseInt(str.substr(str.length - iCount, iCount));
}
}
}
/**
* @name getNumber
* @description Get number of class in the range from 1 to count of classes
* @param [int] iNum - number of class
* @return [int] result number
*/
$.oCircle.prototype.getNumber = function(iNum) {
if (iNum < 1) {
return $.oCircle.conf['count'];
} else if (iNum > $.oCircle.conf['count']) {
return 1;
} else {
return iNum;
}
}
/**
* @name getProperty
* @description Get css-property in necessary units
* @param [string] sProperty - a given property
* [string] sMode - optional, possible value: 'percent'
* @return [string] css-property in percents or in pixels (default in pixels)
*/
$.oCircle.prototype.getProperty = function(sProperty, sMode) {
var sUnit = ('%' == this.getLastSymbols(sProperty, 1, 'string')) ? '%' : 'px';
switch (sMode) {
case 'percent': {
if ('%' == sUnit) {
return parseInt(sProperty) + '%';
} else {
return Math.round(parseInt(sProperty) * 100 / this.oContainer.width()) + '%';
}
}
break;
default: { // in pixels
if ('%' == sUnit) {
return Math.round(parseInt(sProperty) * this.oContainer.width() / 100) + 'px';
} else {
return parseInt(sProperty) + 'px';
}
}
}
}
$.fn.extend({
circle_init: function(options) {
new $.oCircle(options);
}
});
})(jQuery);
;(function($) {
// Главная
$.eready('.grid', function() {
$('.grid').circle_init();
});
})(jQuery);
/*
* jQuery UI Effects 1.6b
*
* Copyright (c) 2008 Aaron Eisenberger (aaronchi@gmail.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI/Effects/
*/
;(function($) {
$.effects = $.effects || {}; //Add the 'effects' scope
$.extend($.effects, {
save: function(el, set) {
for(var i=0;i');
var wrapper = el.parent();
if (el.css('position') == 'static'){
wrapper.css({position: 'relative'});
el.css({position: 'relative'});
} else {
var top = el.css('top'); if(isNaN(parseInt(top))) top = 'auto';
var left = el.css('left'); if(isNaN(parseInt(left))) left = 'auto';
wrapper.css({ position: el.css('position'), top: top, left: left, zIndex: el.css('z-index') }).show();
el.css({position: 'relative', top:0, left:0});
}
wrapper.css(props);
return wrapper;
},
removeWrapper: function(el) {
if (el.parent().attr('id') == 'fxWrapper')
return el.parent().replaceWith(el);
return el;
},
setTransition: function(el, list, factor, val) {
val = val || {};
$.each(list,function(i, x){
unit = el.cssUnit(x);
if (unit[0] > 0) val[x] = unit[0] * factor + unit[1];
});
return val;
},
animateClass: function(value, duration, easing, callback) {
var cb = (typeof easing == "function" ? easing : (callback ? callback : null));
var ea = (typeof easing == "object" ? easing : null);
return this.each(function() {
var offset = {}; var that = $(this); var oldStyleAttr = that.attr("style") || '';
if(typeof oldStyleAttr == 'object') oldStyleAttr = oldStyleAttr["cssText"]; /* Stupidly in IE, style is a object.. */
if(value.toggle) { that.hasClass(value.toggle) ? value.remove = value.toggle : value.add = value.toggle; }
//Let's get a style offset
var oldStyle = $.extend({}, (document.defaultView ? document.defaultView.getComputedStyle(this,null) : this.currentStyle));
if(value.add) that.addClass(value.add); if(value.remove) that.removeClass(value.remove);
var newStyle = $.extend({}, (document.defaultView ? document.defaultView.getComputedStyle(this,null) : this.currentStyle));
if(value.add) that.removeClass(value.add); if(value.remove) that.addClass(value.remove);
// The main function to form the object for animation
for(var n in newStyle) {
if( typeof newStyle[n] != "function" && newStyle[n] /* No functions and null properties */
&& n.indexOf("Moz") == -1 && n.indexOf("length") == -1 /* No mozilla spezific render properties. */
&& newStyle[n] != oldStyle[n] /* Only values that have changed are used for the animation */
&& (n.match(/color/i) || (!n.match(/color/i) && !isNaN(parseInt(newStyle[n],10)))) /* Only things that can be parsed to integers or colors */
&& (oldStyle.position != "static" || (oldStyle.position == "static" && !n.match(/left|top|bottom|right/))) /* No need for positions when dealing with static positions */
) offset[n] = newStyle[n];
}
that.animate(offset, duration, ea, function() { // Animate the newly constructed offset object
// Change style attribute back to original. For stupid IE, we need to clear the damn object.
if(typeof $(this).attr("style") == 'object') { $(this).attr("style")["cssText"] = ""; $(this).attr("style")["cssText"] = oldStyleAttr; } else $(this).attr("style", oldStyleAttr);
if(value.add) $(this).addClass(value.add); if(value.remove) $(this).removeClass(value.remove);
if(cb) cb.apply(this, arguments);
});
});
}
});
//Extend the methods of jQuery
$.fn.extend({
//Save old methods
_show: $.fn.show,
_hide: $.fn.hide,
__toggle: $.fn.toggle,
_addClass: $.fn.addClass,
_removeClass: $.fn.removeClass,
_toggleClass: $.fn.toggleClass,
// New ec methods
effect: function(fx,o,speed,callback) {
return $.effects[fx] ? $.effects[fx].call(this, {method: fx, options: o || {}, duration: speed, callback: callback }) : null;
},
show: function() {
if(!arguments[0] || (arguments[0].constructor == Number || /(slow|normal|fast)/.test(arguments[0])))
return this._show.apply(this, arguments);
else {
var o = arguments[1] || {}; o['mode'] = 'show';
return this.effect.apply(this, [arguments[0], o, arguments[2] || o.duration, arguments[3] || o.callback]);
}
},
hide: function() {
if(!arguments[0] || (arguments[0].constructor == Number || /(slow|normal|fast)/.test(arguments[0])))
return this._hide.apply(this, arguments);
else {
var o = arguments[1] || {}; o['mode'] = 'hide';
return this.effect.apply(this, [arguments[0], o, arguments[2] || o.duration, arguments[3] || o.callback]);
}
},
toggle: function(){
if(!arguments[0] || (arguments[0].constructor == Number || /(slow|normal|fast)/.test(arguments[0])) || (arguments[0].constructor == Function))
return this.__toggle.apply(this, arguments);
else {
var o = arguments[1] || {}; o['mode'] = 'toggle';
return this.effect.apply(this, [arguments[0], o, arguments[2] || o.duration, arguments[3] || o.callback]);
}
},
addClass: function(classNames,speed,easing,callback) {
return speed ? $.effects.animateClass.apply(this, [{ add: classNames },speed,easing,callback]) : this._addClass(classNames);
},
removeClass: function(classNames,speed,easing,callback) {
return speed ? $.effects.animateClass.apply(this, [{ remove: classNames },speed,easing,callback]) : this._removeClass(classNames);
},
toggleClass: function(classNames,speed,easing,callback) {
return speed ? $.effects.animateClass.apply(this, [{ toggle: classNames },speed,easing,callback]) : this._toggleClass(classNames);
},
morph: function(remove,add,speed,easing,callback) {
return $.effects.animateClass.apply(this, [{ add: add, remove: remove },speed,easing,callback]);
},
switchClass: function() {
return this.morph.apply(this, arguments);
},
// helper functions
cssUnit: function(key) {
var style = this.css(key), val = [];
$.each( ['em','px','%','pt'], function(i, unit){
if(style.indexOf(unit) > 0)
val = [parseFloat(style), unit];
});
return val;
}
});
/*
* jQuery Color Animations
* Copyright 2007 John Resig
* Released under the MIT and GPL licenses.
*/
// We override the animation for all of these color styles
jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
jQuery.fx.step[attr] = function(fx){
if ( fx.state == 0 ) {
fx.start = getColor( fx.elem, attr );
fx.end = getRGB( fx.end );
}
fx.elem.style[attr] = "rgb(" + [
Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
].join(",") + ")";
}
});
// Color Conversion functions from highlightFade
// By Blair Mitchelmore
// http://jquery.offput.ca/highlightFade/
// Parse strings looking for color tuples [255,255,255]
function getRGB(color) {
var result;
// Check if we're already dealing with an array of colors
if ( color && color.constructor == Array && color.length == 3 )
return color;
// Look for rgb(num,num,num)
if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];
// Look for rgb(num%,num%,num%)
if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];
// Look for #a0b1c2
if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];
// Look for #fff
if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];
// Look for rgba(0, 0, 0, 0) == transparent in Safari 3
if (result = /rgba\(0, 0, 0, 0\)/.exec(color))
return colors['transparent']
// Otherwise, we're most likely dealing with a named color
return colors[jQuery.trim(color).toLowerCase()];
}
function getColor(elem, attr) {
var color;
do {
color = jQuery.curCSS(elem, attr);
// Keep going until we find an element that has color, or we hit the body
if ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") )
break;
attr = "backgroundColor";
} while ( elem = elem.parentNode );
return getRGB(color);
};
// Some named colors to work with
// From Interface by Stefan Petre
// http://interface.eyecon.ro/
var colors = {
aqua:[0,255,255],
azure:[240,255,255],
beige:[245,245,220],
black:[0,0,0],
blue:[0,0,255],
brown:[165,42,42],
cyan:[0,255,255],
darkblue:[0,0,139],
darkcyan:[0,139,139],
darkgrey:[169,169,169],
darkgreen:[0,100,0],
darkkhaki:[189,183,107],
darkmagenta:[139,0,139],
darkolivegreen:[85,107,47],
darkorange:[255,140,0],
darkorchid:[153,50,204],
darkred:[139,0,0],
darksalmon:[233,150,122],
darkviolet:[148,0,211],
fuchsia:[255,0,255],
gold:[255,215,0],
green:[0,128,0],
indigo:[75,0,130],
khaki:[240,230,140],
lightblue:[173,216,230],
lightcyan:[224,255,255],
lightgreen:[144,238,144],
lightgrey:[211,211,211],
lightpink:[255,182,193],
lightyellow:[255,255,224],
lime:[0,255,0],
magenta:[255,0,255],
maroon:[128,0,0],
navy:[0,0,128],
olive:[128,128,0],
orange:[255,165,0],
pink:[255,192,203],
purple:[128,0,128],
violet:[128,0,128],
red:[255,0,0],
silver:[192,192,192],
white:[255,255,255],
yellow:[255,255,0],
transparent: [255,255,255]
};
/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
* Copyright В© 2008 George McGinley Smith
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.extend( jQuery.easing,
{
def: 'easeOutQuad',
swing: function (x, t, b, c, d) {
//alert(jQuery.easing.default);
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
return c*(t/=d)*t + b;
},
easeOutQuad: function (x, t, b, c, d) {
return -c *(t/=d)*(t-2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
return c*(t/=d)*t*t + b;
},
easeOutCubic: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t + b;
return c/2*((t-=2)*t*t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t + b;
},
easeOutQuart: function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
return -c/2 * ((t-=2)*t*t*t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t*t + b;
},
easeOutQuint: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t*t*t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
return c * Math.sin(t/d * (Math.PI/2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
if (t==0) return b;
if (t==d) return b+c;
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
easeOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
}
});
/*
*
* TERMS OF USE - EASING EQUATIONS
*
* Open source under the BSD License.
*
* Copyright В© 2001 Robert Penner
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
})(jQuery);
/*
* jQuery UI Resizable
*
* Copyright (c) 2008 Paul Bakaus
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI/Resizables
*
* Depends:
* ui.core.js
*/
(function($) {
$.widget("ui.resizable", $.extend({}, $.ui.mouse, {
init: function() {
var self = this, o = this.options;
var elpos = this.element.css('position');
this.originalElement = this.element;
// simulate .ui-resizable { position: relative; }
this.element.addClass("ui-resizable").css({ position: /static/.test(elpos) ? 'relative' : elpos });
$.extend(o, {
_aspectRatio: !!(o.aspectRatio),
helper: o.helper || o.ghost || o.animate ? o.helper || 'proxy' : null,
knobHandles: o.knobHandles === true ? 'ui-resizable-knob-handle' : o.knobHandles
});
//Default Theme
var aBorder = '1px solid #DEDEDE';
o.defaultTheme = {
'ui-resizable': { display: 'block' },
'ui-resizable-handle': { position: 'absolute', background: '#F2F2F2', fontSize: '0.1px' },
'ui-resizable-n': { cursor: 'n-resize', height: '4px', left: '0px', right: '0px', borderTop: aBorder },
'ui-resizable-s': { cursor: 's-resize', height: '4px', left: '0px', right: '0px', borderBottom: aBorder },
'ui-resizable-e': { cursor: 'e-resize', width: '4px', top: '0px', bottom: '0px', borderRight: aBorder },
'ui-resizable-w': { cursor: 'w-resize', width: '4px', top: '0px', bottom: '0px', borderLeft: aBorder },
'ui-resizable-se': { cursor: 'se-resize', width: '4px', height: '4px', borderRight: aBorder, borderBottom: aBorder },
'ui-resizable-sw': { cursor: 'sw-resize', width: '4px', height: '4px', borderBottom: aBorder, borderLeft: aBorder },
'ui-resizable-ne': { cursor: 'ne-resize', width: '4px', height: '4px', borderRight: aBorder, borderTop: aBorder },
'ui-resizable-nw': { cursor: 'nw-resize', width: '4px', height: '4px', borderLeft: aBorder, borderTop: aBorder }
};
o.knobTheme = {
'ui-resizable-handle': { background: '#F2F2F2', border: '1px solid #808080', height: '8px', width: '8px' },
'ui-resizable-n': { cursor: 'n-resize', top: '0px', left: '45%' },
'ui-resizable-s': { cursor: 's-resize', bottom: '0px', left: '45%' },
'ui-resizable-e': { cursor: 'e-resize', right: '0px', top: '45%' },
'ui-resizable-w': { cursor: 'w-resize', left: '0px', top: '45%' },
'ui-resizable-se': { cursor: 'se-resize', right: '0px', bottom: '0px' },
'ui-resizable-sw': { cursor: 'sw-resize', left: '0px', bottom: '0px' },
'ui-resizable-nw': { cursor: 'nw-resize', left: '0px', top: '0px' },
'ui-resizable-ne': { cursor: 'ne-resize', right: '0px', top: '0px' }
};
o._nodeName = this.element[0].nodeName;
//Wrap the element if it cannot hold child nodes
if(o._nodeName.match(/canvas|textarea|input|select|button|img/i)) {
var el = this.element;
//Opera fixing relative position
if (/relative/.test(el.css('position')) && $.browser.opera)
el.css({ position: 'relative', top: 'auto', left: 'auto' });
//Create a wrapper element and set the wrapper to the new current internal element
el.wrap(
$('').css( {
position: el.css('position'),
width: el.outerWidth(),
height: el.outerHeight(),
top: el.css('top'),
left: el.css('left')
})
);
var oel = this.element; this.element = this.element.parent();
// store instance on wrapper
this.element.data('resizable', this);
//Move margins to the wrapper
this.element.css({ marginLeft: oel.css("marginLeft"), marginTop: oel.css("marginTop"),
marginRight: oel.css("marginRight"), marginBottom: oel.css("marginBottom")
});
oel.css({ marginLeft: 0, marginTop: 0, marginRight: 0, marginBottom: 0});
//Prevent Safari textarea resize
if ($.browser.safari && o.preventDefault) oel.css('resize', 'none');
o.proportionallyResize = oel.css({ position: 'static', zoom: 1, display: 'block' });
// avoid IE jump
this.element.css({ margin: oel.css('margin') });
// fix handlers offset
this._proportionallyResize();
}
if(!o.handles) o.handles = !$('.ui-resizable-handle', this.element).length ? "e,s,se" : { n: '.ui-resizable-n', e: '.ui-resizable-e', s: '.ui-resizable-s', w: '.ui-resizable-w', se: '.ui-resizable-se', sw: '.ui-resizable-sw', ne: '.ui-resizable-ne', nw: '.ui-resizable-nw' };
if(o.handles.constructor == String) {
o.zIndex = o.zIndex || 1000;
if(o.handles == 'all') o.handles = 'n,e,s,w,se,sw,ne,nw';
var n = o.handles.split(","); o.handles = {};
// insertions are applied when don't have theme loaded
var insertionsDefault = {
handle: 'position: absolute; display: none; overflow:hidden;',
n: 'top: 0pt; width:100%;',
e: 'right: 0pt; height:100%;',
s: 'bottom: 0pt; width:100%;',
w: 'left: 0pt; height:100%;',
se: 'bottom: 0pt; right: 0px;',
sw: 'bottom: 0pt; left: 0px;',
ne: 'top: 0pt; right: 0px;',
nw: 'top: 0pt; left: 0px;'
};
for(var i = 0; i < n.length; i++) {
var handle = $.trim(n[i]), dt = o.defaultTheme, hname = 'ui-resizable-'+handle, loadDefault = !$.ui.css(hname) && !o.knobHandles, userKnobClass = $.ui.css('ui-resizable-knob-handle'),
allDefTheme = $.extend(dt[hname], dt['ui-resizable-handle']), allKnobTheme = $.extend(o.knobTheme[hname], !userKnobClass ? o.knobTheme['ui-resizable-handle'] : {});
// increase zIndex of sw, se, ne, nw axis
var applyZIndex = /sw|se|ne|nw/.test(handle) ? { zIndex: ++o.zIndex } : {};
var defCss = (loadDefault ? insertionsDefault[handle] : ''),
axis = $([''].join('')).css( applyZIndex );
o.handles[handle] = '.ui-resizable-'+handle;
this.element.append(
//Theme detection, if not loaded, load o.defaultTheme
axis.css( loadDefault ? allDefTheme : {} )
// Load the knobHandle css, fix width, height, top, left...
.css( o.knobHandles ? allKnobTheme : {} ).addClass(o.knobHandles ? 'ui-resizable-knob-handle' : '').addClass(o.knobHandles)
);
}
if (o.knobHandles) this.element.addClass('ui-resizable-knob').css( !$.ui.css('ui-resizable-knob') ? { /*border: '1px #fff dashed'*/ } : {} );
}
this._renderAxis = function(target) {
target = target || this.element;
for(var i in o.handles) {
if(o.handles[i].constructor == String)
o.handles[i] = $(o.handles[i], this.element).show();
if (o.transparent)
o.handles[i].css({opacity:0});
//Apply pad to wrapper element, needed to fix axis position (textarea, inputs, scrolls)
if (this.element.is('.ui-wrapper') &&
o._nodeName.match(/textarea|input|select|button/i)) {
var axis = $(o.handles[i], this.element), padWrapper = 0;
//Checking the correct pad and border
padWrapper = /sw|ne|nw|se|n|s/.test(i) ? axis.outerHeight() : axis.outerWidth();
//The padding type i have to apply...
var padPos = [ 'padding',
/ne|nw|n/.test(i) ? 'Top' :
/se|sw|s/.test(i) ? 'Bottom' :
/^e$/.test(i) ? 'Right' : 'Left' ].join("");
if (!o.transparent)
target.css(padPos, padWrapper);
this._proportionallyResize();
}
if(!$(o.handles[i]).length) continue;
}
};
this._renderAxis(this.element);
o._handles = $('.ui-resizable-handle', self.element);
if (o.disableSelection)
o._handles.each(function(i, e) { $.ui.disableSelection(e); });
//Matching axis name
o._handles.mouseover(function() {
if (!o.resizing) {
if (this.className)
var axis = this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);
//Axis, default = se
self.axis = o.axis = axis && axis[1] ? axis[1] : 'se';
}
});
//If we want to auto hide the elements
if (o.autoHide) {
o._handles.hide();
$(self.element).addClass("ui-resizable-autohide").hover(function() {
$(this).removeClass("ui-resizable-autohide");
o._handles.show();
},
function(){
if (!o.resizing) {
$(this).addClass("ui-resizable-autohide");
o._handles.hide();
}
});
}
this.mouseInit();
},
plugins: {},
ui: function() {
return {
originalElement: this.originalElement,
element: this.element,
helper: this.helper,
position: this.position,
size: this.size,
options: this.options,
originalSize: this.originalSize,
originalPosition: this.originalPosition
};
},
propagate: function(n,e) {
$.ui.plugin.call(this, n, [e, this.ui()]);
if (n != "resize") this.element.triggerHandler(["resize", n].join(""), [e, this.ui()], this.options[n]);
},
destroy: function() {
var el = this.element, wrapped = el.children(".ui-resizable").get(0);
this.mouseDestroy();
var _destroy = function(exp) {
$(exp).removeClass("ui-resizable ui-resizable-disabled")
.removeData("resizable").unbind(".resizable").find('.ui-resizable-handle').remove();
};
_destroy(el);
if (el.is('.ui-wrapper') && wrapped) {
el.parent().append(
$(wrapped).css({
position: el.css('position'),
width: el.outerWidth(),
height: el.outerHeight(),
top: el.css('top'),
left: el.css('left')
})
).end().remove();
_destroy(wrapped);
}
},
mouseStart: function(e) {
if(this.options.disabled) return false;
var handle = false;
for(var i in this.options.handles) {
if($(this.options.handles[i])[0] == e.target) handle = true;
}
if (!handle) return false;
var o = this.options, iniPos = this.element.position(), el = this.element,
num = function(v) { return parseInt(v, 10) || 0; }, ie6 = $.browser.msie && $.browser.version < 7;
o.resizing = true;
o.documentScroll = { top: $(document).scrollTop(), left: $(document).scrollLeft() };
// bugfix #1749
if (el.is('.ui-draggable') || (/absolute/).test(el.css('position'))) {
// sOffset decides if document scrollOffset will be added to the top/left of the resizable element
var sOffset = $.browser.msie && !o.containment && (/absolute/).test(el.css('position')) && !(/relative/).test(el.parent().css('position'));
var dscrollt = sOffset ? o.documentScroll.top : 0, dscrolll = sOffset ? o.documentScroll.left : 0;
el.css({ position: 'absolute', top: (iniPos.top + dscrollt), left: (iniPos.left + dscrolll) });
}
//Opera fixing relative position
if ($.browser.opera && /relative/.test(el.css('position')))
el.css({ position: 'relative', top: 'auto', left: 'auto' });
this._renderProxy();
var curleft = num(this.helper.css('left')), curtop = num(this.helper.css('top'));
if (o.containment) {
curleft += $(o.containment).scrollLeft()||0;
curtop += $(o.containment).scrollTop()||0;
}
//Store needed variables
this.offset = this.helper.offset();
this.position = { left: curleft, top: curtop };
this.size = o.helper || ie6 ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
this.originalSize = o.helper || ie6 ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };
this.originalPosition = { left: curleft, top: curtop };
this.sizeDiff = { width: el.outerWidth() - el.width(), height: el.outerHeight() - el.height() };
this.originalMousePosition = { left: e.pageX, top: e.pageY };
//Aspect Ratio
o.aspectRatio = (typeof o.aspectRatio == 'number') ? o.aspectRatio : ((this.originalSize.height / this.originalSize.width)||1);
if (o.preserveCursor)
$('body').css('cursor', this.axis + '-resize');
this.propagate("start", e);
return true;
},
mouseDrag: function(e) {
//Increase performance, avoid regex
var el = this.helper, o = this.options, props = {},
self = this, smp = this.originalMousePosition, a = this.axis;
var dx = (e.pageX-smp.left)||0, dy = (e.pageY-smp.top)||0;
var trigger = this._change[a];
if (!trigger) return false;
// Calculate the attrs that will be change
var data = trigger.apply(this, [e, dx, dy]), ie6 = $.browser.msie && $.browser.version < 7, csdif = this.sizeDiff;
if (o._aspectRatio || e.shiftKey)
data = this._updateRatio(data, e);
data = this._respectSize(data, e);
// plugins callbacks need to be called first
this.propagate("resize", e);
el.css({
top: this.position.top + "px", left: this.position.left + "px",
width: this.size.width + "px", height: this.size.height + "px"
});
if (!o.helper && o.proportionallyResize)
this._proportionallyResize();
this._updateCache(data);
// calling the user callback at the end
this.element.triggerHandler("resize", [e, this.ui()], this.options["resize"]);
return false;
},
mouseStop: function(e) {
this.options.resizing = false;
var o = this.options, num = function(v) { return parseInt(v, 10) || 0; }, self = this;
if(o.helper) {
var pr = o.proportionallyResize, ista = pr && (/textarea/i).test(pr.get(0).nodeName),
soffseth = ista && $.ui.hasScroll(pr.get(0), 'left') /* TODO - jump height */ ? 0 : self.sizeDiff.height,
soffsetw = ista ? 0 : self.sizeDiff.width;
var s = { width: (self.size.width - soffsetw), height: (self.size.height - soffseth) },
left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null,
top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null;
if (!o.animate)
this.element.css($.extend(s, { top: top, left: left }));
if (o.helper && !o.animate) this._proportionallyResize();
}
if (o.preserveCursor)
$('body').css('cursor', 'auto');
this.propagate("stop", e);
if (o.helper) this.helper.remove();
return false;
},
_updateCache: function(data) {
var o = this.options;
this.offset = this.helper.offset();
if (data.left) this.position.left = data.left;
if (data.top) this.position.top = data.top;
if (data.height) this.size.height = data.height;
if (data.width) this.size.width = data.width;
},
_updateRatio: function(data, e) {
var o = this.options, cpos = this.position, csize = this.size, a = this.axis;
if (data.height) data.width = (csize.height / o.aspectRatio);
else if (data.width) data.height = (csize.width * o.aspectRatio);
if (a == 'sw') {
data.left = cpos.left + (csize.width - data.width);
data.top = null;
}
if (a == 'nw') {
data.top = cpos.top + (csize.height - data.height);
data.left = cpos.left + (csize.width - data.width);
}
return data;
},
_respectSize: function(data, e) {
var el = this.helper, o = this.options, pRatio = o._aspectRatio || e.shiftKey, a = this.axis,
ismaxw = data.width && o.maxWidth && o.maxWidth < data.width, ismaxh = data.height && o.maxHeight && o.maxHeight < data.height,
isminw = data.width && o.minWidth && o.minWidth > data.width, isminh = data.height && o.minHeight && o.minHeight > data.height;
if (isminw) data.width = o.minWidth;
if (isminh) data.height = o.minHeight;
if (ismaxw) data.width = o.maxWidth;
if (ismaxh) data.height = o.maxHeight;
var dw = this.originalPosition.left + this.originalSize.width, dh = this.position.top + this.size.height;
var cw = /sw|nw|w/.test(a), ch = /nw|ne|n/.test(a);
if (isminw && cw) data.left = dw - o.minWidth;
if (ismaxw && cw) data.left = dw - o.maxWidth;
if (isminh && ch) data.top = dh - o.minHeight;
if (ismaxh && ch) data.top = dh - o.maxHeight;
// fixing jump error on top/left - bug #2330
var isNotwh = !data.width && !data.height;
if (isNotwh && !data.left && data.top) data.top = null;
else if (isNotwh && !data.top && data.left) data.left = null;
return data;
},
_proportionallyResize: function() {
var o = this.options;
if (!o.proportionallyResize) return;
var prel = o.proportionallyResize, el = this.helper || this.element;
if (!o.borderDif) {
var b = [prel.css('borderTopWidth'), prel.css('borderRightWidth'), prel.css('borderBottomWidth'), prel.css('borderLeftWidth')],
p = [prel.css('paddingTop'), prel.css('paddingRight'), prel.css('paddingBottom'), prel.css('paddingLeft')];
o.borderDif = $.map(b, function(v, i) {
var border = parseInt(v,10)||0, padding = parseInt(p[i],10)||0;
return border + padding;
});
}
prel.css({
height: (el.height() - o.borderDif[0] - o.borderDif[2]) + "px",
width: (el.width() - o.borderDif[1] - o.borderDif[3]) + "px"
});
},
_renderProxy: function() {
var el = this.element, o = this.options;
this.elementOffset = el.offset();
if(o.helper) {
this.helper = this.helper || $('');
// fix ie6 offset
var ie6 = $.browser.msie && $.browser.version < 7, ie6offset = (ie6 ? 1 : 0),
pxyoffset = ( ie6 ? 2 : -1 );
this.helper.addClass(o.helper).css({
width: el.outerWidth() + pxyoffset,
height: el.outerHeight() + pxyoffset,
position: 'absolute',
left: this.elementOffset.left - ie6offset +'px',
top: this.elementOffset.top - ie6offset +'px',
zIndex: ++o.zIndex
});
this.helper.appendTo("body");
if (o.disableSelection)
$.ui.disableSelection(this.helper.get(0));
} else {
this.helper = el;
}
},
_change: {
e: function(e, dx, dy) {
return { width: this.originalSize.width + dx };
},
w: function(e, dx, dy) {
var o = this.options, cs = this.originalSize, sp = this.originalPosition;
return { left: sp.left + dx, width: cs.width - dx };
},
n: function(e, dx, dy) {
var o = this.options, cs = this.originalSize, sp = this.originalPosition;
return { top: sp.top + dy, height: cs.height - dy };
},
s: function(e, dx, dy) {
return { height: this.originalSize.height + dy };
},
se: function(e, dx, dy) {
return $.extend(this._change.s.apply(this, arguments), this._change.e.apply(this, [e, dx, dy]));
},
sw: function(e, dx, dy) {
return $.extend(this._change.s.apply(this, arguments), this._change.w.apply(this, [e, dx, dy]));
},
ne: function(e, dx, dy) {
return $.extend(this._change.n.apply(this, arguments), this._change.e.apply(this, [e, dx, dy]));
},
nw: function(e, dx, dy) {
return $.extend(this._change.n.apply(this, arguments), this._change.w.apply(this, [e, dx, dy]));
}
}
}));
$.extend($.ui.resizable, {
defaults: {
cancel: ":input",
distance: 1,
delay: 0,
preventDefault: true,
transparent: false,
minWidth: 10,
minHeight: 10,
aspectRatio: false,
disableSelection: true,
preserveCursor: true,
autoHide: false,
knobHandles: false
}
});
/*
* Resizable Extensions
*/
$.ui.plugin.add("resizable", "containment", {
start: function(e, ui) {
var o = ui.options, self = $(this).data("resizable"), el = self.element;
var oc = o.containment, ce = (oc instanceof $) ? oc.get(0) : (/parent/.test(oc)) ? el.parent().get(0) : oc;
if (!ce) return;
self.containerElement = $(ce);
if (/document/.test(oc) || oc == document) {
self.containerOffset = { left: 0, top: 0 };
self.containerPosition = { left: 0, top: 0 };
self.parentData = {
element: $(document), left: 0, top: 0,
width: $(document).width(), height: $(document).height() || document.body.parentNode.scrollHeight
};
}
// i'm a node, so compute top, left, right, bottom
else{
self.containerOffset = $(ce).offset();
self.containerPosition = $(ce).position();
self.containerSize = { height: $(ce).innerHeight(), width: $(ce).innerWidth() };
var co = self.containerOffset, ch = self.containerSize.height, cw = self.containerSize.width,
width = ($.ui.hasScroll(ce, "left") ? ce.scrollWidth : cw ), height = ($.ui.hasScroll(ce) ? ce.scrollHeight : ch);
self.parentData = {
element: ce, left: co.left, top: co.top, width: width, height: height
};
}
},
resize: function(e, ui) {
var o = ui.options, self = $(this).data("resizable"),
ps = self.containerSize, co = self.containerOffset, cs = self.size, cp = self.position,
pRatio = o._aspectRatio || e.shiftKey, cop = { top:0, left:0 }, ce = self.containerElement;
if (ce[0] != document && /static/.test(ce.css('position')))
cop = self.containerPosition;
if (cp.left < (o.helper ? co.left : cop.left)) {
self.size.width = self.size.width + (o.helper ? (self.position.left - co.left) : (self.position.left - cop.left));
if (pRatio) self.size.height = self.size.width * o.aspectRatio;
self.position.left = o.helper ? co.left : cop.left;
}
if (cp.top < (o.helper ? co.top : 0)) {
self.size.height = self.size.height + (o.helper ? (self.position.top - co.top) : self.position.top);
if (pRatio) self.size.width = self.size.height / o.aspectRatio;
self.position.top = o.helper ? co.top : 0;
}
var woset = (o.helper ? self.offset.left - co.left : (self.position.left - cop.left)) + self.sizeDiff.width,
hoset = (o.helper ? self.offset.top - co.top : self.position.top) + self.sizeDiff.height;
if (woset + self.size.width >= self.parentData.width) {
self.size.width = self.parentData.width - woset;
if (pRatio) self.size.height = self.size.width * o.aspectRatio;
}
if (hoset + self.size.height >= self.parentData.height) {
self.size.height = self.parentData.height - hoset;
if (pRatio) self.size.width = self.size.height / o.aspectRatio;
}
},
stop: function(e, ui){
var o = ui.options, self = $(this).data("resizable"), cp = self.position,
co = self.containerOffset, cop = self.containerPosition, ce = self.containerElement;
var helper = $(self.helper), ho = helper.offset(), w = helper.innerWidth(), h = helper.innerHeight();
if (o.helper && !o.animate && /relative/.test(ce.css('position')))
$(this).css({ left: (ho.left - co.left), top: (ho.top - co.top), width: w, height: h });
if (o.helper && !o.animate && /static/.test(ce.css('position')))
$(this).css({ left: cop.left + (ho.left - co.left), top: cop.top + (ho.top - co.top), width: w, height: h });
}
});
$.ui.plugin.add("resizable", "grid", {
resize: function(e, ui) {
var o = ui.options, self = $(this).data("resizable"), cs = self.size, os = self.originalSize, op = self.originalPosition, a = self.axis, ratio = o._aspectRatio || e.shiftKey;
o.grid = typeof o.grid == "number" ? [o.grid, o.grid] : o.grid;
var ox = Math.round((cs.width - os.width) / (o.grid[0]||1)) * (o.grid[0]||1), oy = Math.round((cs.height - os.height) / (o.grid[1]||1)) * (o.grid[1]||1);
if (/^(se|s|e)$/.test(a)) {
self.size.width = os.width + ox;
self.size.height = os.height + oy;
}
else if (/^(ne)$/.test(a)) {
self.size.width = os.width + ox;
self.size.height = os.height + oy;
self.position.top = op.top - oy;
}
else if (/^(sw)$/.test(a)) {
self.size.width = os.width + ox;
self.size.height = os.height + oy;
self.position.left = op.left - ox;
}
else {
self.size.width = os.width + ox;
self.size.height = os.height + oy;
self.position.top = op.top - oy;
self.position.left = op.left - ox;
}
}
});
$.ui.plugin.add("resizable", "animate", {
stop: function(e, ui) {
var o = ui.options, self = $(this).data("resizable");
var pr = o.proportionallyResize, ista = pr && (/textarea/i).test(pr.get(0).nodeName),
soffseth = ista && $.ui.hasScroll(pr.get(0), 'left') /* TODO - jump height */ ? 0 : self.sizeDiff.height,
soffsetw = ista ? 0 : self.sizeDiff.width;
var style = { width: (self.size.width - soffsetw), height: (self.size.height - soffseth) },
left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null,
top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null;
self.element.animate(
$.extend(style, top && left ? { top: top, left: left } : {}), {
duration: o.animateDuration || "slow", easing: o.animateEasing || "swing",
step: function() {
var data = {
width: parseInt(self.element.css('width'), 10),
height: parseInt(self.element.css('height'), 10),
top: parseInt(self.element.css('top'), 10),
left: parseInt(self.element.css('left'), 10)
};
if (pr) pr.css({ width: data.width, height: data.height });
// propagating resize, and updating values for each animation step
self._updateCache(data);
self.propagate("animate", e);
}
}
);
}
});
$.ui.plugin.add("resizable", "ghost", {
start: function(e, ui) {
var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize, cs = self.size;
if (!pr) self.ghost = self.element.clone();
else self.ghost = pr.clone();
self.ghost.css(
{ opacity: .25, display: 'block', position: 'relative', height: cs.height, width: cs.width, margin: 0, left: 0, top: 0 }
)
.addClass('ui-resizable-ghost').addClass(typeof o.ghost == 'string' ? o.ghost : '');
self.ghost.appendTo(self.helper);
},
resize: function(e, ui){
var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize;
if (self.ghost) self.ghost.css({ position: 'relative', height: self.size.height, width: self.size.width });
},
stop: function(e, ui){
var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize;
if (self.ghost && self.helper) self.helper.get(0).removeChild(self.ghost.get(0));
}
});
$.ui.plugin.add("resizable", "alsoResize", {
start: function(e, ui) {
var o = ui.options, self = $(this).data("resizable"),
_store = function(exp) {
$(exp).each(function() {
$(this).data("resizable-alsoresize", {
width: parseInt($(this).width(), 10), height: parseInt($(this).height(), 10),
left: parseInt($(this).css('left'), 10), top: parseInt($(this).css('top'), 10)
});
});
};
if (typeof(o.alsoResize) == 'object') {
if (o.alsoResize.length) { o.alsoResize = o.alsoResize[0]; _store(o.alsoResize); }
else { $.each(o.alsoResize, function(exp, c) { _store(exp); }); }
}else{
_store(o.alsoResize);
}
},
resize: function(e, ui){
var o = ui.options, self = $(this).data("resizable"), os = self.originalSize, op = self.originalPosition;
var delta = {
height: (self.size.height - os.height) || 0, width: (self.size.width - os.width) || 0,
top: (self.position.top - op.top) || 0, left: (self.position.left - op.left) || 0
},
_alsoResize = function(exp, c) {
$(exp).each(function() {
var start = $(this).data("resizable-alsoresize"), style = {}, css = c && c.length ? c : ['width', 'height', 'top', 'left'];
$.each(css || ['width', 'height', 'top', 'left'], function(i, prop) {
var sum = (start[prop]||0) + (delta[prop]||0);
if (sum && sum >= 0)
style[prop] = sum || null;
});
$(this).css(style);
});
};
if (typeof(o.alsoResize) == 'object') {
$.each(o.alsoResize, function(exp, c) { _alsoResize(exp, c); });
}else{
_alsoResize(o.alsoResize);
}
},
stop: function(e, ui){
$(this).removeData("resizable-alsoresize-start");
}
});
})(jQuery);
/*
* jQuery UI Draggable
*
* Copyright (c) 2008 Paul Bakaus
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI/Draggables
*
* Depends:
* ui.core.js
*/
(function($) {
$.widget("ui.draggable", $.extend({}, $.ui.mouse, {
init: function() {
if (this.options.helper == 'original' && !(/^(?:r|a|f)/).test(this.element.css("position")))
this.element[0].style.position = 'relative';
(this.options.cssNamespace && this.element.addClass(this.options.cssNamespace+"-draggable"));
(this.options.disabled && this.element.addClass('ui-draggable-disabled'));
this.mouseInit();
},
mouseStart: function(e) {
var o = this.options;
if (this.helper || o.disabled || $(e.target).is('.ui-resizable-handle'))
return false;
//Check if we have a valid handle
var handle = !this.options.handle || !$(this.options.handle, this.element).length ? true : false;
$(this.options.handle, this.element).find("*").andSelf().each(function() {
if(this == e.target) handle = true;
});
if (!handle) return false;
if($.ui.ddmanager)
$.ui.ddmanager.current = this;
//Create and append the visible helper
this.helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [e])) : (o.helper == 'clone' ? this.element.clone() : this.element);
if(!this.helper.parents('body').length) this.helper.appendTo((o.appendTo == 'parent' ? this.element[0].parentNode : o.appendTo));
if(this.helper[0] != this.element[0] && !(/(fixed|absolute)/).test(this.helper.css("position"))) this.helper.css("position", "absolute");
/*
* - Position generation -
* This block generates everything position related - it's the core of draggables.
*/
this.margins = { //Cache the margins
left: (parseInt(this.element.css("marginLeft"),10) || 0),
top: (parseInt(this.element.css("marginTop"),10) || 0)
};
this.cssPosition = this.helper.css("position"); //Store the helper's css position
this.offset = this.element.offset(); //The element's absolute position on the page
this.offset = { //Substract the margins from the element's absolute offset
top: this.offset.top - this.margins.top,
left: this.offset.left - this.margins.left
};
this.offset.click = { //Where the click happened, relative to the element
left: e.pageX - this.offset.left,
top: e.pageY - this.offset.top
};
this.scrollTopParent = function(el) {
do { if(/auto|scroll/.test(el.css('overflow')) || (/auto|scroll/).test(el.css('overflow-y'))) return el; el = el.parent(); } while (el[0].parentNode);
return $(document);
}(this.helper);
this.scrollLeftParent = function(el) {
do { if(/auto|scroll/.test(el.css('overflow')) || (/auto|scroll/).test(el.css('overflow-x'))) return el; el = el.parent(); } while (el[0].parentNode);
return $(document);
}(this.helper);
this.offsetParent = this.helper.offsetParent(); var po = this.offsetParent.offset(); //Get the offsetParent and cache its position
if(this.offsetParent[0] == document.body && $.browser.mozilla) po = { top: 0, left: 0 }; //Ugly FF3 fix
this.offset.parent = { //Store its position plus border
top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
};
var p = this.element.position(); //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helpers
this.offset.relative = this.cssPosition == "relative" ? {
top: p.top - (parseInt(this.helper.css("top"),10) || 0) + (this.scrollTopParent[0].scrollTop || 0),
left: p.left - (parseInt(this.helper.css("left"),10) || 0) + (this.scrollLeftParent[0].scrollLeft || 0)
} : { top: 0, left: 0 };
this.originalPosition = this.generatePosition(e); //Generate the original position
this.helperProportions = { width: this.helper.outerWidth(), height: this.helper.outerHeight() };//Cache the helper size
if(o.cursorAt) {
if(o.cursorAt.left != undefined) this.offset.click.left = o.cursorAt.left + this.margins.left;
if(o.cursorAt.right != undefined) this.offset.click.left = this.helperProportions.width - o.cursorAt.right + this.margins.left;
if(o.cursorAt.top != undefined) this.offset.click.top = o.cursorAt.top + this.margins.top;
if(o.cursorAt.bottom != undefined) this.offset.click.top = this.helperProportions.height - o.cursorAt.bottom + this.margins.top;
}
/*
* - Position constraining -
* Here we prepare position constraining like grid and containment.
*/
if(o.containment) {
if(o.containment == 'parent') o.containment = this.helper[0].parentNode;
if(o.containment == 'document' || o.containment == 'window') this.containment = [
0 - this.offset.relative.left - this.offset.parent.left,
0 - this.offset.relative.top - this.offset.parent.top,
$(o.containment == 'document' ? document : window).width() - this.offset.relative.left - this.offset.parent.left - this.helperProportions.width - this.margins.left - (parseInt(this.element.css("marginRight"),10) || 0),
($(o.containment == 'document' ? document : window).height() || document.body.parentNode.scrollHeight) - this.offset.relative.top - this.offset.parent.top - this.helperProportions.height - this.margins.top - (parseInt(this.element.css("marginBottom"),10) || 0)
];
if(!(/^(document|window|parent)$/).test(o.containment)) {
var ce = $(o.containment)[0];
var co = $(o.containment).offset();
this.containment = [
co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) - this.offset.relative.left - this.offset.parent.left,
co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) - this.offset.relative.top - this.offset.parent.top,
co.left+Math.max(ce.scrollWidth,ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - this.offset.relative.left - this.offset.parent.left - this.helperProportions.width - this.margins.left - (parseInt(this.element.css("marginRight"),10) || 0),
co.top+Math.max(ce.scrollHeight,ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - this.offset.relative.top - this.offset.parent.top - this.helperProportions.height - this.margins.top - (parseInt(this.element.css("marginBottom"),10) || 0)
];
}
}
//Call plugins and callbacks
this.propagate("start", e);
this.helperProportions = { width: this.helper.outerWidth(), height: this.helper.outerHeight() };//Recache the helper size
if ($.ui.ddmanager && !o.dropBehaviour) $.ui.ddmanager.prepareOffsets(this, e);
this.helper.addClass("ui-draggable-dragging");
this.mouseDrag(e); //Execute the drag once - this causes the helper not to be visible before getting its correct position
return true;
},
convertPositionTo: function(d, pos) {
if(!pos) pos = this.position;
var mod = d == "absolute" ? 1 : -1;
return {
top: (
pos.top // the calculated relative position
+ this.offset.relative.top * mod // Only for relative positioned nodes: Relative offset from element to offset parent
+ this.offset.parent.top * mod // The offsetParent's offset without borders (offset + border)
- (this.cssPosition == "fixed" || (this.cssPosition == "absolute" && this.offsetParent[0] == document.body) ? 0 : (this.scrollTopParent[0].scrollTop || 0)) * mod // The offsetParent's scroll position, not if the element is fixed
+ (this.cssPosition == "fixed" ? $(document).scrollTop() : 0) * mod
+ this.margins.top * mod //Add the margin (you don't want the margin counting in intersection methods)
),
left: (
pos.left // the calculated relative position
+ this.offset.relative.left * mod // Only for relative positioned nodes: Relative offset from element to offset parent
+ this.offset.parent.left * mod // The offsetParent's offset without borders (offset + border)
- (this.cssPosition == "fixed" || (this.cssPosition == "absolute" && this.offsetParent[0] == document.body) ? 0 : (this.scrollLeftParent[0].scrollLeft || 0)) * mod // The offsetParent's scroll position, not if the element is fixed
+ (this.cssPosition == "fixed" ? $(document).scrollLeft() : 0) * mod
+ this.margins.left * mod //Add the margin (you don't want the margin counting in intersection methods)
)
};
},
generatePosition: function(e) {
var o = this.options;
var position = {
top: (
e.pageY // The absolute mouse position
- this.offset.click.top // Click offset (relative to the element)
- this.offset.relative.top // Only for relative positioned nodes: Relative offset from element to offset parent
- this.offset.parent.top // The offsetParent's offset without borders (offset + border)
+ (this.cssPosition == "fixed" || (this.cssPosition == "absolute" && this.offsetParent[0] == document.body) ? 0 : (this.scrollTopParent[0].scrollTop || 0)) // The offsetParent's scroll position, not if the element is fixed
- (this.cssPosition == "fixed" ? $(document).scrollTop() : 0)
),
left: (
e.pageX // The absolute mouse position
- this.offset.click.left // Click offset (relative to the element)
- this.offset.relative.left // Only for relative positioned nodes: Relative offset from element to offset parent
- this.offset.parent.left // The offsetParent's offset without borders (offset + border)
+ (this.cssPosition == "fixed" || (this.cssPosition == "absolute" && this.offsetParent[0] == document.body) ? 0 : (this.scrollLeftParent[0].scrollLeft || 0)) // The offsetParent's scroll position, not if the element is fixed
- (this.cssPosition == "fixed" ? $(document).scrollLeft() : 0)
)
};
if(!this.originalPosition) return position; //If we are not dragging yet, we won't check for options
/*
* - Position constraining -
* Constrain the position to a mix of grid, containment.
*/
if(this.containment) {
if(position.left < this.containment[0]) position.left = this.containment[0];
if(position.top < this.containment[1]) position.top = this.containment[1];
if(position.left > this.containment[2]) position.left = this.containment[2];
if(position.top > this.containment[3]) position.top = this.containment[3];
}
if(o.grid) {
var top = this.originalPosition.top + Math.round((position.top - this.originalPosition.top) / o.grid[1]) * o.grid[1];
position.top = this.containment ? (!(top < this.containment[1] || top > this.containment[3]) ? top : (!(top < this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
var left = this.originalPosition.left + Math.round((position.left - this.originalPosition.left) / o.grid[0]) * o.grid[0];
position.left = this.containment ? (!(left < this.containment[0] || left > this.containment[2]) ? left : (!(left < this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
}
return position;
},
mouseDrag: function(e) {
//Compute the helpers position
this.position = this.generatePosition(e);
this.positionAbs = this.convertPositionTo("absolute");
//Call plugins and callbacks and use the resulting position if something is returned
this.position = this.propagate("drag", e) || this.position;
if(!this.options.axis || this.options.axis != "y") this.helper[0].style.left = this.position.left+'px';
if(!this.options.axis || this.options.axis != "x") this.helper[0].style.top = this.position.top+'px';
if($.ui.ddmanager) $.ui.ddmanager.drag(this, e);
return false;
},
mouseStop: function(e) {
//If we are using droppables, inform the manager about the drop
var dropped = false;
if ($.ui.ddmanager && !this.options.dropBehaviour)
var dropped = $.ui.ddmanager.drop(this, e);
if((this.options.revert == "invalid" && !dropped) || (this.options.revert == "valid" && dropped) || this.options.revert === true) {
var self = this;
$(this.helper).animate(this.originalPosition, parseInt(this.options.revertDuration, 10) || 500, function() {
self.propagate("stop", e);
self.clear();
});
} else {
this.propagate("stop", e);
this.clear();
}
return false;
},
clear: function() {
this.helper.removeClass("ui-draggable-dragging");
if(this.options.helper != 'original' && !this.cancelHelperRemoval) this.helper.remove();
//if($.ui.ddmanager) $.ui.ddmanager.current = null;
this.helper = null;
this.cancelHelperRemoval = false;
},
// From now on bulk stuff - mainly helpers
plugins: {},
uiHash: function(e) {
return {
helper: this.helper,
position: this.position,
absolutePosition: this.positionAbs,
options: this.options
};
},
propagate: function(n,e) {
$.ui.plugin.call(this, n, [e, this.uiHash()]);
if(n == "drag") this.positionAbs = this.convertPositionTo("absolute"); //The absolute position has to be recalculated after plugins
return this.element.triggerHandler(n == "drag" ? n : "drag"+n, [e, this.uiHash()], this.options[n]);
},
destroy: function() {
if(!this.element.data('draggable')) return;
this.element.removeData("draggable").unbind(".draggable").removeClass('ui-draggable-dragging ui-draggable-disabled');
this.mouseDestroy();
}
}));
$.extend($.ui.draggable, {
defaults: {
appendTo: "parent",
axis: false,
cancel: ":input",
delay: 0,
distance: 1,
helper: "original",
scope: "default",
cssNamespace: "ui"
}
});
$.ui.plugin.add("draggable", "cursor", {
start: function(e, ui) {
var t = $('body');
if (t.css("cursor")) ui.options._cursor = t.css("cursor");
t.css("cursor", ui.options.cursor);
},
stop: function(e, ui) {
if (ui.options._cursor) $('body').css("cursor", ui.options._cursor);
}
});
$.ui.plugin.add("draggable", "zIndex", {
start: function(e, ui) {
var t = $(ui.helper);
if(t.css("zIndex")) ui.options._zIndex = t.css("zIndex");
t.css('zIndex', ui.options.zIndex);
},
stop: function(e, ui) {
if(ui.options._zIndex) $(ui.helper).css('zIndex', ui.options._zIndex);
}
});
$.ui.plugin.add("draggable", "opacity", {
start: function(e, ui) {
var t = $(ui.helper);
if(t.css("opacity")) ui.options._opacity = t.css("opacity");
t.css('opacity', ui.options.opacity);
},
stop: function(e, ui) {
if(ui.options._opacity) $(ui.helper).css('opacity', ui.options._opacity);
}
});
$.ui.plugin.add("draggable", "iframeFix", {
start: function(e, ui) {
$(ui.options.iframeFix === true ? "iframe" : ui.options.iframeFix).each(function() {
$('')
.css({
width: this.offsetWidth+"px", height: this.offsetHeight+"px",
position: "absolute", opacity: "0.001", zIndex: 1000
})
.css($(this).offset())
.appendTo("body");
});
},
stop: function(e, ui) {
$("div.DragDropIframeFix").each(function() { this.parentNode.removeChild(this); }); //Remove frame helpers
}
});
$.ui.plugin.add("draggable", "scroll", {
start: function(e, ui) {
var o = ui.options;
var i = $(this).data("draggable");
o.scrollSensitivity = o.scrollSensitivity || 20;
o.scrollSpeed = o.scrollSpeed || 20;
i.overflowY = function(el) {
do { if(/auto|scroll/.test(el.css('overflow')) || (/auto|scroll/).test(el.css('overflow-y'))) return el; el = el.parent(); } while (el[0].parentNode);
return $(document);
}(this);
i.overflowX = function(el) {
do { if(/auto|scroll/.test(el.css('overflow')) || (/auto|scroll/).test(el.css('overflow-x'))) return el; el = el.parent(); } while (el[0].parentNode);
return $(document);
}(this);
if(i.overflowY[0] != document && i.overflowY[0].tagName != 'HTML') i.overflowYOffset = i.overflowY.offset();
if(i.overflowX[0] != document && i.overflowX[0].tagName != 'HTML') i.overflowXOffset = i.overflowX.offset();
},
drag: function(e, ui) {
var o = ui.options, scrolled = false;
var i = $(this).data("draggable");
if(i.overflowY[0] != document && i.overflowY[0].tagName != 'HTML') {
if((i.overflowYOffset.top + i.overflowY[0].offsetHeight) - e.pageY < o.scrollSensitivity)
i.overflowY[0].scrollTop = scrolled = i.overflowY[0].scrollTop + o.scrollSpeed;
if(e.pageY - i.overflowYOffset.top < o.scrollSensitivity)
i.overflowY[0].scrollTop = scrolled = i.overflowY[0].scrollTop - o.scrollSpeed;
} else {
if(e.pageY - $(document).scrollTop() < o.scrollSensitivity)
scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
if($(window).height() - (e.pageY - $(document).scrollTop()) < o.scrollSensitivity)
scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
}
if(i.overflowX[0] != document && i.overflowX[0].tagName != 'HTML') {
if((i.overflowXOffset.left + i.overflowX[0].offsetWidth) - e.pageX < o.scrollSensitivity)
i.overflowX[0].scrollLeft = scrolled = i.overflowX[0].scrollLeft + o.scrollSpeed;
if(e.pageX - i.overflowXOffset.left < o.scrollSensitivity)
i.overflowX[0].scrollLeft = scrolled = i.overflowX[0].scrollLeft - o.scrollSpeed;
} else {
if(e.pageX - $(document).scrollLeft() < o.scrollSensitivity)
scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
if($(window).width() - (e.pageX - $(document).scrollLeft()) < o.scrollSensitivity)
scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
}
if(scrolled !== false)
$.ui.ddmanager.prepareOffsets(i, e);
}
});
$.ui.plugin.add("draggable", "snap", {
start: function(e, ui) {
var inst = $(this).data("draggable");
inst.snapElements = [];
$(ui.options.snap.constructor != String ? ( ui.options.snap.items || ':data(draggable)' ) : ui.options.snap).each(function() {
var $t = $(this); var $o = $t.offset();
if(this != inst.element[0]) inst.snapElements.push({
item: this,
width: $t.outerWidth(), height: $t.outerHeight(),
top: $o.top, left: $o.left
});
});
},
drag: function(e, ui) {
var inst = $(this).data("draggable");
var d = ui.options.snapTolerance || 20;
var x1 = ui.absolutePosition.left, x2 = x1 + inst.helperProportions.width,
y1 = ui.absolutePosition.top, y2 = y1 + inst.helperProportions.height;
for (var i = inst.snapElements.length - 1; i >= 0; i--){
var l = inst.snapElements[i].left, r = l + inst.snapElements[i].width,
t = inst.snapElements[i].top, b = t + inst.snapElements[i].height;
//Yes, I know, this is insane ;)
if(!((l-d < x1 && x1 < r+d && t-d < y1 && y1 < b+d) || (l-d < x1 && x1 < r+d && t-d < y2 && y2 < b+d) || (l-d < x2 && x2 < r+d && t-d < y1 && y1 < b+d) || (l-d < x2 && x2 < r+d && t-d < y2 && y2 < b+d))) {
if(inst.snapElements[i].snapping) (inst.options.snap.release && inst.options.snap.release.call(inst.element, null, $.extend(inst.uiHash(), { snapItem: inst.snapElements[i].item })));
inst.snapElements[i].snapping = false;
continue;
}
if(ui.options.snapMode != 'inner') {
var ts = Math.abs(t - y2) <= d;
var bs = Math.abs(b - y1) <= d;
var ls = Math.abs(l - x2) <= d;
var rs = Math.abs(r - x1) <= d;
if(ts) ui.position.top = inst.convertPositionTo("relative", { top: t - inst.helperProportions.height, left: 0 }).top;
if(bs) ui.position.top = inst.convertPositionTo("relative", { top: b, left: 0 }).top;
if(ls) ui.position.left = inst.convertPositionTo("relative", { top: 0, left: l - inst.helperProportions.width }).left;
if(rs) ui.position.left = inst.convertPositionTo("relative", { top: 0, left: r }).left;
}
var first = (ts || bs || ls || rs);
if(ui.options.snapMode != 'outer') {
var ts = Math.abs(t - y1) <= d;
var bs = Math.abs(b - y2) <= d;
var ls = Math.abs(l - x1) <= d;
var rs = Math.abs(r - x2) <= d;
if(ts) ui.position.top = inst.convertPositionTo("relative", { top: t, left: 0 }).top;
if(bs) ui.position.top = inst.convertPositionTo("relative", { top: b - inst.helperProportions.height, left: 0 }).top;
if(ls) ui.position.left = inst.convertPositionTo("relative", { top: 0, left: l }).left;
if(rs) ui.position.left = inst.convertPositionTo("relative", { top: 0, left: r - inst.helperProportions.width }).left;
}
if(!inst.snapElements[i].snapping && (ts || bs || ls || rs || first))
(inst.options.snap.snap && inst.options.snap.snap.call(inst.element, null, $.extend(inst.uiHash(), { snapItem: inst.snapElements[i].item })));
inst.snapElements[i].snapping = (ts || bs || ls || rs || first);
};
}
});
$.ui.plugin.add("draggable", "connectToSortable", {
start: function(e,ui) {
var inst = $(this).data("draggable");
inst.sortables = [];
$(ui.options.connectToSortable).each(function() {
if($.data(this, 'sortable')) {
var sortable = $.data(this, 'sortable');
inst.sortables.push({
instance: sortable,
shouldRevert: sortable.options.revert
});
sortable.refreshItems(); //Do a one-time refresh at start to refresh the containerCache
sortable.propagate("activate", e, inst);
}
});
},
stop: function(e,ui) {
//If we are still over the sortable, we fake the stop event of the sortable, but also remove helper
var inst = $(this).data("draggable");
$.each(inst.sortables, function() {
if(this.instance.isOver) {
this.instance.isOver = 0;
inst.cancelHelperRemoval = true; //Don't remove the helper in the draggable instance
this.instance.cancelHelperRemoval = false; //Remove it in the sortable instance (so sortable plugins like revert still work)
if(this.shouldRevert) this.instance.options.revert = true; //revert here
this.instance.mouseStop(e);
//Also propagate receive event, since the sortable is actually receiving a element
this.instance.element.triggerHandler("sortreceive", [e, $.extend(this.instance.ui(), { sender: inst.element })], this.instance.options["receive"]);
this.instance.options.helper = this.instance.options._helper;
} else {
this.instance.propagate("deactivate", e, inst);
}
});
},
drag: function(e,ui) {
var inst = $(this).data("draggable"), self = this;
var checkPos = function(o) {
var l = o.left, r = l + o.width,
t = o.top, b = t + o.height;
return (l < (this.positionAbs.left + this.offset.click.left) && (this.positionAbs.left + this.offset.click.left) < r
&& t < (this.positionAbs.top + this.offset.click.top) && (this.positionAbs.top + this.offset.click.top) < b);
};
$.each(inst.sortables, function(i) {
if(checkPos.call(inst, this.instance.containerCache)) {
//If it intersects, we use a little isOver variable and set it once, so our move-in stuff gets fired only once
if(!this.instance.isOver) {
this.instance.isOver = 1;
//Now we fake the start of dragging for the sortable instance,
//by cloning the list group item, appending it to the sortable and using it as inst.currentItem
//We can then fire the start event of the sortable with our passed browser event, and our own helper (so it doesn't create a new one)
this.instance.currentItem = $(self).clone().appendTo(this.instance.element).data("sortable-item", true);
this.instance.options._helper = this.instance.options.helper; //Store helper option to later restore it
this.instance.options.helper = function() { return ui.helper[0]; };
e.target = this.instance.currentItem[0];
this.instance.mouseCapture(e, true);
this.instance.mouseStart(e, true, true);
//Because the browser event is way off the new appended portlet, we modify a couple of variables to reflect the changes
this.instance.offset.click.top = inst.offset.click.top;
this.instance.offset.click.left = inst.offset.click.left;
this.instance.offset.parent.left -= inst.offset.parent.left - this.instance.offset.parent.left;
this.instance.offset.parent.top -= inst.offset.parent.top - this.instance.offset.parent.top;
inst.propagate("toSortable", e);
}
//Provided we did all the previous steps, we can fire the drag event of the sortable on every draggable drag, when it intersects with the sortable
if(this.instance.currentItem) this.instance.mouseDrag(e);
} else {
//If it doesn't intersect with the sortable, and it intersected before,
//we fake the drag stop of the sortable, but make sure it doesn't remove the helper by using cancelHelperRemoval
if(this.instance.isOver) {
this.instance.isOver = 0;
this.instance.cancelHelperRemoval = true;
this.instance.options.revert = false; //No revert here
this.instance.mouseStop(e, true);
this.instance.options.helper = this.instance.options._helper;
//Now we remove our currentItem, the list group clone again, and the placeholder, and animate the helper back to it's original size
this.instance.currentItem.remove();
if(this.instance.placeholder) this.instance.placeholder.remove();
inst.propagate("fromSortable", e);
}
};
});
}
});
$.ui.plugin.add("draggable", "stack", {
start: function(e,ui) {
var group = $.makeArray($(ui.options.stack.group)).sort(function(a,b) {
return (parseInt($(a).css("zIndex"),10) || ui.options.stack.min) - (parseInt($(b).css("zIndex"),10) || ui.options.stack.min);
});
$(group).each(function(i) {
this.style.zIndex = ui.options.stack.min + i;
});
this[0].style.zIndex = ui.options.stack.min + group.length;
}
});
})(jQuery);
/*
* jQuery UI Effects Transfer
*
* Copyright (c) 2008 Aaron Eisenberger (aaronchi@gmail.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI/Effects/Transfer
*
* Depends:
* effects.core.js
*/
(function($) {
$.effects.transfer = function(o) {
return this.queue(function() {
// Create element
var el = $(this);
// Set options
var mode = $.effects.setMode(el, o.options.mode || 'effect'); // Set Mode
var target = $(o.options.to); // Find Target
var position = el.offset();
var transfer = $('').appendTo(document.body);
if(o.options.className) transfer.addClass(o.options.className);
// Set target css
transfer.addClass(o.options.className);
transfer.css({
top: position.top,
left: position.left,
height: el.outerHeight() - parseInt(transfer.css('borderTopWidth')) - parseInt(transfer.css('borderBottomWidth')),
width: el.outerWidth() - parseInt(transfer.css('borderLeftWidth')) - parseInt(transfer.css('borderRightWidth')),
position: 'absolute'
});
// Animation
var display = target.css('display'), visibility = target.css('visibility');
if ( 'none' == display ) {
target.show();
//target.css('visibility', 'hidden');
}
position = target.offset();
if ( 'none' == display ) {
target.hide();
//target.css('visibility', visibility);
}
animation = {
top: position.top,
left: position.left,
height: target.outerHeight() - parseInt(transfer.css('borderTopWidth')) - parseInt(transfer.css('borderBottomWidth')),
width: target.outerWidth() - parseInt(transfer.css('borderLeftWidth')) - parseInt(transfer.css('borderRightWidth'))
};
// Animate
transfer.animate(animation, o.duration, o.options.easing, function() {
transfer.remove(); // Remove div
if(o.callback) o.callback.apply(el[0], arguments); // Callback
el.dequeue();
});
});
};
})(jQuery);
/**
* Panoramic Window
*
* @name PanoramicWin
* @description Create a panoramic window
* @param All parameters are optional
* @example $('.obj-panorama').panoramic_win_init({'duration': 1000});
*
* @cat Plugins/Interface
* @author Olga Koryakova
* @version 1.0.0
* @depends ui.core.js, ui.draggable.js
*/
;(function($) {
$.oPanoramicWin = function(options) {
$.extend($.oPanoramicWin.conf, options || {});
this.oContainer = ($.oPanoramicWin.conf['panoramic_container']) ? $( $.oPanoramicWin.conf['panoramic_container'] ) : {};
this.oTarget = ($.oPanoramicWin.conf['panoramic_target']) ? $( $.oPanoramicWin.conf['panoramic_target'] ) : {};
this.oPlayer = ($.oPanoramicWin.conf['panoramic_player']) ? $( $.oPanoramicWin.conf['panoramic_player'] ) : {};
this.oCloseBtn = ($.oPanoramicWin.conf['button_close']) ? $( $.oPanoramicWin.conf['button_close'] ) : {};
this.oLeftBtn = ($.oPanoramicWin.conf['button_left']) ? $( $.oPanoramicWin.conf['button_left'] ) : {};
this.oRightBtn = ($.oPanoramicWin.conf['button_right']) ? $( $.oPanoramicWin.conf['button_right'] ) : {};
this.oUpBtn = ($.oPanoramicWin.conf['button_up']) ? $( $.oPanoramicWin.conf['button_up'] ) : {};
this.oDownBtn = ($.oPanoramicWin.conf['button_down']) ? $( $.oPanoramicWin.conf['button_down'] ) : {};
this.oContainment = null; // container that bounds area for dragging
this.iHorizontalOffset = 0;
this.iVerticalOffset = 0;
this.init();
}
// configuration settings
$.oPanoramicWin.conf = {
'panoramic_container' : '#pwin', // window itself
'panoramic_target' : '.pwin-target', // draggable block
'panoramic_player' : '.pwin-player', // container for videoplayer
'button_close' : '.pwin-close',
'button_left' : '.pwin-arr-left',
'button_right' : '.pwin-arr-right',
'button_up' : '.pwin-arr-up',
'button_down' : '.pwin-arr-down',
'folder_video' : 'images/panorama/video/', // folder for video
'folder_image' : 'panorama/preview/', // folder for video preview
'folder_image2' : 'panorama/img/', // folder for small images
'offset_x' : false, // if these two parameters are false, image will be centering
'offset_y' : false,
'duration' : 5000 // speed of animation
};
// initialization
$.oPanoramicWin.prototype.init = function() {
var oSelf = this;
// switch link
$('a[@href=' + $.oPanoramicWin.conf['panoramic_container'] + ']').bind('click',
function() {
oSelf.oContainer.toggle();
oSelf.setDefaultProperties();
return false;
}
).addClass('fwlink');
// set handlers for buttons
this.setButtonHandlers();
// start drag the target
this.oTarget.draggable({
axis: 'x',
cancel: 'area',
distance: 0,
containment: '#ui-draggable-containment'
});
// video player
this.oTarget.find('li').find('img').bind(
'mouseover',
function() {
$(this).fadeTo('slow', 1);
}
).bind(
'mouseout',
function() {
$(this).fadeTo('slow', 0);
}
).bind(
'click',
function() {
var aParam = $(this).parent().attr('href').split('#'),
iNum = (aParam[1]) ? parseInt(aParam[1]) : 0,
iMode = (aParam[2]) ? parseInt(aParam[2]) : 0;
oSelf.setVideo(aParam[0], iNum, iMode);
return false;
}
).fadeTo('fast', 0);
}
$.oPanoramicWin.prototype.setVideo = function(sPath, iNum, iMode) {
var oSelf = this;
switch (iMode) {
case 1: { // flash
swfobject.embedSWF( sPath + $.oPanoramicWin.conf['folder_video'] + iNum + '.swf', 'player', '560', '348', '8', {}, {}, { 'wmode': 'opaque', 'bgcolor': '#999999' }, { 'menu': false } );
}
break;
default: { // video
swfobject.embedSWF( sPath + 'img/default/videoplayer/player.swf', 'player', '560', '348', '8', {}, { 'fsfile' : $.oPanoramicWin.conf['folder_video'] + iNum + '.flv', 'imageid': $.oPanoramicWin.conf['folder_image'] + iNum + '.jpg' }, { 'wmode': 'opaque', 'bgcolor': '#f7f5ef' }, { 'menu': false } );
}
}
// unbind buttons
this.oTarget.draggable('disable');
this.oCloseBtn.unbind('click');
this.oLeftBtn.unbind('mousedown');
this.oRightBtn.unbind('mousedown');
this.oUpBtn.unbind('mousedown');
this.oDownBtn.unbind('mousedown');
this.oPlayer.css({
'display': 'block',
'left' : Math.round(oSelf.oContainer.width() / 2 - oSelf.oPlayer.width() / 2),
'top' : Math.round(oSelf.oContainer.height() / 2 - oSelf.oPlayer.height() / 2)
}).find('a').bind('click',
function() {
oSelf.oPlayer.hide();
oSelf.oTarget.draggable('enable');
oSelf.setButtonHandlers();
}
);
}
$.oPanoramicWin.prototype.setButtonHandlers = function() {
var oSelf = this;
// close button
this.oCloseBtn.bind('click',
function() {
oSelf.oContainer.hide();
}
);
// right button
this.oRightBtn.bind('mousedown',
function() {
oSelf.setTargetOffset(oSelf.iHorizontalOffset, 'horizontal');
}
).bind('mouseup',
function() {
oSelf.oTarget.stop();
}
).bind('mouseout',
function() {
oSelf.oTarget.stop();
}
);
// left button
this.oLeftBtn.bind('mousedown',
function() {
oSelf.setTargetOffset(0, 'horizontal');
}
).bind('mouseup',
function() {
oSelf.oTarget.stop();
}
).bind('mouseout',
function() {
oSelf.oTarget.stop();
}
);
// up button
this.oUpBtn.bind('mousedown',
function() {
oSelf.setTargetOffset(0, 'vertical');
}
).bind('mouseup',
function() {
oSelf.oTarget.stop();
}
).bind('mouseout',
function() {
oSelf.oTarget.stop();
}
);
// down button
this.oDownBtn.bind('mousedown',
function() {
oSelf.setTargetOffset(oSelf.iVerticalOffset, 'vertical');
}
).bind('mouseup',
function() {
oSelf.oTarget.stop();
}
).bind('mouseuout',
function() {
oSelf.oTarget.stop();
}
);
}
$.oPanoramicWin.prototype.setDefaultProperties = function() {
var oSelf = this;
// place the container at the center of the screen
oSelf.oContainer.css({
'left': Math.round(($(window).width() / 2 - oSelf.oContainer.width() / 2)),
'top' : Math.round(($(window).height() / 2 - oSelf.oContainer.height() / 2))
});
// set correct width and height for a target
oSelf.oTarget.width(oSelf.oTarget.find('img').width()).height(oSelf.oTarget.find('img').height()); // for FireFox
// horizontal and vertical offset
if (0 == oSelf.iHorizontalOffset) {
oSelf.iHorizontalOffset = oSelf.oTarget.parent().width() - oSelf.oTarget.width();
}
if (0 == oSelf.iVerticalOffset) {
oSelf.iVerticalOffset = oSelf.oTarget.parent().height() - oSelf.oTarget.height();
}
// set the position of target block (or centering it)
oSelf.oTarget.css({
'left': (false === $.oPanoramicWin.conf['offset_x']) ? Math.round(oSelf.iHorizontalOffset / 2) : $.oPanoramicWin.conf['offset_x'],
'top' : (false === $.oPanoramicWin.conf['offset_y']) ? Math.round(oSelf.iVerticalOffset / 2) : $.oPanoramicWin.conf['offset_y']
});
// define a containment block for a target
if (null == oSelf.oContainment) {
oSelf.oTarget.before('');
oSelf.oContainment = $('#ui-draggable-containment');
oSelf.oContainment.css({
'height' : (2 * oSelf.oTarget.height() - oSelf.oTarget.parent().height()),
'left' : oSelf.iHorizontalOffset,
'position': 'absolute',
'top' : oSelf.iVerticalOffset,
'width' : (2 * oSelf.oTarget.width() - oSelf.oTarget.parent().width()),
'z-index' : 0
});
}
}
$.oPanoramicWin.prototype.setTargetOffset = function(iOffset, mode) {
switch (mode) {
case 'horizontal': {
this.oTarget.animate({
left: iOffset
}, $.oPanoramicWin.conf['duration']
);
}
break;
case 'vertical': {
this.oTarget.animate({
top: iOffset
}, $.oPanoramicWin.conf['duration']
);
}
break;
default: {
}
}
}
$.fn.extend({
panoramic_win_init: function(options) {
new $.oPanoramicWin(options);
}
});
})(jQuery);
;(function($) {
// Научная деятельность
// panorama
$.eready('.grid-science-header',
function() {
$('.grid-science-header').panoramic_win_init({ 'offset_y': -104 });
$('.pwin-target').bubble_tooltip_init({
'nOffsetX' : -5,
'nOffsetY' : -5,
'nDelayHide': 0,
'bOnLeft' : false
});
$('.grid-science-button a').hover(function() {
$(this).parent().find('span').addClass('grid-science-button-bg');
}, function() {
$(this).parent().find('span').removeClass('grid-science-button-bg');
});
}
);
})(jQuery);
;(function($) {
// Внутренняя
$.eready('.grid2, .grid3', function() {
$('.grid2, .grid3')
.fw_init();
});
$.eready('ul.ui-tabs-nav',
function() {
$('ul.ui-tabs-nav').tabs();
}
);
$(document).ready(
function() {
// Preview Box
$('#preview-container').preview_box_init(
{
'preview_page_container_id': '.obj-page',
'preview_cover_class': 'img-border1',
'preview_page_current_id': 'current-page',
'preview_empty_image': '/img/n.gif',
'preview_preloader_image': '/img/default/loader.gif',
'previewbox_preloader_image': '/img/default/loader2.gif'
}
).bubble_tooltip_init(
{nDelayShow: 0, nDelayHide: 0, bAppendTtInBody: $.browser.opera, bTtHover: false}
);
$('#preview-container a.img-border1').iviewer({
'zoom_speed_in': 0,
'zoom_speed_out': 0,
'hide_on_content_click': false
});
return false;
}
);
})(jQuery);
/*
* jQuery UI Slider
*
* Copyright (c) 2008 Paul Bakaus
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI/Slider
*
* Depends:
* ui.core.js
*/
(function($) {
$.fn.unwrap = $.fn.unwrap || function(expr) {
return this.each(function(){
$(this).parents(expr).eq(0).after(this).remove();
});
};
$.widget("ui.slider", {
plugins: {},
ui: function(e) {
return {
options: this.options,
handle: this.currentHandle,
value: this.options.axis != "both" || !this.options.axis ? Math.round(this.value(null,this.options.axis == "vertical" ? "y" : "x")) : {
x: Math.round(this.value(null,"x")),
y: Math.round(this.value(null,"y"))
},
range: this.getRange()
};
},
propagate: function(n,e) {
$.ui.plugin.call(this, n, [e, this.ui()]);
this.element.triggerHandler(n == "slide" ? n : "slide"+n, [e, this.ui()], this.options[n]);
},
destroy: function() {
this.element
.removeClass("ui-slider ui-slider-disabled")
.removeData("slider")
.unbind(".slider");
if(this.handle && this.handle.length) {
this.handle
.unwrap("a");
this.handle.each(function() {
$(this).data("mouse").mouseDestroy();
});
}
this.generated && this.generated.remove();
},
setData: function(key, value) {
$.widget.prototype.setData.apply(this, arguments);
if (/min|max|steps/.test(key)) {
this.initBoundaries();
}
if(key == "range") {
value ? this.handle.length == 2 && this.createRange() : this.removeRange();
}
},
init: function() {
var self = this;
this.element.addClass("ui-slider");
this.initBoundaries();
// Initialize mouse and key events for interaction
this.handle = $(this.options.handle, this.element);
if (!this.handle.length) {
self.handle = self.generated = $(self.options.handles || [0]).map(function() {
var handle = $("").addClass("ui-slider-handle").appendTo(self.element);
if (this.id)
handle.attr("id", this.id);
return handle[0];
});
}
var handleclass = function(el) {
this.element = $(el);
this.element.data("mouse", this);
this.options = self.options;
this.element.bind("mousedown", function() {
if(self.currentHandle) this.blur(self.currentHandle);
self.focus(this,1);
});
this.mouseInit();
};
$.extend(handleclass.prototype, $.ui.mouse, {
mouseStart: function(e) { return self.start.call(self, e, this.element[0]); },
mouseStop: function(e) { return self.stop.call(self, e, this.element[0]); },
mouseDrag: function(e) { return self.drag.call(self, e, this.element[0]); },
mouseCapture: function() { return true; },
trigger: function(e) { this.mouseDown(e); }
});
$(this.handle)
.each(function() {
new handleclass(this);
})
.wrap('')
.parent()
.bind('focus', function(e) { self.focus(this.firstChild); })
.bind('blur', function(e) { self.blur(this.firstChild); })
.bind('keydown', function(e) { if(!self.options.noKeyboard) self.keydown(e.keyCode, this.firstChild); })
;
// Bind the click to the slider itself
this.element.bind('mousedown.slider', function(e) {
self.click.apply(self, [e]);
self.currentHandle.data("mouse").trigger(e);
self.firstValue = self.firstValue + 1; //This is for always triggering the change event
});
// Move the first handle to the startValue
$.each(this.options.handles || [], function(index, handle) {
self.moveTo(handle.start, index, true);
});
if (!isNaN(this.options.startValue))
this.moveTo(this.options.startValue, 0, true);
this.previousHandle = $(this.handle[0]); //set the previous handle to the first to allow clicking before selecting the handle
if(this.handle.length == 2 && this.options.range) this.createRange();
},
initBoundaries: function() {
var element = this.element[0], o = this.options;
this.actualSize = { width: this.element.outerWidth() , height: this.element.outerHeight() };
$.extend(o, {
axis: o.axis || (element.offsetWidth < element.offsetHeight ? 'vertical' : 'horizontal'),
max: !isNaN(parseInt(o.max,10)) ? { x: parseInt(o.max, 10), y: parseInt(o.max, 10) } : ({ x: o.max && o.max.x || 100, y: o.max && o.max.y || 100 }),
min: !isNaN(parseInt(o.min,10)) ? { x: parseInt(o.min, 10), y: parseInt(o.min, 10) } : ({ x: o.min && o.min.x || 0, y: o.min && o.min.y || 0 })
});
//Prepare the real maxValue
o.realMax = {
x: o.max.x - o.min.x,
y: o.max.y - o.min.y
};
//Calculate stepping based on steps
o.stepping = {
x: o.stepping && o.stepping.x || parseInt(o.stepping, 10) || (o.steps ? o.realMax.x/(o.steps.x || parseInt(o.steps, 10) || o.realMax.x) : 0),
y: o.stepping && o.stepping.y || parseInt(o.stepping, 10) || (o.steps ? o.realMax.y/(o.steps.y || parseInt(o.steps, 10) || o.realMax.y) : 0)
};
},
keydown: function(keyCode, handle) {
var k = keyCode;
if(/(33|34|35|36|37|38|39|40)/.test(k)) {
var o = this.options, xpos, ypos;
if (/(35|36)/.test(k)) {
xpos = (k == 35) ? o.max.x : o.min.x;
ypos = (k == 35) ? o.max.y : o.min.y;
} else {
var oper = /(34|37|40)/.test(k) ? "-=" : "+=";
var step = /(37|38|39|40)/.test(k) ? "oneStep" : "pageStep";
xpos = oper + this[step]("x");
ypos = oper + this[step]("y");
}
this.moveTo({
x: xpos,
y: ypos
}, handle);
}
},
focus: function(handle,hard) {
this.currentHandle = $(handle).addClass('ui-slider-handle-active');
if (hard)
this.currentHandle.parent()[0].focus();
},
blur: function(handle) {
$(handle).removeClass('ui-slider-handle-active');
if(this.currentHandle && this.currentHandle[0] == handle) { this.previousHandle = this.currentHandle; this.currentHandle = null; };
},
click: function(e) {
// This method is only used if:
// - The user didn't click a handle
// - The Slider is not disabled
// - There is a current, or previous selected handle (otherwise we wouldn't know which one to move)
var pointer = [e.pageX,e.pageY];
var clickedHandle = false;
this.handle.each(function() {
if(this == e.target)
clickedHandle = true;
});
if (clickedHandle || this.options.disabled || !(this.currentHandle || this.previousHandle))
return;
// If a previous handle was focussed, focus it again
if (!this.currentHandle && this.previousHandle)
this.focus(this.previousHandle, true);
// propagate only for distance > 0, otherwise propagation is done my drag
this.offset = this.element.offset();
this.moveTo({
y: this.convertValue(e.pageY - this.offset.top - this.currentHandle[0].offsetHeight/2, "y"),
x: this.convertValue(e.pageX - this.offset.left - this.currentHandle[0].offsetWidth/2, "x")
}, null, !this.options.distance);
},
createRange: function() {
if(this.rangeElement) return;
this.rangeElement = $('')
.addClass('ui-slider-range')
.css({ position: 'absolute' })
.appendTo(this.element);
this.updateRange();
},
removeRange: function() {
this.rangeElement.remove();
this.rangeElement = null;
},
updateRange: function() {
var prop = this.options.axis == "vertical" ? "top" : "left";
var size = this.options.axis == "vertical" ? "height" : "width";
this.rangeElement.css(prop, (parseInt($(this.handle[0]).css(prop),10) || 0) + this.handleSize(0, this.options.axis == "vertical" ? "y" : "x")/2);
this.rangeElement.css(size, (parseInt($(this.handle[1]).css(prop),10) || 0) - (parseInt($(this.handle[0]).css(prop),10) || 0));
},
getRange: function() {
return this.rangeElement ? this.convertValue(parseInt(this.rangeElement.css(this.options.axis == "vertical" ? "height" : "width"),10), this.options.axis == "vertical" ? "y" : "x") : null;
},
handleIndex: function() {
return this.handle.index(this.currentHandle[0]);
},
value: function(handle, axis) {
if(this.handle.length == 1) this.currentHandle = this.handle;
if(!axis) axis = this.options.axis == "vertical" ? "y" : "x";
var curHandle = $(handle != undefined && handle !== null ? this.handle[handle] || handle : this.currentHandle);
if(curHandle.data("mouse").sliderValue) {
return parseInt(curHandle.data("mouse").sliderValue[axis],10);
} else {
return parseInt(((parseInt(curHandle.css(axis == "x" ? "left" : "top"),10) / (this.actualSize[axis == "x" ? "width" : "height"] - this.handleSize(handle,axis))) * this.options.realMax[axis]) + this.options.min[axis],10);
}
},
convertValue: function(value,axis) {
return this.options.min[axis] + (value / (this.actualSize[axis == "x" ? "width" : "height"] - this.handleSize(null,axis))) * this.options.realMax[axis];
},
translateValue: function(value,axis) {
return ((value - this.options.min[axis]) / this.options.realMax[axis]) * (this.actualSize[axis == "x" ? "width" : "height"] - this.handleSize(null,axis));
},
translateRange: function(value,axis) {
if (this.rangeElement) {
if (this.currentHandle[0] == this.handle[0] && value >= this.translateValue(this.value(1),axis))
value = this.translateValue(this.value(1,axis) - this.oneStep(axis), axis);
if (this.currentHandle[0] == this.handle[1] && value <= this.translateValue(this.value(0),axis))
value = this.translateValue(this.value(0,axis) + this.oneStep(axis), axis);
}
if (this.options.handles) {
var handle = this.options.handles[this.handleIndex()];
if (value < this.translateValue(handle.min,axis)) {
value = this.translateValue(handle.min,axis);
} else if (value > this.translateValue(handle.max,axis)) {
value = this.translateValue(handle.max,axis);
}
}
return value;
},
translateLimits: function(value,axis) {
if (value >= this.actualSize[axis == "x" ? "width" : "height"] - this.handleSize(null,axis))
value = this.actualSize[axis == "x" ? "width" : "height"] - this.handleSize(null,axis);
if (value <= 0)
value = 0;
return value;
},
handleSize: function(handle,axis) {
return $(handle != undefined && handle !== null ? this.handle[handle] : this.currentHandle)[0]["offset"+(axis == "x" ? "Width" : "Height")];
},
oneStep: function(axis) {
return this.options.stepping[axis] || 1;
},
pageStep: function(axis) {
return /* this.options.paging[axis] ||*/ 10;
},
start: function(e, handle) {
var o = this.options;
if(o.disabled) return false;
// Prepare the outer size
this.actualSize = { width: this.element.outerWidth() , height: this.element.outerHeight() };
// This is a especially ugly fix for strange blur events happening on mousemove events
if (!this.currentHandle)
this.focus(this.previousHandle, true);
this.offset = this.element.offset();
this.handleOffset = this.currentHandle.offset();
this.clickOffset = { top: e.pageY - this.handleOffset.top, left: e.pageX - this.handleOffset.left };
this.firstValue = this.value();
this.propagate('start', e);
this.drag(e, handle);
return true;
},
stop: function(e) {
this.propagate('stop', e);
if (this.firstValue != this.value())
this.propagate('change', e);
// This is a especially ugly fix for strange blur events happening on mousemove events
this.focus(this.currentHandle, true);
return false;
},
drag: function(e, handle) {
var o = this.options;
var position = { top: e.pageY - this.offset.top - this.clickOffset.top, left: e.pageX - this.offset.left - this.clickOffset.left};
if(!this.currentHandle) this.focus(this.previousHandle, true); //This is a especially ugly fix for strange blur events happening on mousemove events
position.left = this.translateLimits(position.left, "x");
position.top = this.translateLimits(position.top, "y");
if (o.stepping.x) {
var value = this.convertValue(position.left, "x");
value = Math.round(value / o.stepping.x) * o.stepping.x;
position.left = this.translateValue(value, "x");
}
if (o.stepping.y) {
var value = this.convertValue(position.top, "y");
value = Math.round(value / o.stepping.y) * o.stepping.y;
position.top = this.translateValue(value, "y");
}
position.left = this.translateRange(position.left, "x");
position.top = this.translateRange(position.top, "y");
if(o.axis != "vertical") this.currentHandle.css({ left: position.left });
if(o.axis != "horizontal") this.currentHandle.css({ top: position.top });
//Store the slider's value
this.currentHandle.data("mouse").sliderValue = {
x: Math.round(this.convertValue(position.left, "x")) || 0,
y: Math.round(this.convertValue(position.top, "y")) || 0
};
if (this.rangeElement)
this.updateRange();
this.propagate('slide', e);
return false;
},
moveTo: function(value, handle, noPropagation) {
var o = this.options;
// Prepare the outer size
this.actualSize = { width: this.element.outerWidth() , height: this.element.outerHeight() };
//If no handle has been passed, no current handle is available and we have multiple handles, return false
if (handle == undefined && !this.currentHandle && this.handle.length != 1)
return false;
//If only one handle is available, use it
if (handle == undefined && !this.currentHandle)
handle = 0;
if (handle != undefined)
this.currentHandle = this.previousHandle = $(this.handle[handle] || handle);
if(value.x !== undefined && value.y !== undefined) {
var x = value.x, y = value.y;
} else {
var x = value, y = value;
}
if(x !== undefined && x.constructor != Number) {
var me = /^\-\=/.test(x), pe = /^\+\=/.test(x);
if(me || pe) {
x = this.value(null, "x") + parseInt(x.replace(me ? '=' : '+=', ''), 10);
} else {
x = isNaN(parseInt(x, 10)) ? undefined : parseInt(x, 10);
}
}
if(y !== undefined && y.constructor != Number) {
var me = /^\-\=/.test(y), pe = /^\+\=/.test(y);
if(me || pe) {
y = this.value(null, "y") + parseInt(y.replace(me ? '=' : '+=', ''), 10);
} else {
y = isNaN(parseInt(y, 10)) ? undefined : parseInt(y, 10);
}
}
if(o.axis != "vertical" && x !== undefined) {
if(o.stepping.x) x = Math.round(x / o.stepping.x) * o.stepping.x;
x = this.translateValue(x, "x");
x = this.translateLimits(x, "x");
x = this.translateRange(x, "x");
o.animate ? this.currentHandle.stop().animate({ left: x }, (Math.abs(parseInt(this.currentHandle.css("left")) - x)) * (!isNaN(parseInt(o.animate)) ? o.animate : 5)) : this.currentHandle.css({ left: x });
}
if(o.axis != "horizontal" && y !== undefined) {
if(o.stepping.y) y = Math.round(y / o.stepping.y) * o.stepping.y;
y = this.translateValue(y, "y");
y = this.translateLimits(y, "y");
y = this.translateRange(y, "y");
o.animate ? this.currentHandle.stop().animate({ top: y }, (Math.abs(parseInt(this.currentHandle.css("top")) - y)) * (!isNaN(parseInt(o.animate)) ? o.animate : 5)) : this.currentHandle.css({ top: y });
}
if (this.rangeElement)
this.updateRange();
//Store the slider's value
this.currentHandle.data("mouse").sliderValue = {
x: Math.round(this.convertValue(x, "x")) || 0,
y: Math.round(this.convertValue(y, "y")) || 0
};
if (!noPropagation) {
this.propagate('start', null);
this.propagate('stop', null);
this.propagate('change', null);
this.propagate("slide", null);
}
}
});
$.ui.slider.getter = "value";
$.ui.slider.defaults = {
handle: ".ui-slider-handle",
distance: 1,
animate: false
};
})(jQuery);
/**
* Pager
*
* @name Pager
* @description Create a navigation object width options
* @param All parameters are optional
* @cat Plugins/Interface
* @author rz
* @version 1.0.0
*/
;(function($) {
$.oPager = {
conf: {
'button_selector': 'a',
'switcher_selector': 'span',
'button_class_prefix': '',
'switcher_class_prefix': ''
},
iSelected: 1,
aButton: {
},
aSwitcher: {
},
init: function(options) {
var _oSelf = $(this);
if ( !_oSelf.length ) {
return false;
}
$.extend($.oPager.conf, options || {});
$.extend($.oPager, {
aButton: _oSelf.find( $.oPager.conf['button_selector'] ) || {},
aSwitcher: _oSelf.find( $.oPager.conf['switcher_selector'] ) || {}
}
);
if ( !$.oPager.aButton.length ) {
return false;
}
$.oPager.iSelected = parseInt($.oPager.aButton.filter( '[class*=selected]' ).attr('class').match(/selected(\d+)/)[1], 10);
$.oPager.aButton.click(
function() {
var iNum = parseInt( $(this).attr('class').match(/\w+(\d+)/)[1], 10);
$(this).pager_switch_on(iNum);
return false;
}
);
$.oPager.aSwitcher.click(
function() {
$(this).pager_switch_on();
return false;
}
);
},
button_switch_on: function(iNum) {
if ( null == iNum ) {
return false;
}
var _oSelected = $.oPager.aButton.filter( '[class=' + $.oPager.conf['button_class_prefix'] + iNum + ']' ),
_oCurrent = $.oPager.aButton.filter( '[class*=selected]' );
if ( !_oSelected.length || !_oCurrent.length ) {
return false;
}
_oCurrent.attr( 'class', _oCurrent.attr('class').replace(/\s*selected\d+/, '') );
_oSelected.addClass('selected' + iNum);
return _oSelected;
},
switcher_switch_on: function(iNum) {
if ( null == iNum ) {
return false;
}
var _iFirstNum = 1,
_iLastNum = parseInt($.oPager.aButton.length, 10),
_oFirstSwitcher = $($.oPager.aSwitcher[0]),
_oLastSwitcher = $($.oPager.aSwitcher[$.oPager.aSwitcher.length - 1]);
if ( !_oFirstSwitcher.length ) {
return false;
}
_oFirstSwitcher[ iNum == _iFirstNum ? 'addClass' : 'removeClass' ]('disabled' + _iFirstNum);
if ( !_oLastSwitcher.length ) {
return false;
}
_oLastSwitcher[ iNum == _iLastNum ? 'addClass' : 'removeClass' ]('disabled' + $.oPager.aSwitcher.length);
return iNum;
},
page_switch_on: function(iNum) {
if ( null == iNum ) {
return false;
}
return iNum;
},
switch_on: function(iNum) {
if ( iNum && iNum == $.oPager.iSelected ) {
return false;
}
if ( !iNum ) {
var iSNum = parseInt( $(this).attr('class').match(/\w+(\d+)/ )[1], 10),
iNum = ( iSNum == $.oPager.aSwitcher.length ) ? $.oPager.iSelected + 1 : $.oPager.iSelected - 1,
_oSelected = $.oPager.aButton.filter( '[class=' + $.oPager.conf['button_class_prefix'] + iNum + ']' );
if ( !_oSelected.length ) {
iNum = (1 == iSNum) ? $.oPager.aButton.length : 1;
}
$.oPager.aButton.filter( '[class=' + $.oPager.conf['button_class_prefix'] + iNum + ']' ).click();
} else {
$.oPager.button_switch_on(iNum);
}
$.oPager.iSelected = iNum;
$.oPager.switcher_switch_on(iNum);
// $.oPager.page_switch_on(iNum);
return iNum;
}
}
$.fn.extend(
{
pager_init: $.oPager.init,
pager_switch_on: $.oPager.switch_on
}
);
})(jQuery);
/**
* jQuery.ScrollTo - Easy element scrolling using jQuery.
* Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
* Dual licensed under MIT and GPL.
* Date: 2/19/2008
* @author Ariel Flesler
* @version 1.3.3
*
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html
*/
;(function($){var o=$.scrollTo=function(a,b,c){o.window().scrollTo(a,b,c)};o.defaults={axis:'y',duration:1};o.window=function(){return $($.browser.safari?'body':'html')};$.fn.scrollTo=function(l,m,n){if(typeof m=='object'){n=m;m=0}n=$.extend({},o.defaults,n);m=m||n.speed||n.duration;n.queue=n.queue&&n.axis.length>1;if(n.queue)m/=2;n.offset=j(n.offset);n.over=j(n.over);return this.each(function(){var a=this,b=$(a),t=l,c,d={},w=b.is('html,body');switch(typeof t){case'number':case'string':if(/^([+-]=)?\d+(px)?$/.test(t)){t=j(t);break}t=$(t,this);case'object':if(t.is||t.style)c=(t=$(t)).offset()}$.each(n.axis.split(''),function(i,f){var P=f=='x'?'Left':'Top',p=P.toLowerCase(),k='scroll'+P,e=a[k],D=f=='x'?'Width':'Height';if(c){d[k]=c[p]+(w?0:e-b.offset()[p]);if(n.margin){d[k]-=parseInt(t.css('margin'+P))||0;d[k]-=parseInt(t.css('border'+P+'Width'))||0}d[k]+=n.offset[p]||0;if(n.over[p])d[k]+=t[D.toLowerCase()]()*n.over[p]}else d[k]=t[p];if(/^\d+$/.test(d[k]))d[k]=d[k]<=0?0:Math.min(d[k],h(D));if(!i&&n.queue){if(e!=d[k])g(n.onAfterFirst);delete d[k]}});g(n.onAfter);function g(a){b.animate(d,m,n.easing,a&&function(){a.call(this,l)})};function h(D){var b=w?$.browser.opera?document.body:document.documentElement:a;return b['scroll'+D]-b['client'+D]}})};function j(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);
/**
* jQuery.LocalScroll - Animated scrolling navigation, using anchors.
* Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
* Dual licensed under MIT and GPL.
* Date: 6/3/2008
* @author Ariel Flesler
* @version 1.2.6
**/
;(function($){var g=location.href.replace(/#.*/,''),h=$.localScroll=function(a){$('body').localScroll(a)};h.defaults={duration:1e3,axis:'y',event:'click',stop:1};h.hash=function(a){a=$.extend({},h.defaults,a);a.hash=0;if(location.hash)setTimeout(function(){i(0,location,a)},0)};$.fn.localScroll=function(b){b=$.extend({},h.defaults,b);return(b.persistent||b.lazy)?this.bind(b.event,function(e){var a=$([e.target,e.target.parentNode]).filter(c)[0];a&&i(e,a,b)}):this.find('a,area').filter(c).bind(b.event,function(e){i(e,this,b)}).end().end();function c(){var a=this;return!!a.href&&!!a.hash&&a.href.replace(a.hash,'')==g&&(!b.filter||$(a).is(b.filter))}};function i(e,a,b){var c=a.hash.slice(1),d=document.getElementById(c)||document.getElementsByName(c)[0],f;if(d){e&&e.preventDefault();f=$(b.target||$.scrollTo.window());if(b.lock&&f.is(':animated')||b.onBefore&&b.onBefore.call(a,e,d,f)===!1)return;if(b.stop)f.queue('fx',[]).stop();f.scrollTo(d,b).trigger('notify.serialScroll',[d]);if(b.hash)f.queue(function(){location=a.hash;$(this).dequeue()})}}})(jQuery);
/**
* Slider Scroll
*
* @name SliderScroll
* @description Create a navigation object with a slider and a smooth scrolling effect
* @param All parameters are optional
* @example $('.mod-history').slider_scroll_init({'scroll_duration': 500, 'total_pages': 5});
*
* @cat Plugins/Interface
* @author Olga Koryakova
* @version 1.0.0
* @depends ui.core.js, ui.slider.js, jq.pager.js, jq.scrollTo.js, jq.localscroll.js
*
* @todo To check for other values of 'total_pages' parameter if plugin works correctly during 'onresize' event (sections width bug)
*/
;(function($) {
$.oSliderScroll = function(options) {
$.extend($.oSliderScroll.conf, options || {});
this.oScrollTarget = ($.oSliderScroll.conf['scroll_target']) ? $( $.oSliderScroll.conf['scroll_target'] ) : {};
this.oSlider = ($.oSliderScroll.conf['slider_container']) ? $( $.oSliderScroll.conf['slider_container'] ) : {};
this.oSliderHandle = ($.oSliderScroll.conf['slider_handle']) ? $( $.oSliderScroll.conf['slider_handle'] ) : {};
this.oPager = ($.oSliderScroll.conf['pager_container']) ? $( $.oSliderScroll.conf['pager_container'] ) : {};
this.oContainer = ($.oSliderScroll.conf['scroll_section_id_prefix']) ? $( '.' + $.oSliderScroll.conf['scroll_section_id_prefix'] ) : {};
this.iCurrentPage = 0; // zero-based
this.iPageWidth = this.oScrollTarget.width();
this.oLastLink = $([]);
this.init();
}
// configuration settings
$.oSliderScroll.conf = {
'pager_container' : '.pager', // container for buttons
'pager_button_selector' : 'a', // css selector for buttons
'pager_button_class_prefix' : 'pp',
'pager_switcher_selector' : 'span', // css selector for back-forward buttons (arrows)
'pager_switcher_class_prefix' : 'ar',
'scroll_duration' : 500, // speed of animation
'scroll_section_id_prefix' : 'section', // wide container for all pages
'scroll_target' : '#content', // this container define a visible part of content (with css property 'overflow')
'slider_container' : '#slider', // container for slider
'slider_handle' : '.ui-slider-handle', // scroll box
'total_pages' : 5
};
// initialization
$.oSliderScroll.prototype.init = function() {
this.setScrollHandler();
this.setSliderHandler();
}
$.oSliderScroll.prototype.setScrollHandler = function() {
var oSelf = this;
this.oScrollTarget.attr({scrollTop: 0, scrollLeft: 0});
this.oPager.find($.oSliderScroll.conf['pager_switcher_selector']).css('display', 'block');
this.oPager.pager_init({
'button_class_prefix' : $.oSliderScroll.conf['pager_button_class_prefix'],
'switcher_class_prefix': $.oSliderScroll.conf['pager_switcher_class_prefix']
});
this.oPager.localScroll({
target: oSelf.oScrollTarget,
axis: 'x',
duration: $.oSliderScroll.conf['scroll_duration'],
onBefore: function( e, anchor, $target ) {
var oLink = $(this),
sHref = oLink.attr('href');
oSelf.iCurrentPage = sHref.substr(sHref.length - 1, 1) - 1;
oSelf.setSliderHandlePosition(oSelf.iCurrentPage, 1);
oSelf.setPagesWidth(oLink);
},
onAfter: function( anchor ) {
oSelf.oLastLink.removeClass('scrolling');
}
});
}
$.oSliderScroll.prototype.setSliderHandler = function() {
var oSelf = this;
this.oSlider.css('display', 'block').slider({
animate: 1, // an integer, because animation is too slowly if this parameter is set to true
min: 1,
max: $.oSliderScroll.conf['total_pages'],
start: function(e, ui) {
oSelf.oSliderHandle.stop();
},
change: function(e, ui) {
var iNum = Math.round(ui.value),
oCurrentLink = $($.oSliderScroll.conf['pager_button_selector'] + '[@class=' + $.oSliderScroll.conf['pager_button_class_prefix'] + iNum + ']'),
oCurrentPage = $('div[@id=' + $.oSliderScroll.conf['scroll_section_id_prefix'] + iNum + ']');
oSelf.oPager.pager_switch_on(iNum);
oSelf.setPagesWidth(oCurrentLink);
oSelf.oScrollTarget.scrollTo(oCurrentPage, {
axis: 'x',
duration: $.oSliderScroll.conf['scroll_duration'],
onAfter: function( anchor ){
oSelf.oLastLink.removeClass('scrolling');
}
});
},
stop: function(e, ui) {
oSelf.iCurrentPage = Math.round(ui.value) - 1;
oSelf.setSliderHandlePosition(oSelf.iCurrentPage, 1);
}
}).bind(
'resize',
function() {
oSelf.setSliderHandlePosition(oSelf.iCurrentPage);
if (oSelf.oLastLink[0] != undefined) {
oSelf.oScrollTarget.attr({ scrollLeft: parseInt(oSelf.getProperty($(oSelf.oLastLink.attr('href')).css('left'))) });
}
}
);
}
/**
* @description Set a slider handle into a given position
* @param [required] iNum - number of a position
* [optional] mode - 1 - using animation, 0 - without animation
*/
$.oSliderScroll.prototype.setSliderHandlePosition = function(iNum, mode) {
var iLeftOffset = this.oSlider.width() * iNum / ($.oSliderScroll.conf['total_pages'] - 1);
switch (mode) {
case 1: {
this.oSliderHandle.animate({
left: iLeftOffset
}, $.oSliderScroll.conf['scroll_duration']);
}
break;
default: {
this.oSliderHandle.css('left', iLeftOffset);
}
}
}
/**
* @description Fix a width bug that appears when the window has been resized
* @param [required] oTargetLink - link that was clicked
*/
$.oSliderScroll.prototype.setPagesWidth = function(oTargetLink) {
var oCurrentPage = $(oTargetLink.attr('href'));
this.oContainer.css('height', oCurrentPage.height());
this.oLastLink.removeClass('scrolling');
this.oLastLink = oTargetLink.addClass('scrolling');
if ( oTargetLink.blur ) {
oTargetLink.blur(); // remove the awful outline
}
}
/**
* @name getProperty
* @description Get css-property in necessary units
* @param [string] sProperty - a given property
* [string] sMode - optional, possible value: 'percent'
* @return [string] css-property in percents or in pixels (default in pixels)
*/
$.oSliderScroll.prototype.getProperty = function(sProperty, sMode) {
var sUnit = ('%' == sProperty.substr(sProperty.length - 1, 1)) ? '%' : 'px';
switch (sMode) {
case 'percent': {
if ('%' == sUnit) {
return parseInt(sProperty) + '%';
} else {
return Math.round(parseInt(sProperty) * 100 / this.oContainer.width()) + '%';
}
}
break;
default: { // in pixels
if ('%' == sUnit) {
return Math.round(parseInt(sProperty) * this.oContainer.width() / 100) + 'px';
} else {
return parseInt(sProperty) + 'px';
}
}
}
}
$.fn.extend({
slider_scroll_init: function(options) {
new $.oSliderScroll(options);
}
});
})(jQuery);
;(function($) {
// История
$.eready('ul.ui-tabs-nav',
function() {
$('ul.ui-tabs-nav').tabs();
}
);
// Slider Scroll
$.eready('.mod-history',
function() {
$('.mod-history').slider_scroll_init();
}
);
})(jQuery);
var dateSlider = {
WIDTH: 12,
EM: 16,
init: function () {
var b = this;
this.slider = $("#date_slider");
this.sliderLine = $(".date_controller");
this.line = $(".line");
this.disabled = false;
this.container = $("#date_navigation:not(.pic_slider_full, .pic_slider)");
this.dateList = $("#date_list_ul");
this.measurerWidth = $("#inner_measurer").width();
this.containerWidth = this.container.width();
this.containerOffset = this.container.offset().left;
this.sliderOffset = parseInt(this.slider.css("left"));
this.sliderMouseOffset = 0;
this.dateListWidth = this.calculateWidth();
this.rate = (this.dateListWidth - this.containerWidth) / this.containerWidth;
this.selectedItem = this.dateList.find("li.active");
var c = this.dateListWidth - this.containerWidth;
var a = this.selectedItem.offset().left - this.containerOffset;
a += -(this.containerWidth / 2) + (this.selectedItem.width() / 2) + 10;
if (a > c) {
this.dateList.css({
left: -(this.dateListWidth - this.containerWidth)
});
this.slider.css({
left: this.containerWidth - this.WIDTH
});
} else {
if (a > 0) {
this.dateList.css({
left: -(a)
});
}
if (a / this.rate < 0) {
this.slider.css({
left: 0
});
} else {
if (a / this.rate > this.dateListWidth) {
this.slider.css({
left: this.dateListWidth - this.WIDTH
});
} else {
this.slider.css({
left: a / this.rate
});
}
}
}
if (this.dateListWidth < this.containerWidth) {
this.slider.addClass("disabled");
this.slider.css({
left: 0
});
this.dateList.css({
left: 0
});
this.line.addClass("disabled_line");
this.disabled = true;
}
this.clicked = false;
this.attachEvents();
/* common.Measurer.setFunc(function () {
b.recalculateParams();
}); */
},
calculateWidth: function () {
var c = this;
var d = $("li:last", this.container);
var b = 0;
var a = $("li", this.container);
a.each(function () {
b += $(this).width() + 13;
if ($(this).hasClass("year")) {
b += 1;
}
});
return (b);
},
recalculateParams: function () {
this.EM = $("#measurer").height();
var a = this.containerWidth;
this.dateListWidth = this.calculateWidth();
this.containerWidth = this.container.width();
this.containerOffset = this.container.offset().left;
if (this.dateListWidth > this.containerWidth) {
if (this.disabled) {
this.slider.removeClass("disabled");
this.line.removeClass("disabled_line");
this.disabled = false;
}
this.rate = (this.dateListWidth - this.containerWidth) / this.containerWidth;
this.sliderOffset = parseInt(this.slider.css("left"));
var c = this.sliderOffset * (this.containerWidth / a);
if (c > this.containerWidth - this.WIDTH) {
c = this.containerWidth - this.WIDTH;
}
this.sliderOffset = c;
var b = this.sliderOffset / this.containerWidth;
this.slider.css({
left: c
});
this.dateList.css({
left: -((this.sliderOffset + this.WIDTH * b) * this.rate)
});
} else {
this.slider.addClass("disabled");
this.line.addClass("disabled_line");
this.disabled = true;
}
},
attachEvents: function () {
var a = this;
this.slider.mousedown(function (b) {
b.preventDefault();
b.stopPropagation();
a.sliderMouseOffset = b.pageX - a.containerOffset - parseInt(a.slider.css("left"));
a.clicked = true;
});
$(document).mousemove(function (d) {
if (a.clicked && !a.disabled) {
d.preventDefault();
a.sliderOffset = parseInt(a.slider.css("left"));
var b = a.sliderOffset / a.containerWidth;
var f = parseInt(d.pageX - a.containerOffset - a.sliderMouseOffset);
if (f > 0 && f < (a.containerWidth - a.WIDTH)) {
a.sliderOffset = f;
a.slider.css({
left: f
});
var c = -((f + (a.WIDTH * b)) * a.rate);
a.dateList.css({
left: c
});
}
}
});
$(document).mouseup(function () {
a.clicked = false;
});
this.sliderLine.mousedown(function (d) {
if (!a.disabled) {
a.sliderMouseOffset = a.WIDTH / 2;
var b = a.sliderOffset / a.containerWidth;
var f = parseInt(d.pageX - a.containerOffset - 6);
if (f > 0 && f < (a.containerWidth - a.WIDTH)) {
a.sliderOffset = f;
a.slider.css({
left: f
});
var c = -((f + (a.WIDTH * b)) * a.rate);
a.dateList.css({
left: c
});
}
}
});
}
}