// ----------------------------------------------------------------------------------------------------
// Correctly handle PNG transparency in Win IE 5.5 & 6. http: //homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
//var arVersion = navigator.appVersion.split("MSIE")
//var version = parseFloat(arVersion[1])

//if (((version >= 5.5) && (version <= 7)) && (document.body.filters)) {
//    for (var i = 0; i < document.images.length; i++) {
//        var img = document.images[i]
//        var imgName = img.src.toUpperCase()
//        if (imgName.substring(imgName.length - 3, imgName.length) == "PNG") {
//            var imgID = (img.id) ? "id='" + img.id + "' " : ""
//            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
//            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
//            var imgStyle = "display:inline-block;" + img.style.cssText
//            if (img.align == "left") imgStyle = "float:left;" + imgStyle
//            if (img.align == "right") imgStyle = "float:right;" + imgStyle
//            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
//            var strNewHTML = "<span " + imgID + imgClass + imgTitle
//         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
//         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
//         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
//            img.outerHTML = strNewHTML
//            i = i - 1
//        }
//    }
//}

// ----------------------------------------------------------------------------------------------------
// MENU SLIDER
// ----------------------------------------------------------------------------------------------------
var menuSlider = function() {
    var timeout = 500;
    var closetimer = 0;
    var ddmenuitem = 0;
    var m, e, g, q, i, u; e = []; q = 8; i = 8;
    return {

        init: function(j, k) {
            m = document.getElementById(j); e = m.getElementsByTagName('li');
            //Only make the slider visible if the menu has the focus
            menuSlider.slideonmouseout(document.getElementById(k))
            m.onmouseover = function() { menuSlider.slideonmouseover(document.getElementById(k)); };
            m.onmouseout = function() { menuSlider.slideonmouseout(document.getElementById(k)); };

            var i, l, w, p; i = 0; l = e.length;
            for (i; i < l; i++) {
                var c, v; c = e[i]; v = c.value; if (i == 0) { w = c.offsetWidth; p = c.offsetLeft }
                // Find the Menu Item and add mouseover and mouseout events to the <a>
                var d = c.getElementsByTagName('a');
                for (j = 0; j < d.length; j++) {
                    if (d[j].parentNode.nodeName == 'LI') {
                        d[j].onmouseover = function() { menuSlider.mo(this); window.status = ' '; return true; };
                        d[j].onmouseout = function() { menuSlider.mclosetime(); };
                        break;
                    }
                }

                // Find all the subitems for this menu item and add the events
                d = c.getElementsByTagName('div');
                for (j = 0; j < d.length; j++) {
                    d[j].onmouseover = function() { menuSlider.mcancelclosetime(); };
                    d[j].onmouseout = function() { menuSlider.mclosetime(); };
                }
            }
            g = document.getElementById(k); g.style.width = w + 'px'; g.style.left = p + 'px';

        },

        mo: function(d) {
            u = d.id;
            clearInterval(m.tm);
            var el, ew; el = parseInt(d.parentNode.offsetLeft); ew = parseInt(d.offsetWidth);
            m.tm = setInterval(function() { menuSlider.mv(el, ew) }, i);
        },

        mv: function(el, ew) {
            var l, w; l = parseInt(g.offsetLeft); w = parseInt(g.offsetWidth);
            if (l != el || w != ew) {
                if (l != el) { var ld, lr, li; ld = (l > el) ? -1 : 1; lr = Math.abs(el - l); li = (lr < q) ? ld * lr : ld * q; g.style.left = (l + li) + 'px' }
                if (w != ew) { var wd, wr, wi; wd = (w > ew) ? -1 : 1; wr = Math.abs(ew - w); wi = (wr < q) ? wd * wr : wd * q; g.style.width = (w + wi) + 'px' }
            } else { clearInterval(m.tm); menuSlider.mopen('s' + u); }
        },

        mopen: function(id) {
            menuSlider.mcancelclosetime();

            if (ddmenuitem) {
                ddmenuitem.style.visibility = 'hidden';
                ddmenuitem.style.display = 'none'
            }

            try {
                ddmenuitem = document.getElementById(id);
                ddmenuitem.style.visibility = 'visible';
                ddmenuitem.style.display = 'block'
            }
            catch (err) { }
        },

        mcancelclosetime: function() {
            if (closetimer) {
                window.clearTimeout(closetimer);
                closetimer = null;
            }
        },

        mclose: function() {
            if (ddmenuitem) {
                ddmenuitem.style.visibility = 'hidden';
                ddmenuitem.style.display = 'none'
            }
        },

        mclosetime: function() {
            closetimer = window.setTimeout(menuSlider.mclose, timeout);
        },

        slideonmouseout: function(slide) {
            slide.style.visibility = 'hidden';
            slide.style.display = 'none'
        },

        slideonmouseover: function(slide) {
            slide.style.visibility = 'visible';
            slide.style.display = 'block'
        }

    };
} ();
// ----------------------------------------------------------------------------------------------------