function TSFlyouts() {
    // Manages all public flyout snippets

    function TStorage() {
        // Holds the indivual flyout snippets
        this.namedItems = [];
        this.items = [];

        this.addItem = function (name, item) {
            this.namedItems[name] = item;
            this.items.push(item);
        }

        this.getItem = function (name) {
            if (typeof(name) == "string") return this.namedItems[name];
            else return this.items[name];
        }

        this.length = function () {
            return this.items.length;
        }
    } // TSFlyouts.TStorage END

    function TSnippet() {
        // The implementation of a flyout snippet
        this.instanceName = ""; // Unique identifier
        this.triggerId = null;
        this.fadeOut = false;
        this.verticalPlacement = 0;
        this.horizontalPlacement = 0;
        this.flyoutId = "";
        this.imgSrcI = "";
        this.imgSrcA = "";
        this.imgSrcH = "";
        this.clickHandler = null;
        this.active = false;
        this.hiddenElements = [];	// if IE6- then this array will hold all SELECTS that intersects with the flyouts bounding box
        this.element2beFocused = null;

        this.show = function (o) {
            // Displays the snippet
            var inst = null;
            for (var i = 0; i < tsFlyouts.storage.length(); i++) {
                inst = tsFlyouts.storage.getItem(i);
                if (inst.instanceName != this.instanceName) inst.hide(document.getElementById(inst.flyoutId));
            }
            this.active = true;
            var trigger = document.getElementById(this.triggerId);
            var point = this.getPos(trigger);
            var posX = point[0];
            var posY = point[1];

            if (this.verticalPlacement == 0) posY -= o.offsetHeight;
            else posY += trigger.offsetHeight;

            if (this.horizontalPlacement == 0) {
                posX += trigger.offsetWidth;
                posX -= o.offsetWidth;
            }
            o.style.top = posY;
            o.style.left = posX;

            if (document.all) { // Expand check to IE6-
                // hide covered selects
                var point = this.getPos(o);
                var coveredArea = [point[0], point[1], o.clientWidth, o.clientHeight];
                var combolist = document.getElementsByTagName("SELECT");
                if (combolist.length > 0) {
                    for (var i = 0; i < combolist.length; i++) {
                        var cmb = combolist[i];
                        point = this.getPos(cmb);
                        var cArea = [point[0],point[1],cmb.clientWidth,cmb.clientHeight];
                        if (this.intersects(coveredArea, cArea)) {
                            if ((cmb.style.display.toLowerCase() != "none") && (cmb.style.visibility.toLowerCase() != "hidden")) {
                                this.hiddenElements.push(cmb);
                                cmb.style.visibility = "hidden";
                            }
                        }
                    }
                }
            }

            var img = trigger.childNodes[0];
            img.src = this.imgSrcA;
            img.onmouseover = function () {
            };
            img.onmouseout = function () {
            };

            if (this.clickHandler == null) {
                // Add popdown handlers
                this.clickHandler = "tsFlyouts.popDown('" + this.instanceName + "')";

                if (/Safari/.test(navigator.userAgent)) {
                    tsCompat.addEvent(document.body, "onclick", function () {
                        eval(clickHandler)
                    });
                    trigger.onclick = function () {
                    };
                    var tmp = "tsFlyouts.fly(\'trigger\',event); if(window.event) {window.event.cancelBubble=true;} else {e.stopPropagation();}";
                    tsCompat.addEvent(trigger, "onclick", function () {
                        eval(tmp)
                    });
                } else {
                    if (/Mozilla\/5\.0/.test(navigator.userAgent)) tsCompat.addEvent(window, "onclick", function () {
                        eval(clickHandler)
                    });
                    else tsCompat.addEvent(document.body, "onclick", function () {
                        eval(clickHandler)
                    });
                }

                tsCompat.addEvent(o, "onclick", function (e) {
                    eval("if(window.event) {window.event.cancelBubble=true;} else {e.stopPropagation();}")
                });
                var clickHandler = this.clickHandler;
            }
            if (o.filters)
            if (o.filters[0]) {
                o.filters[0].enabled = true;
                o.filters[0].apply();
            }
            o.style.visibility = "visible";
            if (o.filters)
            if (o.filters[0])
                o.filters[0].play();
            var coll = o.getElementsByTagName("INPUT");
            if (coll.length > 0) {
                if (o.filters) {
                    if (o.filters[0]) {
                        for (var i = 0; i < coll.length; i++)
                        {
                            if (coll[i].type != 'hidden')
                            {
                                this.element2beFocused = coll[i];
                                window.setTimeout("tsFlyouts.focusElement('" + this.instanceName + "')", 1000);
                                break;
                            }
                        }
                    } else {
                        for (var i = 0; i < coll.length; i++)
                        {
                            if (coll[i].type != 'hidden')
                            {
                                coll[i].focus();
                                break;
                            }
                        }
                    }
                } else {
                    for (var i = 0; i < coll.length; i++)
                    {
                        if (coll[i].type != 'hidden')
                        {
                            coll[i].focus();
                            break;
                        }
                    }
                }
            }
        }

        this.hide = function (o) {
            // Hides the visible snippet
            this.active = false;
            var img = document.getElementById(this.triggerId).childNodes[0];
            if (this.fadeOut && o.filters)
            if (o.filters[0])
                o.filters[0].apply();
            o.style.visibility = "hidden";
            if (this.fadeOut && o.filters)
            if (o.filters[0])
                o.filters[0].play();
            img.src = this.imgSrcI;
            var func1 = "this.src = \'" + this.imgSrcH + "\';";
            img.onmouseover = function () {
                eval(func1)
            };
            var func2 = "this.src = \'" + this.imgSrcI + "\';";
            img.onmouseout = function () {
                eval(func2)
            };
            if (this.hiddenElements.length > 0) {
                // Show previously hidden selects
                if (o.filters)
                if (o.filters[0])
                    window.setTimeout("tsFlyouts.showSelects('" + this.instanceName + "')", o.filters[0].duration * 1000);
            }
        }

        this.getPos = function (elm) {
            // Gets the absolute position of the element as a point array [x,y]
            if (!elm) return [-1,-1];
            var l = elm.offsetLeft;
            var t = elm.offsetTop;
            var tmp = elm.offsetParent;
            //while (tmp != null && tmp != document.body) {
            while (tmp != null) {
                l += tmp.offsetLeft;
                t += tmp.offsetTop;
                tmp = tmp.offsetParent;
            }
            if (!document.all) l -= 2;
            return [l, t];
        }

        this.intersects = function (r1, r2) {
            // Test the rects for overlap

            // get the radi of each rect
            var width1 = parseInt(r1[2] / 2);
            var height1 = parseInt(r1[3] / 2);
            var width2 = parseInt(r2[2] / 2);
            var height2 = parseInt(r2[3] / 2);

            // compute center of each rect
            var cx1 = r1[0] + width1;
            var cy1 = r1[1] + height1;
            var cx2 = r2[0] + width2;
            var cy2 = r2[1] + height2;

            // compute deltas
            var dx = Math.abs(cx2 - cx1);
            var dy = Math.abs(cy2 - cy1);

            // test if rects overlap
            if (dx < (width1 + width2) && dy < (height1 + height2)) return true;
            else return false;
        }
    } // TSFlyouts.TSnippet END

    this.storage = new TStorage();

    this.getInstance = function (instanceName) {
        if (this.storage.getItem(instanceName) == null) this.storage.addItem(instanceName, new TSnippet());
        return this.storage.getItem(instanceName);
    }

    this.addInstance = function (instanceName, triggerId, fadeOut, verticalPlacement, horizontalPlacement, flyoutId, imgSrcI, imgSrcA, imgSrcH) {
        var instance = this.getInstance(instanceName);
        instance.instanceName = instanceName;
        instance.triggerId = triggerId;
        instance.fadeOut = (fadeOut == 1);
        instance.verticalPlacement = verticalPlacement;
        instance.horizontalPlacement = horizontalPlacement;
        instance.flyoutId = flyoutId;
        instance.imgSrcI = imgSrcI;
        instance.imgSrcA = imgSrcA;
        instance.imgSrcH = imgSrcH;
        return instance;
    }

    this.fly = function (instanceName, e) {
        // Generic flyhandler, either shows or hides the snippet
        if (!e && window.event)
            e = window.event;
        var instance = tsFlyouts.getInstance(instanceName);
        var flyout = document.getElementById(instance.flyoutId);
        if ((flyout.style.visibility == "visible") || (instance.active == true)) instance.hide(flyout);
        else instance.show(flyout);
        if (e.stopPropagation) e.stopPropagation();
        if (window.event) e.cancelBubble = true;
        return false;
    }

    this.popDown = function (instanceName) {
        var instance = tsFlyouts.getInstance(instanceName);
        var flyout = document.getElementById(instance.flyoutId);
        instance.hide(flyout);
    }

    this.showSelects = function (instanceName) {
        // Iterates the hidden selects and redisplays them
        var instance = tsFlyouts.getInstance(instanceName);
        var flyout = document.getElementById(instance.flyoutId);
        while (instance.hiddenElements.length > 0) {
            var e = instance.hiddenElements.pop();
            e.style.visibility = "visible";
        }
    }

    this.focusElement = function (instanceName) {
        var instance = tsFlyouts.getInstance(instanceName);
        if (instance.element2beFocused) instance.element2beFocused.focus();
    }

    this.getParentForm = function (elm) {
        var pN = elm.parentNode;
        while (pN != null && pN.tagName.toLowerCase() != "form")
        {
            pN = pN.parentNode;
        }
        return pN;
    }

} // TSFlyouts END

