(function ($) {
$.fn.dnnControlPanel = function (options) {
var opts = $.extend({}, $.fn.dnnControlPanel.defaultOptions, options),
$wrap = this;
return $wrap.each(function () {
var $controlPanel = $(this);
$controlPanel.wrap(function () {
return opts.wrappingHtml;
});
$('[id$="CommonTasksPanel"]').detach().appendTo('#dnnCommonTasks .megaborder');
$('[id$="CurrentPagePanel"]').detach().appendTo('#dnnCurrentPage .megaborder');
$('[id$="AdminPanel"]').detach().appendTo('#dnnOtherTools .megaborder');
var $wrapper = $('#dnnCPWrap');
if ($wrapper.hasClass('Pinned')) {
$wrapper.parent().css({ paddingBottom: '0' });
}
else {
$(document.body).css({ marginTop: $wrapper.outerHeight() });
}
$.fn.dnnControlPanel.show = function () {
$controlPanel.parents(opts.controlPanelWrapper).slideDown();
}
$.fn.dnnControlPanel.hide = function () {
$controlPanel.parents(opts.controlPanelWrapper).slideUp();
}
var canHide = false,
forceShow = false,
$controlPanel = $(this);
function EnableHide() {
if (!forceShow) canHide = true;
}
function megaHoverOver() {
hideAll();
$(this).parent().find(opts.menuBorderSelector).stop().fadeTo('fast', 1).show(); //Find sub and fade it in
}
function hideAll() {
$controlPanel.find(opts.menuBorderSelector).stop().fadeTo('fast', 0, function () { //Fade to 0 opacity
$(this).hide(); //after fading, hide it
});
}
//Set custom configurations
//This is the config used for showing the menue
var config = {
sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
interval: 200, // number = milliseconds for onMouseOver polling interval
over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
timeout: 100, // number = milliseconds delay before onMouseOut
out: function () { return null; } // function = onMouseOut callback (REQUIRED)
};
//This is the config used for hiding the menue
var hideConfig = {
sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
interval: 1, // number = milliseconds for onMouseOver polling interval
over: function () { return; }, // function = onMouseOver callback (REQUIRED)
timeout: 300, // number = milliseconds delay before onMouseOut
out: function () {
if (canHide) hideAll();
} // function = onMouseOut callback (REQUIRED)
};
$controlPanel.find(opts.menuBorderSelector).css({ 'opacity': '0' }); //Fade sub nav to 0 opacity on default
$controlPanel.find(opts.menuBorderSelector).find(opts.primaryActionSelector).css({ opacity: 1 }); //Compact IE7
$controlPanel.find(opts.menuItemSelector).mouseenter(EnableHide); //Hovering over CP will re-enable hiding.
//hide menu if user double clicks while they are outside of the
//control panel
$(document).dblclick(function () {
if (!canHide)
hideAll();
});
$controlPanel.dblclick(function (e) {
e.stopPropagation();
});
//Hide menu if Esc key is pressed
$(document).keyup(function (e) {
if (e.keyCode == 27) {
hideAll();
}
});
$controlPanel.find(opts.menuItemActionSelector).hoverIntent(config); //Trigger Hover intent with custom configurations
$controlPanel.find(opts.menuItemSelector).hoverIntent(hideConfig);
//Hovering over a the dropdown will re-enable autohide
$controlPanel.find(opts.enableAutohideOnFocusSelector).focus(function () {
canHide = true;
});
//Hovering over a telerik dropdown will disable autohide
//need this to disable hide when the drop down expands beyond the menu body
$controlPanel.find(opts.persistOnMouseoverSelector).live('mouseover', function () {
canHide = false;
});
$controlPanel.find(opts.persistOnWaitForChangeSelector).live('click', function () {
forceShow = true;
canHide = false;
setTimeout(function () {
$(document).one("click", function() {
forceShow = false;
canHide = true;
});
}, 0);
});
$controlPanel.find(opts.persistOnFocusSelector).live('focus', function () {
canHide = false;
});
});
};
$.fn.dnnControlPanel.defaultOptions = {
wrappingHtml: '
