var Utils = {
 
    // id = the tab to display
    // tabs = array with all the tabs
    // extraClass = to add to the active tab
 
    showHideTabs : function (id, tabs,extraClass) {
 
        //Make all the tabs nonactive
 
        for (var i = 0; i < tabs.length; i++) {
            if (document.getElementById(tabs[i] + "Area") != null) {
                document.getElementById(tabs[i] + "Area").className = "none";
                document.getElementById(tabs[i] + "Button").className = "";
            }
 
        }
 
        if (extraClass != null && extraClass != "") {
            document.getElementById(id + "Area").className = "block " + extraClass;
 
        } else {
            document.getElementById(id + "Area").className = "block";
        }
 
        document.getElementById(id + "Button").className = "active";
 
    },
 
    changeLocale : function (id) {
 
        var value = document.getElementById(id).value;
        if (value != "select") {
            window.location = value;
        }
 
    },
 
    navTimeout : null,
 
    sfHide : function() {
 
        this.removeClass("sfhover").removeClass("active");
 
    },
 
    sfHover : function() {
 
        if (Browser.Engine.trident && Browser.Engine.version < 5 ) {
 
            var sfEls = $$('#nav_primary li');
 
            var sfTimer;  
 
            sfEls.each( function(item) {
 
                item.addEvents({
 
                    'mouseenter' : function(e) {
 
                        item.addClass("sfhover").addClass("active");
 
                    },
 
                    'mouseleave' : function(event) {
 
                        item.removeClass("sfhover").removeClass("active");
                        event.stopPropagation();
                    }
 
                });
 
 
                var ulElm = undefined;
 
                if (item.getChildren('ul').length > 0) {
 
                    ulElm = item.getChildren('ul')[0];
 
                    ulElm.addEvents( {
 
                        'mouseover' : function(event) {
 
                            sfTimer= $clear(sfTimer);
 
                            item.addClass("sfhover").addClass("active");
 
                            sfTimer = Utils.sfHide.delay(3000,item);
 
 
 
                        }
 
                    });
 
                }
 
            });
            
        } 
 
    },
 
    /*highlightNavParent : function () {
        $$('#nav_primary li ul').each(function(item) {
            item.addEvents({
                'mouseover': function() {
                    if (Utils.navTimeout) $clear(Utils.navTimeout);
                    this.getParent().addClass("active");
                }.bind(item),
                'mouseout' : function() {
                    Utils.navTimeout = Utils.highlightTimeout.delay(2000, item);
                }.bind(item)
            });
        });
    },
 
 
    highlightTimeout : function() {
        this.getParent().removeClass("sfhover").removeClass("active");
        Utils.navTimeout = null;
        if (Browser.Engine.trident4 && $("region-ie6")) $("region-ie6").setStyle("visibility", "visible");
    },*/
 
    heightHackShonk : function (className) {
 
        var shonkArray = $$("a."+className)
 
        for ( var i = 0 ; i < shonkArray.length ; i++ ) {
 
            var thisElm = shonkArray[i];
            var previousElm = thisElm.getPrevious();
 
            thisElm.setStyle('top', previousElm.getStyle('height').toInt()-25 );
            thisElm.setStyle('display', 'inline' );            
 
        }
 
 
    },
 
    submitHelpForm : function (form) {
        var selectHelpForm = $(form);
        var helpTopic = $('helpTopic');
        var value = helpTopic.options[helpTopic.options.selectedIndex].value;
        if (value.length > 0) {
            selectHelpForm.action = value;
            selectHelpForm.submit();
        }
        return false;
        
    },
 
    tabNavFix : function () {
 
        var navElms = $$('li.tabNavElm');
 
        for ( var i = 0 ; i < navElms.length ; i++ ) {
 
            navElms[i].addEvents({
 
                'mouseover': function() {
 
                    if ( Browser.Engine.trident && Browser.Engine.version == 4 ) {
 
                        this.setStyles({
                            background: 'url( ../images/productnavbar-left.gif) no-repeat top left transparent'
                        });
 
                        this.getChildren('a').setStyles({
                            background: 'url(../images/productnavbar-right.gif) no-repeat top right transparent'
                        })
 
                    }
 
 
                },
 
                'mouseout' : function() {
 
                    if ( !this.hasClass("active")) {
 
                        if ( Browser.Engine.trident && Browser.Engine.version == 4 ) {
 
                            this.setStyles({
 
                                background: 'url(../images/productnavbar-leftInactive.gif) no-repeat top left transparent'
                            });
 
                            this.getChildren('a').setStyles({
                                background: 'url(../images/productnavbar-rightInactive.gif) no-repeat top right transparent'
                            })
 
                        }
 
                    }
                },
 
                'click' : function(event) {
 
                    event.stop();
 
                    if ( typeof inlineTabArray != 'undefined'  ) {
 
                        var tabArray = inlineTabArray;
                        var tabElm = this.getChildren('a')[0].getProperty('id');
 
                        if ( Browser.Engine.trident && Browser.Engine.version == 4 ) {
 
                            for ( var j = 0 ; j < tabArray.length ; j++ ) {
 
                                $(tabArray[j]).setStyles({
                                    background: 'none'
                                });
 
                                $(tabArray[j]).getParent().setStyles({
                                    background: 'none'
                                });
                            }
 
 
                            $(tabElm).getParent().setStyles({
                                background: 'url( ../images/productnavbar-left.gif) no-repeat top left transparent'
                            });
 
 
                            $(tabElm).setStyles({
                                background: 'url(../images/productnavbar-right.gif) no-repeat top right transparent'
                            });
 
                        }
 
 
                        Utils.showHideTabs( tabElm, tabArray ,'tabArea');
 
                    }
 
                }
 
            });
 
        }
 
    }
 
};