// ISSUES
// 
// If you run into a problem where you can not click on a link or an input
// that is within a div with a png background, then create a nested div with
// the position style set to reltive (tested) or absolute (not tested)



var bgsleight = function() {

    function addLoadEvent(func) {
        var oldonload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        } else {
            window.onload = function() {
                if (oldonload) {
                    oldonload();
                }
                func();
            }
        }
    }

    function fnLoadPngs() {
        var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
        var ieVersion = Number(rslt[1]);
        var itsAllGood = (rslt != null && (ieVersion >= 5.5) && (ieVersion < 7.0));
        // do the images		
        for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--) {

            if (itsAllGood && img.src.match(/\.png$/i) != null) {
                fnFixPng(img);
                img.attachEvent("onpropertychange", fnPropertyChanged);
            }

            // img.style.visibility = "visible";
        }

        // do the inputs
        var nl = document.getElementsByTagName("INPUT");

        for (var i = nl.length - 1, e = null; (e = nl[i]); i--) {

            if (e.className && e.className.match(/\bimage\b/i) != null) {
                if (e.src.match(/\.png$/i) != null) {
                    fnFixPng(e);
                    e.attachEvent("onpropertychange", fnPropertyChanged);
                }
                // e.style.visibility = "visible";

            } else if (e.type && e.type.match(/\bimage\b/i) != null) {
                if (e.src && (e.src.match(/\.png$/i) != null)) {
                    fnFixPng(e);
                    e.attachEvent("onpropertychange", fnPropertyChanged);
                }
                // e.style.visibility = "visible";		    
            }
        }

        // do the backgrounds
        for (var i = document.all.length - 1, obj = null; (obj = document.all[i]); i--) {
            if (itsAllGood && obj.currentStyle.backgroundImage.match(/\.png/i) != null) {
                fnFixBackgroundPng(obj);
                obj.attachEvent("onpropertychange", fnPropertyChanged);
            }
        }
    }

    function fnPropertyChanged() {
        if (window.event.propertyName == "style.backgroundImage") {
            var el = window.event.srcElement;
            if (!el.currentStyle.backgroundImage.match(/spacer\.gif/i)) {
                var bg = el.currentStyle.backgroundImage;
                var src = bg.substring(5, bg.length - 2);
                if (el.filters.item(0)) {
                    el.filters.item(0).src = src;
                }
                el.style.backgroundImage = "url(images/spacer.gif)";
            }
        } else if (window.event.propertyName == "src") {

            var el = window.event.srcElement;

            if (!el.src.match(/spacer\.gif$/i)) {
                if (el.filters.item(0)) {
                    el.filters.item(0).src = el.src;
                }

                el.src = "images/spacer.gif";
            }
        }
    }

    function fnFixPng(img) {

        var src = img.src;
        img.style.width = img.width + "px";
        img.style.height = img.height + "px";

        if (img.id.indexOf('__') == 0) {
            var myArray = img.id.split("__");
            img.style.width = myArray[1] + "px";
            img.style.height = myArray[1] + "px";
        }

        img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"
        img.src = "images/spacer.gif";
    }

    function fnFixBackgroundPng(obj) {
        var bg = obj.currentStyle.backgroundImage;
        var src = bg.substring(5, bg.length - 2);
        obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";
        obj.style.backgroundImage = "url(images/spacer.gif)";
    }

    return {
        init: function() {
            if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
                addLoadEvent(fnLoadPngs);
            }
        }
    }

} ();

bgsleight.init();