(function($) { $.fn.jixedbar = function(i) { var j = { constOverflow: "hidden", constBottom: "0px" }; var k = { hoverOpaque: false, hoverOpaqueEffect: { enter: { speed: "fast", opacity: 1.0 }, leave: { speed: "fast", opacity: 0.80} }, roundedCorners: false, roundedButtons: true }; var i = $.extend(k, i); var l = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1); this.each(function() { var d = $(this); var f = jQuery(this); var g = f.width(); var h = (g / 2) * (1); if ($.browser.msie && l) { $("html").css({ "overflow": "hidden", "height": "100%" }); $("body").css({ "margin": "0px", "overflow": "auto", "height": "100%" }) } else { $("html").css({ "height": "100%" }); $("body").css({ "margin": "0px", "height": "100%" }) } if ($.browser.msie && l) { pos = "absolute" } else { pos = "fixed" } $(this).css({ "overflow": j['constOverflow'], "position": pos, "bottom": j['constBottom'] }); $(this).addClass("jx-bar"); if (k.roundedCorners) { $(this).addClass("jx-bar-rounded-tl jx-bar-rounded-tr") } $(this).addClass("jx-bar-button"); if (k.roundedButtons) { $(this).addClass("jx-bar-button-rounded") } marginLeft = h - ($(this).width() / 2); $(this).css({ 'margin-left': marginLeft }); $("img", d).css({ "vertical-align": "bottom", "border": "#ffffff solid 0px" }); $(this).find("img").each(function() { altName = "&nbsp;" + $(this).attr('alt'); $(this).parent().append(altName) }); if (k.hoverOpaque) { $(this).fadeTo(k.hoverOpaqueEffect['leave']['speed'], k.hoverOpaqueEffect['leave']['opacity']); $(this).bind("mouseenter", function(e) { $(this).fadeTo(k.hoverOpaqueEffect['enter']['speed'], k.hoverOpaqueEffect['enter']['opacity']) }); $(this).bind("mouseleave", function(e) { $(this).fadeTo(k.hoverOpaqueEffect['leave']['speed'], k.hoverOpaqueEffect['leave']['opacity']) }) } $("<div />").attr("id", "__jx_tooltip_con__").appendTo("body"); $("#__jx_tooltip_con__").css({ "height": "auto", "margin-bottom": $(this).height() + 6, "margin-left": "0px", "width": "100%", "overflow": j['constOverflow'], "position": pos, "z-index": "100000", "bottom": j['constBottom'] }); $("li", d).hover(function() { var a = $(this).attr('id'); var b = a + "__tooltip__"; var c = $(this).attr('title'); if (c == '') { c = $(this).attr('alt').replace("[", "<").replace("]", ">") } if (c != '') { barTooltipWrapperID = b + '_wrapper'; $("<div />").attr("id", barTooltipWrapperID).appendTo("#__jx_tooltip_con__"); $("<div />").attr("id", b).appendTo("#" + barTooltipWrapperID); $("#" + b).css({ "float": "left", "display": "none" }); $("#" + b).addClass("jx-bar-button-tooltip"); $("#" + b).html(c); $("#" + barTooltipWrapperID).css({ "margin-left": ($(this).offset().left - ($("#" + b).width() / 2)) + ($(this).width() / 2) }); $("#" + b).show() } }, function() { var a = $(this).attr('id'); var b = a + "__tooltip__"; var c = b + '_wrapper'; $("#" + b).remove(); $("#" + c).remove() }); if ($.browser.msie && l) { $(this).find('li').each(function() { $(this).find('img').each(function() { imgPath = $(this).attr("src"); altName = $(this).attr("alt"); srcText = $(this).parent().html(); $(this).parent().html('<span style="cursor:pointer;display:inline-block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + imgPath + '\');">' + srcText + '</span>' + altName) }); $(this).find('img').each(function() { $(this).attr("style", "filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);") }) }) } $(window).resize(function() { var a = jQuery(this); var b = a.width(); var c = (b / 2) * (1); marginLeft = c - ($(d).width() / 2); $(d).css({ 'margin-left': marginLeft }) }) }); return this } })(jQuery);