|
@@ -19,13 +19,123 @@ $(document).ready(function() {
|
|
|
break;
|
|
|
}
|
|
|
|
|
|
- $('body').css('margin-top', '23px');
|
|
|
+ $('body').css('margin-top', '20px');
|
|
|
|
|
|
- // Build menu
|
|
|
- $('#simplemenu').append(simplemenu);
|
|
|
- $('#simplemenu li').hover(function() {
|
|
|
- $('ul', this).slideDown(200);
|
|
|
- }, function() {});
|
|
|
- $('#simplemenu a').title('');
|
|
|
- $('#simplemenu').children('li.expanded').addClass('root');
|
|
|
-});
|
|
|
+ // Build menu
|
|
|
+ $('#simplemenu').append(simplemenu).children('li.expanded').addClass('root').superfish({
|
|
|
+ animation : { opacity:"show", delay: 750 }
|
|
|
+ })
|
|
|
+ .find(">li[ul]")
|
|
|
+ .mouseover(function(){
|
|
|
+ $("ul", this).bgIframe({opacity:false});
|
|
|
+ })
|
|
|
+ .find("a")
|
|
|
+ .focus(function(){
|
|
|
+ $("ul", $("#simplemenu>li[ul]")).bgIframe({opacity:false});
|
|
|
+ });
|
|
|
+});
|
|
|
+
|
|
|
+/*
|
|
|
+ * Superfish - jQuery menu widget
|
|
|
+ *
|
|
|
+ * Copyright (c) 2007 Joel Birch
|
|
|
+ *
|
|
|
+ * Dual licensed under the MIT and GPL licenses:
|
|
|
+ * http://www.opensource.org/licenses/mit-license.php
|
|
|
+ * http://www.gnu.org/licenses/gpl.html
|
|
|
+ *
|
|
|
+ * Last updated: 18/3/07 to remove iframes on 'out'
|
|
|
+ */
|
|
|
+
|
|
|
+(function($){
|
|
|
+ $.fn.superfish = function(o){
|
|
|
+ var defaults = {
|
|
|
+ hoverClass : "sfHover",
|
|
|
+ delay : 500,
|
|
|
+ animation : {opacity:"show"},
|
|
|
+ speed : "normal"
|
|
|
+ },
|
|
|
+ over = function(){
|
|
|
+ var $$ = $(this);
|
|
|
+ clearTimeout(this.sfTimer);
|
|
|
+ if (!$$.is("."+o.hoverClass)) {
|
|
|
+ $$.addClass(o.hoverClass)
|
|
|
+ .find("ul")
|
|
|
+ .animate(o.animation,o.speed)
|
|
|
+ .end()
|
|
|
+ .siblings()
|
|
|
+ .removeClass(o.hoverClass);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ out = function(){
|
|
|
+ var $$ = $(this);
|
|
|
+ this.sfTimer=setTimeout(function(){
|
|
|
+ $$.removeClass(o.hoverClass)
|
|
|
+ .find("iframe", this)
|
|
|
+ .remove();
|
|
|
+ },o.delay);
|
|
|
+ };
|
|
|
+ o = $.extend(defaults, o || {});
|
|
|
+ var sfHovAr=$("li",this)
|
|
|
+ .hover(over,out)
|
|
|
+ .find("a").each(function() {
|
|
|
+ var $a = $(this), $li = $a.parents("li");
|
|
|
+ $a.focus(function(){ $li.each(over); })
|
|
|
+ .blur(function(){ $li.each(out); });
|
|
|
+ }).end();
|
|
|
+ $(window).unload(function() {
|
|
|
+ sfHovAr.unbind("mouseover").unbind("mouseout");
|
|
|
+ });
|
|
|
+ return this;
|
|
|
+ };
|
|
|
+})(jQuery);
|
|
|
+
|
|
|
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
|
|
|
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
|
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
|
|
+ *
|
|
|
+ * $LastChangedDate: 2007-03-07 15:07:51 -0600 (Wed, 07 Mar 2007) $
|
|
|
+ * $Rev: 1505 $
|
|
|
+ */
|
|
|
+
|
|
|
+/**
|
|
|
+ * The bgiframe is chainable and applies the iframe hack to get
|
|
|
+ * around zIndex issues in IE6. It will only apply itself in IE
|
|
|
+ * and adds a class to the iframe called 'bgiframe'.
|
|
|
+ *
|
|
|
+ * It does take borders into consideration but all values
|
|
|
+ * need to be in pixels and the element needs to have
|
|
|
+ * position relative or absolute.
|
|
|
+ *
|
|
|
+ * NOTICE: This plugin uses CSS expersions in order to work
|
|
|
+ * with an element's borders, height and with and can result in poor
|
|
|
+ * performance when used on an element that changes properties
|
|
|
+ * like size and position a lot. Two of these expressions can be
|
|
|
+ * removed if border doesn't matter and performance does.
|
|
|
+ * See lines 39 and 40 below and set top: 0 and left: 0
|
|
|
+ * instead of their current values.
|
|
|
+ *
|
|
|
+ * @example $('div').bgiframe();
|
|
|
+ * @before <div><p>Paragraph</p></div>
|
|
|
+ * @result <div><iframe class="bgiframe".../><p>Paragraph</p></div>
|
|
|
+ *
|
|
|
+ * @name bgiframe
|
|
|
+ * @type jQuery
|
|
|
+ * @cat Plugins/bgiframe
|
|
|
+ * @author Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
|
|
|
+ */
|
|
|
+jQuery.fn.bgIframe = jQuery.fn.bgiframe = function() {
|
|
|
+ // This is only for IE6
|
|
|
+ if ( !(jQuery.browser.msie && typeof XMLHttpRequest == 'function') ) return this;
|
|
|
+ var html = '<iframe class="bgiframe" src="javascript:;" tabindex="-1" '
|
|
|
+ +'style="display:block; position:absolute; '
|
|
|
+ +'top: expression(((parseInt(this.parentNode.currentStyle.borderTopWidth) || 0) * -1) + \'px\'); '
|
|
|
+ +'left:expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth) || 0) * -1) + \'px\'); '
|
|
|
+ +'z-index:-1; filter:Alpha(Opacity=\'0\'); '
|
|
|
+ +'width:expression(this.parentNode.offsetWidth + \'px\'); '
|
|
|
+ +'height:expression(this.parentNode.offsetHeight + \'px\')"/>';
|
|
|
+ return this.each(function() {
|
|
|
+ if ( !jQuery('iframe.bgiframe', this)[0] )
|
|
|
+ this.insertBefore( document.createElement(html), this.firstChild );
|
|
|
+ });
|
|
|
+};
|