function TSSlideShows() {

    function TStorage() {
        this.namedItems = [];
        this.items = [];

        this.addItem = function (name, item) {
            this.namedItems[name] = item;
            this.items.push(item);
        }

        this.getItem = function (name) {
            if (typeof(name) == "string") return this.namedItems[name];
            else return this.items[name];
        }

        this.length = function () {
            return this.items.length;
        }
    } // TSSlideShows.TStorage END

    function TSlideShow() {
        this.position = 1;
        this.timeout = 1000;
        this.fadeOut = false;
        this.instanceName = "";
        this.init = function () {
            var s = "slideShows_nextSlide('" + this.instanceName + "')";
            window.setTimeout(s, this.timeout);
        }

        this.nextSlide = function () {
            var curI = document.getElementById(this.instanceName + this.position);
            if (this.fadeOut && curI.filters)
            if (curI.filters[0])
                curI.filters[0].apply();
            curI.style.visibility = "hidden";
            if (this.fadeOut && curI.filters)
            if (curI.filters[0])
                curI.filters[0].play();

            var nextI = document.getElementById(this.instanceName + (this.position + 1));
            if (nextI == null) {
                this.position = 1;
                nextI = document.getElementById(this.instanceName + this.position);
            } else this.position += 1;
            if (nextI.filters)
            if (nextI.filters[0])
                nextI.filters[0].apply();
            nextI.style.visibility = "visible";
            if (nextI.filters)
            if (nextI.filters[0])
                nextI.filters[0].play();
            var s = "slideShows_nextSlide('" + this.instanceName + "')";
            window.setTimeout(s, this.timeout);
        }

    } // TSSlideShows.TSlideShow END

    this.storage = new TStorage();

    this.getInstance = function (instanceName) {
        if (this.storage.getItem(instanceName) == null) this.storage.addItem(instanceName, new TSlideShow());
        return this.storage.getItem(instanceName);
    }

    this.addInstance = function (instanceName, timeout, fadeOut) {
        var instance = this.getInstance(instanceName);
        instance.instanceName = instanceName;
        instance.timeout = timeout;
        instance.fadeOut = fadeOut;
        instance.init();
        return instance;
    }

} // TSSlideShows END

function slideShows_nextSlide(instanceName) {
    tsSlideShows.getInstance(instanceName).nextSlide();
}

tsFlyouts = new TSFlyouts();
tsSlideShows = new TSSlideShows();