$('.panel-overlay', mydata.root).css('display', 'block');
return false;
},
- resize_changed: function(event) {
+ resize_changed: function(event) {
var old_width = parseInt(event.data.overlay.css('width'));
var delta = event.pageX + event.data.hotspot_x - old_width;
event.data.overlay.css({'width': old_width + delta});
$.fn.makeHorizPanel = function(options)
{
var root = $(this)
- var all_panels = $('.panel-wrap', root)
/* create an overlay */
var overlay_root = $("<div class='panel-overlay'></div>");
var prev = null;
- all_panels.each(function(i) {
+ $('*.panel-wrap', root).each( function()
+ {
var panel = $(this);
var handle = $('.panel-slider', panel);
- var overlay = $("<div class='panel-content-overlay panel-wrap'><p>Panel #"+i+"</p></div>");
+ var overlay = $("<div class='panel-content-overlay panel-wrap'> </div>");
overlay_root.append(overlay);
overlay.data('panel', panel);
overlay.data('next', null);
+ if (prev) prev.next = overlay;
+
if( panel.hasClass('last-panel') )
+ {
overlay.css({'left': panel.css('left'), 'right': panel.css('right')});
- else
+ }
+ else {
overlay.css({'left': panel.css('left'), 'width': panel.css('width')});
-
- if (prev) prev.next = overlay;
-
- if(handle.length != 0) {
- $.log('Has handle: ' + panel.attr('id') );
+ $.log('Has handle: ' + panel.attr('id'));
overlay.append(handle.clone());
/* attach the trigger */
handle.mousedown(function(event) {
(handle.outerWidth() || 10) + 'px');
$('.panel-content-overlay', panel).css('right',
(handle.outerWidth() || 10) + 'px');
- }
-
+ };
+
prev = overlay;
});
- root.bind('hpanel:panel-resize-start', $.hpanel.resize_start);
+ root.bind('hpanel:panel-resize-start', $.hpanel.resize_start);
};
})(jQuery);