if (typeof (MooTools) != 'undefined') {

    var subnav = new Array();

    Element.extend(
		{
		    hide: function(timeout) {
		        this.status = 'hide';
		        clearTimeout(this.timeout);
		        if (timeout) {
		            this.timeout = setTimeout(this.anim.bind(this), timeout);
		        } else {
		            this.anim();
		        }
		    },

		    show: function(timeout) {
		        this.status = 'show';
		        clearTimeout(this.timeout);
		        if (timeout) {
		            this.timeout = setTimeout(this.anim.bind(this), timeout);
		        } else {
		            this.anim();
		        }
		    },

		    setActive: function() {
		        //this.addClass(classname);
		        this.className += 'sfhover';
		        /*
		        for(var i=0;i<this.childNodes.length; i++) {
		        if(this.childNodes[i].nodeName.toLowerCase() == 'a') {
		        //$(this.childNodes[i]).addClass(classname);
		        $(this.childNodes[i]).setActive();
		        return;
		        }
		        }
		        */
		    },

		    setDeactive: function() {
		        //this.removeClass(classname);
		        this.className = this.className.replace(new RegExp("sfhover\\b"), "");
		        /*
		        for(var i=0;i<this.childNodes.length; i++) {
		        if(this.childNodes[i].nodeName.toLowerCase() == 'a') {
		        $(this.childNodes[i]).setDeactive();
		        return;
		        }
		        }
		        */
		    },

		    anim: function() {
		        if ((this.status == 'hide' && this.style.left != 'auto') || (this.status == 'show' && this.style.left == 'auto' && !this.hidding)) return;
		        this.setStyle('overflow', 'hidden');
		        if (this.status == 'show') {
		            this.hidding = 0;
		            this.hideAll();
		            //this.parentNode.setActive();
		        } else {
		            //this.parentNode.setDeactive();
		        }

		        if (this.status == 'hide') {
		            this.hidding = 1;
		            //this.myFx1.stop();
		            this.myFx2.stop();
		            //this.myFx1.start(1,0);
		            if (this.parent._id) this.myFx2.start(this.offsetWidth, 0);
		            else this.myFx2.start(this.offsetHeight, 0);
		        } else {
		            this.setStyle('left', 'auto');
		            //this.myFx1.stop();
		            this.myFx2.stop();
		            //this.myFx1.start(0,1);
		            if (this.parent._id) this.myFx2.start(0, this.mw);
		            else this.myFx2.start(0, this.mh);
		        }
		    },

		    init: function() {
		        this.mw = this.clientWidth;
		        this.mh = this.clientHeight;
		        //this.myFx1 = new Fx.Style(this, 'opacity');
		        //this.myFx1.set(0);
		        if (this.parent._id) {
		            this.myFx2 = new Fx.Style(this, 'width', { duration: 300 });
		            this.myFx2.set(0);
		        } else {
		            this.myFx2 = new Fx.Style(this, 'height', { duration: 300 });
		            this.myFx2.set(0);
		        }
		        this.setStyle('left', '-999em');
		        animComp = function() {
		            if (this.status == 'hide') {
		                this.setStyle('left', '-999em');
		                this.hidding = 0;
		            }
		            this.setStyle('overflow', '');
		        }
		        this.myFx2.addEvent('onComplete', animComp.bind(this));
		    },

		    hideAll: function() {
		        for (var i = 0; i < subnav.length; i++) {
		            if (!this.isChild(subnav[i])) {
		                subnav[i].hide(0);
		            }
		        }
		    },

		    isChild: function(_obj) {
		        obj = this;
		        while (obj.parent) {
		            if (obj._id == _obj._id) {
		                //alert(_obj._id);
		                return true;
		            }
		            obj = obj.parent;
		        }
		        return false;
		    }


		});


    var DropdownMenu = new Class({
        initialize: function(element) {
            //$(element).mh = 0;
            $A($(element).childNodes).each(function(el) {
                if (el.nodeName.toLowerCase() == 'li') {
                    //if($(element)._id) $(element).mh += 30;
                    $A($(el).childNodes).each(function(el2) {
                        if (el2.nodeName.toLowerCase() == 'ul') {
                            $(el2)._id = subnav.length + 1;
                            $(el2).parent = $(element);
                            subnav.push($(el2));
                            el2.init();
                            el.addEvent('mouseenter', function() {
                                el.setActive();
                                el2.show(0);
                                return false;
                            });

                            el.addEvent('mouseleave', function() {
                                el.setDeactive();
                                el2.hide(20);
                            });
                            new DropdownMenu(el2);
                            el.hasSub = 1;
                        }
                    });
                    if (!el.hasSub) {
                        el.addEvent('mouseenter', function() {
                            el.setActive();
                            return false;
                        });

                        el.addEvent('mouseleave', function() {
                            el.setDeactive();
                        });
                    }
                }
            });
            return this;
        }
    });

    window.addEvent('domready', function() { new DropdownMenu($('ja-cssmenu')) });

} else {

    sfHover = function() {
        var sfEls = document.getElementById("ja-cssmenu").getElementsByTagName("li");
        for (var i = 0; i < sfEls.length; ++i) {
            sfEls[i].onmouseover = function() {
                this.className += "sfhover";
            }
            sfEls[i].onmouseout = function() {
                this.className = this.className.replace(new RegExp("sfhover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
}