var showPanel = function(index){
var panel = panels[index];
var marginLeft = viewportWidth - (viewportWidth * options.panelWidthPercentage),
tranlationX = index ? Math.floor(viewportWidth - marginLeft) : 0,
panelWidth = index ? viewportWidth - marginLeft : viewportWidth;
// set the width of the panel
panel.setWidth(panelWidth);
panel.show({
"margin-left": marginLeft,
"translate3d-x": tranlationX < 0 ? 0 : -tranlationX
});
var element = $(panel.getElement());
WindowHelper.domWrite(function(){
element.css("display", "block")
.addClass("active");
});
// emit show event
events.emitEvent("show", [{ index: index }]);
};
function(panel, index){
var panelElement = panel.getElement();
WindowHelper.domWrite(function(){
$(panelElement).css({ "left": (!!index ? viewportWidth : 0) + "px", "min-height": viewportHeight });
});
});