')
.addClass(options.load.className)
.css('visibility', 'hidden')
.html(options.load.text);
var div = $('').addClass('nav').append(this.prevButton).append(this.nextButton).append(this.loadButton);
$this.append(div);
};
this.requestContext = function(n) {
if ((this.count - this.current - n) < options.do_request_when) {
this.getContent();
}
};
this.getTemplate = function() {
var tpl = this.content.find('li:first');
var img = tpl.find('img[tag]').attr('src');
this.template = tpl.html().replace(img, '');
};
this.getFirstData = function() {
var li = this.content.find('li');
for (var i=0; i < li.length; i++) {
this.data.push({
html: $(li[i]).html(),
id: $(li[i]).attr('id')
});
}
};
this.fixedGadget = function() {
if (options.fixed) {return;}
$(window).bind('resize', function () {
self.resizeGadget();
});
};
this.resizeGadget = function() {
if (options.type == TYPE.HORIZONTAL) {
if (! options.fixed) {
var section = Math.floor($this.width() / options.width);
section = (this.maxSection < section) ? this.maxSection : section;
this.width = Math.floor($this.width() / section);
css.width = this.width + 'px';
if (this.section > section) {
this.content.find('li:gt(' + (section - 1) + ')').remove();
}
if (this.section < section) {
for(var i = this.section; i').css(css).width(this.width).html(this.template);
$(this.content).append(li);
this.setContentHiddenBox(id, li);
}
}
this.section = section;
this.viewNavArraw(1);
}
var n = options.scrolling_all ? this.section : 1;
this.content.width(this.width * (this.section + n));
this.content.parent().width(this.width * this.section);
this.content.find('li').css(css).width(this.width);
}
if (options.type == TYPE.VERTICAL) {
if (! options.fixed) {
var section = Math.floor($this.height() / options.height);
section = (this.maxSection < section) ? this.maxSection : section;
this.height = Math.floor($this.height() / section);
css.height = this.height + 'px';
if (this.section > section) {
this.content.find('li:gt(' + (section - 1) + ')').remove();
}
if (this.section < section) {
for(var i = this.section; i').css(css).height(this.height).html(this.template);
$(this.content).append(li);
this.setContentHiddenBox(id, li);
}
}
this.section = section;
this.viewNavArraw(1);
}
var n = options.scrolling_all ? this.section : 1;
this.content.height(this.height * (this.section + n));
this.content.parent().height(this.height * this.section);
this.content.find('li').css(css).height(this.height);
}
if (this.keyboard == 'single') {
if (this.section <= this.pos_section) {
if (this.pos_section != 0) {this.selctKeyboardSection();}
this.pos_section = 0;
this.current -= section;
this.viewNavArraw(1);
}
}
};
this.mouseOverHighlight = function() {
if (! options.mouse_over_highlight) {return;}
var li = this.content.find('li');
li.live('mouseenter', function() {
$this.addClass('highlight');
});
li.live('mouseleave', function() {
$this.removeClass('highlight');
});
};
this.setFocusGadget = function() {
if(options.focus_get_type == 'click') {
$(document).bind("click", function(event) {
var obj = $.merge($(event.target).parents(), $(event.target)).filter($this);
if (obj.length != 0) {
var obj = $.merge($(event.target).parents(), $(event.target)).filter(self.content.children('li'));
if (obj.length != 0) {
var i = 0;
do {
obj = obj.prev();
i++;
} while (obj.length);
i--;
}
var pos = (i == undefined) ? self.pos_section : i;
self.onFocus(pos);
} else {
self.offFocus();
}
});
} else {
$this.hover(
function() {
self.onFocus();
},
function() {
self.offFocus();
}
);
}
};
this.onFocus = function(i) {
this.focus = FOCUS.ON;
if (this.keyboard != 'single') {return;}
var pos = (i != undefined) ? i : this.pos_section;
if (pos != this.pos_section) {
this.current = this.current + pos;
};
this.pos_section = pos;
this.selctKeyboardSection();
};
this.offFocus = function() {
this.focus = FOCUS.OFF;
if (this.keyboard != 'single') {return;}
this.content.find('li').removeClass('highlight');
};
this.useKeyboard = function() {
if (this.keyboard == 'none') {return;}
$(document).bind($.browser.opera ? "keypress" : "keydown", function (event) {
if (self.focus == FOCUS.OFF) {return;}
var n = (self.keyboard == 'single') ? 1 : self.section;
if (self.type == TYPE.HORIZONTAL) {
switch(event.keyCode) {
case KEY.LEFT:
event.preventDefault();
self.prev(n);
break;
case KEY.RIGHT:
event.preventDefault();
self.next(n);
break;
case KEY.ENTER:
self.activite(self.data[self.current]);
break;
}
}
if (self.type == TYPE.VERTICAL) {
switch(event.keyCode) {
case KEY.UP:
event.preventDefault();
self.prev(n);
break;
case KEY.DOWN:
event.preventDefault();
self.next(n);
break;
case KEY.ENTER:
self.activite(self.data[self.current]);
break;
}
}
});
};
this.wheel = function(event) {
var delta = 0;
if (!event) event = window.event; // Событие IE.
// Установим кроссбраузерную delta
if (event.wheelDelta) {
// IE, Opera, safari, chrome - кратность дельта равна 120
delta = event.wheelDelta/120;
} else if (event.detail) {
// Mozilla, кратность дельта равна 3
delta = -event.detail/3;
}
// Вспомогательня функция обработки mousewheel
if (delta) {
if (self.focus == FOCUS.OFF) {return;}
self.mouseWheel(delta);
// Отменим текущее событие - событие поумолчанию (скролинг окна).
if (event.preventDefault) {
event.preventDefault();
}
event.returnValue = false; // для IE
}
};
this.mouseWheel = function(delta) {
if (self.focus == FOCUS.OFF) {return;}
var n = (self.mouse == 'single') ? 1 : self.section;
if (delta > 0) {
self.prev(n);
} else {
self.next(n);
}
return false;
};
this.useMouseScroll = function() {
if (options.mouse == 'none') {return;}
// Инициализация события mousewheel
// mozilla, safari, chrome
if (window.addEventListener) {window.addEventListener('DOMMouseScroll', this.wheel, false);}
// IE, Opera.
window.onmousewheel = document.onmousewheel = this.wheel;
};
this.activite = function() {};
this.select = function() {};
this.outList = function() {};
this.init = function() {
this.setDefalutValue();
this.getTemplate();
this.getFirstData();
this.setWraper();
this.createPanelNav();
this.fixedGadget();
this.mouseOverHighlight();
this.setFocusGadget();
this.useKeyboard();
this.useMouseScroll();
};
};
Gadget.getInstance = function () {
if (this._instance === undefined) {
this._instance = new Gadget();
this._instance.init();
}
return this._instance;
};
return this.each(function() {
switch (options) {
case 'focus':
if (arg == 'on') {
g.current = -1;
g.pos_section = -1;
g.focus = FOCUS.ON;
} else {
g.offFocus();
}
return;
case 'clear':
$this.hide();
$(g.content).find('li:last').remove();
return;
case 'reload':
g.current = 0;
g.pos_section = 0;
g.count = (g.data.length == 0) ? g.section : g.data.length;
g.status = STATUS.LOAD;
g.reload();
$this.show();
return;
case 'options':
for(var key in arg) {
g[key] = arg[key];
}
return;
case 'activite':
g.activite = arg;
return;
case 'select':
g.select = arg;
return;
case 'outList':
g.outList = arg;
return;
case 'next':
g.next(arg);
return;
case 'prev':
g.prev(arg);
return;
default: g = Gadget.getInstance();
}
});
};
})(jQuery);
',
className: 'load'
},
move: {
time: 40,
step: 100
}
};
if ( typeof options === 'object' || ! options ) {
var options = $.extend(defalut, options);
var css = {
width: options.width + 'px',
height: options.height + 'px',
overflow: 'hidden',
position: 'relative',
float: 'left',
display: 'block',
margin: 0,
padding: 0
};
}
var $this = $(this);
var Gadget = function() {
var self = this;
this.setDefalutValue = function() {
this.gid = $this.attr('id');
this.content = $this.find('ul');
this.li = this.content.find('li');
this.section = options.section || this.li.length;
this.maxSection = this.section;
this.current = 0;
this.user_data = "";
this.template = "";
this.status = STATUS.LOAD;
this.focus = FOCUS.OFF;
this.type = options.type;
this.ajax_error = 0;
this.data = options.data;
this.url = options.url;
this.pos_section = 0;
this.arrow = options.arrow;
this.keyboard = options.keyboard;
this.mouse = options.mouse;
};
this.setWraper = function() {
this.count = (this.data.length == 0) ? this.section : this.data.length;
this.width = options.width;
this.height = options.height;
if (options.type == TYPE.HORIZONTAL) {
var div = $('