if (!window.Guidance) {
    Guidance = new Object();
}




/**
* Common
*/
Guidance.Common = function() {


}

Guidance.Common.prototype = {

    myBrowser: function() {
        var userAgent = navigator.userAgent; //È¡µÃä¯ÀÀÆ÷µÄuserAgent×Ö·û´®
        var isOpera = userAgent.indexOf("Opera") > -1; //ÅжÏÊÇ·ñOperaä¯ÀÀÆ÷
        var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //ÅжÏÊÇ·ñIEä¯ÀÀÆ÷ 
        var isFF = userAgent.indexOf("Firefox") > -1; //ÅжÏÊÇ·ñFirefoxä¯ÀÀÆ÷
        var isSafari = userAgent.indexOf("Safari") > -1; //ÅжÏÊÇ·ñSafariä¯ÀÀÆ÷


        if (isIE) { return "IE" } //isIE end

        if (isFF) { return "FF"; }
        if (isOpera) { return "Opera"; }
        if (isSafari) { return "Safari"; }
    },
    get: function(id) {
        return document.getElementById(id);
    },

    getLocation: function(ele) {
        var location = { left: 0, top: 0 };
        var el = ele;
        while (el) {
            location.left += parseInt(el.offsetLeft);
            location.top += parseInt(el.offsetTop);
            el = el.offsetParent;
        }

        return location;
    },

    getBounds: function(ele) {
        var bounds = { width: 0, height: 0 };
        bounds.width = parseInt(ele.offsetWidth);
        bounds.height = parseInt(ele.offsetHeight);

        return bounds;
    },
    getClientBounds: function() {
        /// <summary>
        /// Gets the width and height of the browser client window (excluding scrollbars)
        /// </summary>
        /// <returns type="Sys.UI.Bounds">
        /// Browser's client width and height
        /// </returns>

        var clientWidth;
        var clientHeight;
        var browser = this.myBrowser();
        switch (browser) {
            case "IE":
                clientWidth = document.documentElement.clientWidth;
                clientHeight = document.documentElement.clientHeight;
                break;
            case "Safari":
                clientWidth = window.innerWidth;
                clientHeight = window.innerHeight;
                break;
            case "Opera":
                clientWidth = Math.min(window.innerWidth, document.body.clientWidth);
                clientHeight = Math.min(window.innerHeight, document.body.clientHeight);
                break;
            default:  // Sys.Browser.Firefox, etc.
                clientWidth = Math.min(window.innerWidth, document.documentElement.clientWidth);
                clientHeight = Math.min(window.innerHeight, document.documentElement.clientHeight);
                break;
        }

        var bounds = { width: clientWidth, height: clientHeight };
        return bounds;


    },
    getClientScroll: function() {
        /// <summary>
        /// Get Client ScrollLeft and ScrollTop
        /// </summary>
        var scrollLeft = (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
        var scrollTop = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

        return { left: scrollLeft, top: scrollTop };
    },
    getElementsByClassName: function(ele, className) {
        var eles = [];
        for (var i = 0; i < ele.childNodes.length; i++) {
            if (ele.childNodes[i].className == className) {
                eles.push(ele.childNodes[i]);
            }
        }

        return eles;
    },

    getCurrentStyle: function(element, attribute, defaultValue) {
        var currentValue = null;
        if (element) {
            if (element.currentStyle) {
                currentValue = element.currentStyle[attribute];
            } else if (document.defaultView && document.defaultView.getComputedStyle) {
                var style = document.defaultView.getComputedStyle(element, null);
                if (style) {
                    currentValue = style[attribute];
                }
            }

            if (!currentValue && element.style.getPropertyValue) {
                currentValue = element.style.getPropertyValue(attribute);
            }
            else if (!currentValue && element.style.getAttribute) {
                currentValue = element.style.getAttribute(attribute);
            }
        }

        if ((!currentValue || currentValue == "" || typeof (currentValue) === 'undefined')) {
            if (typeof (defaultValue) != 'undefined') {
                currentValue = defaultValue;
            }
            else {
                currentValue = null;
            }
        }
        return currentValue;
    },

    getElementOpacity: function(element) {
        var hasOpacity = false;
        var opacity;

        if (element.filters) {
            var filters = element.filters;
            if (filters.length !== 0) {
                var alphaFilter = filters['DXImageTransform.Microsoft.Alpha'];
                if (alphaFilter) {
                    opacity = alphaFilter.opacity / 100.0;
                    hasOpacity = true;
                }
            }
        }
        else {
            opacity = this.getCurrentStyle(element, 'opacity', 1);
            hasOpacity = true;
        }

        if (hasOpacity === false) {
            return 1.0;
        }
        return parseFloat(opacity);
    },

    setElementOpacity: function(element, value) {
        if (!element) {
            throw Error.argumentNull('element');
        }

        if (element.filters) {
            var filters = element.filters;
            var createFilter = true;
            if (filters.length !== 0) {
                var alphaFilter = filters['DXImageTransform.Microsoft.Alpha'];
                if (alphaFilter) {
                    createFilter = false;
                    alphaFilter.opacity = value * 100;
                }
            }
            if (createFilter) {
                element.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (value * 100) + ')';
            }
        }
        else {
            element.style.opacity = value;
        }
    },

    addListener: function(element, eventName, handler) {
        if (element.attachEvent) {
            element.attachEvent("on" + eventName, handler);
        }
        else if (element.addEventListener) {
            element.addEventListener(eventName, handler, false);
        }
    },

    createDelegate: function(instance, method, params) {
        if (arguments.length == 2) {
            return function() {
                method.call(instance);
            }
        }
        else if (arguments.length == 3) {
            return function() {
                method.apply(instance, params);
            }
        }
    }
}

$Common = new Guidance.Common();


/**
* NewsManager
*/
Guidance.newsContents = [
    "Lorem ipsum sed porta cursus pede cum sociis natoque penatibus et magnis dis parturient cum sociis natoque.",
    "Lporta cursus pede cum sociis natoque penatibus et magnis dis parturient cum sociis natoque montes.",
    "Lorem ipsum sed porta cursatoque penatibus et magnis dis parturient cum sociis natoque montes.",
    "Lorem ipue penatibus et magnis cum sociis natoque montes.",
    "Lorem ipue penatibus et magnis cum sociis tes."
];


Guidance.News = function() {
    this._news = [
					{ link: "link1", content: Guidance.newsContents[0] },
					{ link: "link2", content: Guidance.newsContents[1] },
					{ link: "link3", content: Guidance.newsContents[2] },
					{ link: "link4", content: Guidance.newsContents[3] },
					{ link: "link5", content: Guidance.newsContents[4] }
				];
    this._content = $Common.get("newsContent");
    this._currentIndex = -1;
    this._interval = 5000;
    this._timer = null;
}

Guidance.News.prototype = {
    focusLink: function(index) {
        for (var i = 0; i < this._news.length; i++) {
            $Common.get(this._news[i].link).style.fontWeight = "normal";
        }
        $Common.get(this._news[index].link).style.fontWeight = "bold";
    },

    change: function(index) {
        if (this._timer) {
            clearTimeout(this._timer);
        }
        this.focusLink(index);
        this._currentIndex = index;
        $Common.setElementOpacity(this._content, 0);
        this._content.innerHTML = this._news[index].content + "<a href='#' target='_self' class='add_js1'>Read More</a>";
        this.onShow();
    },

    autoChange: function() {
        if (this._timer) {
            clearTimeout(this._timer);
        }
        this._currentIndex = this._currentIndex == 4 || this._currentIndex == -1 ? 0 : this._currentIndex + 1;
        this.focusLink(this._currentIndex);
        $Common.setElementOpacity(this._content, 0);
        this._content.innerHTML = this._news[this._currentIndex].content + "<a href='#' target='_self' class='home_news_redmore'>Read More</a>";
        this.onShow();
    },

    onShow: function() {
        if (this._timer) {
            clearTimeout(this._timer);
        }
        if (this._currentIndex != -1) {
            var opacity = $Common.getElementOpacity(this._content);
            if (opacity < 0.9) {
                $Common.setElementOpacity(this._content, opacity + 0.1);
                setTimeout($Common.createDelegate(this, this.onShow), 100);
            }
            else {
                this._timer = setTimeout($Common.createDelegate(this, this.autoChange), this._interval);
            }
        }
    }
}




/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/**
* Accordion
*/
Guidance.AccordionTab = function(tab) {
    this._tab = tab;
    this._activeImage = $Common.getElementsByClassName(tab, "Active").length > 0 ? $Common.getElementsByClassName(tab, "Active")[0] : null;
    this._inactiveImage = $Common.getElementsByClassName(tab, "Inactive").length > 0 ? $Common.getElementsByClassName(tab, "Inactive")[0] : null;
    this.inactive();
}

Guidance.AccordionTab.prototype = {

    getTab: function() {
        return this._tab;
    },

    active: function() {
        this._activeImage.style.display = "block";
        this._inactiveImage.style.display = "none";
    },

    inactive: function() {
        this._activeImage.style.display = "none";
        this._inactiveImage.style.display = "block";
    }
}

/**
* Accordion Content
*/
Guidance.AccordionContent = function(content) {

    this._content = content;

    this._text = $Common.getElementsByClassName(content, "AccordionText")[0];
    this._bottom = $Common.getElementsByClassName(content, "AccordionBottom")[0];
}

Guidance.AccordionContent.prototype = {

    getContent: function() {
        return this._content;
    },

    getText: function() {
        return this._text;
    },

    getBottom: function() {
        return this._bottom;
    }
}

/**
* Accordion Panel
*/
Guidance.AccordionPanel = function(panel) {
    this._panel = panel;

    var tab = $Common.getElementsByClassName(panel, "AccordionPanelTab").length > 0 ? $Common.getElementsByClassName(panel, "AccordionPanelTab")[0] : null;
    this._tab = tab ? new Guidance.AccordionTab(tab) : null;

    var content = $Common.getElementsByClassName(panel, "AccordionPanelContent").length > 0 ? $Common.getElementsByClassName(panel, "AccordionPanelContent")[0] : null;
    this._content = content ? new Guidance.AccordionContent(content) : null;
    if (this._content) {
        this._content.getContent().style.height = "0px";
        this._content.getContent().style.display = "none";
    }
}

Guidance.AccordionPanel.prototype = {

    getTab: function() {
        return this._tab;
    },

    getContent: function() {
        return this._content;
    }
}

/**
* Accordion
*/
Guidance.Accordion = function(accordionId) {

    this._accordion = $Common.get(accordionId);
    this._maxHeight = this._accordion.getAttribute("contentheight");

    var panels = $Common.getElementsByClassName(this._accordion, "AccordionPanel");

    this._panels = [];
    for (var i = 0; i < panels.length; i++) {
        this._panels.push(new Guidance.AccordionPanel(panels[i]));
    }

    if (this._panels.length > 0) {
        this._panels[0].getTab().active();
        this._panels[0].getContent().getContent().style.height = this._maxHeight + "px";
        this._panels[0].getContent().getContent().style.display = "block";
    }

    this._interval = 10;
    this._step = 50;
    this._opening = false;

    this._closingPanel = this._panels[0];
    this._openingPanel = null;

    this.initBehaviors();
}

Guidance.Accordion.prototype = {

    initBehaviors: function() {
        for (var i = 0; i < this._panels.length; i++) {
            $Common.addListener(this._panels[i].getTab().getTab(), "click", $Common.createDelegate(this, this.switchPanel, [this._panels[i]]));
        }
    },

    switchPanel: function(panel) {
        if (this._closingPanel != panel && !this._opening) {
            this._openingPanel = panel;
            this._openingPanel.getTab().active();
            this._openingPanel.getContent().getContent().style.display = "block";
            this._openingPanel.getContent().getText().style.display = "none";
            this._openingPanel.getContent().getBottom().style.display = "none";
            $Common.setElementOpacity(this._openingPanel.getContent().getContent(), 1);
            this._closingPanel.getTab().inactive();
            this._closingPanel.getContent().getText().style.display = "none";
            this._closingPanel.getContent().getBottom().style.display = "none";
            $Common.setElementOpacity(this._closingPanel.getContent().getContent(), 1);
            this._opening = true;
            this.onSwitch();
        }
    },

    onSwitch: function() {
        if (parseInt(this._closingPanel.getContent().getContent().style.height) > parseInt(this._step)) {
            this._closingPanel.getContent().getContent().style.height = parseInt(this._closingPanel.getContent().getContent().style.height) - parseInt(this._step) + "px";
            this._openingPanel.getContent().getContent().style.height = parseInt(this._openingPanel.getContent().getContent().style.height) + parseInt(this._step) + "px";

            setTimeout($Common.createDelegate(this, this.onSwitch), this._interval);
        }
        else {
            this._closingPanel.getContent().getContent().style.height = "0px";
            this._closingPanel.getContent().getContent().style.display = "none";
            this._openingPanel.getContent().getContent().style.height = this._maxHeight + "px";
            this.onShow();
        }
    },

    onShow: function() {
        var opacity = $Common.getElementOpacity(this._openingPanel.getContent().getContent());

        this._openingPanel.getContent().getText().style.display = "block";
        this._openingPanel.getContent().getBottom().style.display = "block";
        this._closingPanel.getContent().getText().style.display = "block";
        this._closingPanel.getContent().getBottom().style.display = "block";

        this._closingPanel = this._openingPanel;
        this._opening = false;

    }
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/**
* Guidance.MenuBox
*/
Guidance.MenuBox = function(senderId, headerInnerHTML, headerStyle, bodyInnerHTML, bodyStyle, topAdjust, leftAdjust, bodyLeftAdjust, headerHeight, focusId) {
    this._sender = $Common.get(senderId);
    this._sender.style.cursor = "pointer";
    this._topAdjust = topAdjust;
    this._leftAdjust = leftAdjust;
    this._bodyLeftAdjust = bodyLeftAdjust;
    this._headerHeight = headerHeight;
    this._bodyInnerHTML = bodyInnerHTML;
    this._focusId = focusId;
    // create header
    this._header = document.createElement("div");
    this._header.style.position = "absolute";
    this._header.style.zIndex = 10000;
    this._header.style.cursor = "pointer";
    this._header.className = headerStyle;
    this._header.innerHTML = headerInnerHTML;
    this._header.style.display = "none";

    // create body
    this._body = document.createElement("div");
    this._body.style.position = "absolute";
    this._body.style.zIndex = 10000;
    this._body.className = bodyStyle;
    this._body.innerHTML = bodyInnerHTML;
    this._body.style.display = "none";

    document.body.appendChild(this._header);
    document.body.appendChild(this._body);

    this._showMenuBox = false;

    this.addHandlers();
}

Guidance.MenuBox.prototype = {

    addHandlers: function() {
        $Common.addListener(this._sender, "mouseover", $Common.createDelegate(this, this.onMouseOver));
        $Common.addListener(this._sender, "mouseout", $Common.createDelegate(this, this.onMouseOut));
        $Common.addListener(this._header, "mouseover", $Common.createDelegate(this, this.onItemMouseOver));
        $Common.addListener(this._header, "mouseout", $Common.createDelegate(this, this.onItemMouseOut));
        $Common.addListener(this._body, "mouseover", $Common.createDelegate(this, this.onItemMouseOver));
        $Common.addListener(this._body, "mouseout", $Common.createDelegate(this, this.onItemMouseOut));
        $Common.addListener(this._header, "focus", $Common.createDelegate(this, this.onItemMouseOver));
        $Common.addListener(this._header, "blur", $Common.createDelegate(this, this.onItemMouseOut));
        $Common.addListener(this._body, "focus", $Common.createDelegate(this, this.onItemMouseOver));
        $Common.addListener(this._body, "blur", $Common.createDelegate(this, this.onItemMouseOut));
    },

    setLocation: function() {
        var location = $Common.getLocation(this._sender);

        this._header.style.top = location.top - this._topAdjust + "px";
        this._header.style.left = location.left - this._leftAdjust + "px";
        this._body.style.top = location.top - this._topAdjust + this._headerHeight + "px";
        this._body.style.left = location.left - this._bodyLeftAdjust + "px";
    },

    onMouseOver: function() {
        //debugger;
        this._body.innerHTML = this._bodyInnerHTML;


        this._showMenuBox = true;
        setTimeout($Common.createDelegate(this, this.fireMouseOver), 100);
    },

    onMouseOut: function() {
        this._showMenuBox = false;
    },

    onItemMouseOver: function() {
        this._header.style.display = "block";
        this._body.style.display = "block";
        if (this._focusId) {
            $Common.get(this._focusId).focus();
        }
    },

    onItemMouseOut: function() {
        this._header.style.display = "none";
        this._body.style.display = "none";
    },

    fireMouseOver: function() {
        if (this._showMenuBox) {

            this.setLocation();
            this._header.style.display = "block";
            this._body.style.display = "block";
            if (this._focusId) {
                $Common.get(this._focusId).focus();
            }
        }
    }
}

//Guidance.MenuBox.menuList = [];
Guidance.MenuBoxList = function(menuBoxList, homeMenuContainer) {



    this._menuBoxList = menuBoxList;

    for (var i = 0; i < this._menuBoxList.length; i++) {

        $Common.addListener(this._menuBoxList[i]._sender, "mouseover", $Common.createDelegate(this, this.onMouseOver, [this._menuBoxList[i]]));

        $Common.addListener(this._menuBoxList[i]._sender, "mouseout", $Common.createDelegate(this._menuBoxList[i], this._menuBoxList[i].onMouseOut));

        $Common.addListener(this._menuBoxList[i]._header, "mouseover", $Common.createDelegate(this._menuBoxList[i], this._menuBoxList[i].onItemMouseOver));

        $Common.addListener(this._menuBoxList[i]._header, "mouseout", $Common.createDelegate(this._menuBoxList[i], this._menuBoxList[i].onItemMouseOut));

        $Common.addListener(this._menuBoxList[i]._body, "mouseover", $Common.createDelegate(this._menuBoxList[i], this._menuBoxList[i].onItemMouseOver));

        $Common.addListener(this._menuBoxList[i]._body, "mouseout", $Common.createDelegate(this._menuBoxList[i], this._menuBoxList[i].onItemMouseOut));

        $Common.addListener(this._menuBoxList[i]._header, "focus", $Common.createDelegate(this._menuBoxList[i], this._menuBoxList[i].onItemMouseOver));

        $Common.addListener(this._menuBoxList[i]._header, "blur", $Common.createDelegate(this._menuBoxList[i], this._menuBoxList[i].onItemMouseOut));

        $Common.addListener(this._menuBoxList[i]._body, "focus", $Common.createDelegate(this._menuBoxList[i], this._menuBoxList[i].onItemMouseOver));

        $Common.addListener(this._menuBoxList[i]._body, "blur", $Common.createDelegate(this._menuBoxList[i], this._menuBoxList[i].onItemMouseOut));

    }


    this._homeMenuContainer = homeMenuContainer;
    if (this._homeMenuContainer) {
        $Common.addListener(this._homeMenuContainer, "mouseout", $Common.createDelegate(this, this.hideAll));
    }


}

Guidance.MenuBoxList.prototype = {

    onMouseOver: function(menuBox) {

        for (var i = 0; i < this._menuBoxList.length; i++) {

            this._menuBoxList[i]._header.style.display = "none";

            this._menuBoxList[i]._body.style.display = "none";



        }

        menuBox.onMouseOver();

    },

    hideAll: function() {
        for (var i = 0; i < this._menuBoxList.length; i++) {
            this._menuBoxList[i]._header.style.display = "none";
            this._menuBoxList[i]._body.style.display = "none";
        }
    }



}

// Modal Window
Guidance.ModalWindow = function(title, width, height, targetUrl, imageUrls, hdnButtonID) {

    this._background = null;
    this._container = null;
    this._header = null;
    this._btnClose = null;
    this._btnCloseLink = null;
    this._body = null;
    this._footer = null;
    this._containerLocation = null;
    this._iframe = null;

    // Param variables
    this._title = title;
    this._width = width;
    this._height = height;
    this._targetUrl = targetUrl;
    this._hdnButtonID = hdnButtonID;

    // Images
    this._btnCloseUpImageUrl = "/images/btn_close_up.png";
    this._btnCloseOverImageUrl = "/images/btn_close_over.png";
    // use for blank title:
    // this._titleImgUrl = "/images/popuptitleblank.jpg";
    this._titleImgUrl = "/images/contactme.jpg";
    this._headerBackgroundUrl = "/images/contact_1.png"
    this._bodyBackgroundUrl = "/images/contact_2.jpg";
    this._footerBackgroundUrl = "/images/contact_3.png";

    // If a set of custom defined
    // images are passed, use those.
    if (imageUrls != null) {

        if (imageUrls["button.CloseUp"] != null &&
            imageUrls["button.CloseUp"] != "") {

            this._btnCloseUpImageUrl = imageUrls["button.CloseUp"];
        }

        if (imageUrls["button.CloseOver"] != null &&
            imageUrls["button.CloseOver"] != "") {

            this._btnCloseOverImageUrl = imageUrls["button.CloseOver"];
        }

        if (imageUrls["header.Title"] != null) {

            if (imageUrls["header.Title"] != "")
                this._titleImgUrl = imageUrls["header.Title"];
            else
                this._titleImgUrl = "/images/modal_window_pixel_border.jpg";
        }

        if (imageUrls["header.Background"] != null &&
            imageUrls["header.Background"] != "") {

            this._headerBackgroundUrl = imageUrls["header.Background"];
        }

        if (imageUrls["body.Background"] != null &&
            imageUrls["body.Background"] != "") {

            this._bodyBackgroundUrl = imageUrls["body.Background"];
        }

        if (imageUrls["footer.Background"] != null &&
            imageUrls["footer.Background"] != "") {

            this._footerBackgroundUrl = imageUrls["footer.Background"];
        }
    }

    this.initialize();
}

Guidance.ModalWindow.prototype = {

    initialize: function() {

        var bounds = $Common.getClientBounds(document.body);

        //initialize background
        this._background = document.createElement('div');

        this._background.style.position = 'absolute';
        this._background.style.zIndex = 9999;
        this._background.style.width = bounds.width + 'px';
        this._background.style.height = bounds.height + 'px';
        this._background.style.left = '0px';
        this._background.style.top = '0px';

        this._background.style.backgroundColor = "#4c4c4c";
        this._background.style.opacity = "0.5";
        this._background.style.filter = "alpha(opacity=50)";
        this._background.style.display = 'none';
        document.body.appendChild(this._background);

        //initialize container
        if (document.getElementById("popcontainer"))
            document.body.removeChild(document.getElementById("popcontainer"));

        this._container = document.createElement('div');
        this._container.id = "popcontainer";
        this._container.style.position = 'absolute';
        this._container.style.zIndex = 10000;
        this._container.style.width = this._width + 'px';
        this._container.style.height = this._height + 41 + 29 + 'px';
        //        this._container.style.backgroundColor = "red";

        this._container.style.display = 'none';
        var x = bounds.width - parseInt(this._container.style.width);
        var y = bounds.height - parseInt(this._container.style.height);
        x = x > 0 ? x / 2 : 0;
        y = y > 0 ? y / 2 : 0;
        this._containerLocation = { x: x, y: y };
        document.body.appendChild(this._container);

        //initialize header
        this._header = document.createElement('div');
        this._header.style.position = 'relative';
        this._header.style.width = this._width + 'px';
        this._header.style.height = '41px';
        this._header.style.left = '0px';
        this._header.style.top = '0px';

        //this._header.style.backgroundImage = "url(/images/contact_1.jpg)";
        this._header.style.backgroundImage = "url(" + this._headerBackgroundUrl + ")";
        this._header.innerHTML = this._title;

        this._container.appendChild(this._header);

        //initialize title
        var imgTitle = document.createElement('img');
        imgTitle.style.position = 'absolute';
        imgTitle.style.top = '15px';
        imgTitle.style.left = '15px';

        imgTitle.src = this._titleImgUrl;
        this._header.appendChild(imgTitle);

        //initialize close button
        this._btnClose = document.createElement('img');
        this._btnClose.style.position = 'absolute';
        this._btnClose.style.top = '10px';
        this._btnClose.style.right = '15px';
        this._btnClose.style.cursor = "pointer";
        this._btnClose.src = this._btnCloseUpImageUrl;

        $Common.addListener(this._btnClose, "click", $Common.createDelegate(this, this.hide));
        this._header.appendChild(this._btnClose);
        
        $Common.addListener(this._btnClose, "mouseover", $Common.createDelegate(this, this.onCloseImgMouseover));
        $Common.addListener(this._btnClose, "mouseout", $Common.createDelegate(this, this.onCloseImgMouseout));

        // If there ajax options are
        // passed, make this ajax enabled.
//        if (this._ajaxOptions != null) {

//            this._btnCloseLink = document.createElement("a");
//            this._btnCloseLink.setAttribute("href", "#");
//            //this._btnCloseLink.setAttribute("onclick", "javascript:return false;");

//            $Common.addListener(this._btnCloseLink, "click", $Common.createDelegate(this, this.hide));

//            this._btnCloseLink.appendChild(this._btnClose);
//            this._header.appendChild(this._btnCloseLink);
//        }
//        else {

//            $Common.addListener(this._btnClose, "click", $Common.createDelegate(this, this.hide));
//            this._header.appendChild(this._btnClose);
//        }

        //initialize body
        this._body = document.createElement('div');
        this._body.style.position = 'relative';
        this._body.style.height = this._height + 'px';
        this._body.style.width = this._width + 'px';
        this._body.style.top = '0px';
        this._body.style.left = '0px';
        //this._body.style.backgroundImage = "url(/images/contact_2.jpg)"
        this._body.style.backgroundImage = "url(" + this._bodyBackgroundUrl + ")";

        this._container.appendChild(this._body);

        //initialize body
        this._footer = document.createElement('div');
        this._footer.style.position = 'relative';
        this._footer.style.height = '29px';
        this._footer.style.width = this._width + 'px';
        this._footer.style.top = '0px';
        this._footer.style.left = '0px';
        //this._footer.style.backgroundImage = "url(/images/contact_3.jpg)"
        this._footer.style.backgroundImage = "url(" + this._footerBackgroundUrl + ")";

        this._container.appendChild(this._footer);

        //initialize iframe
        this._iframe = document.createElement('iframe');

        this._iframe.style.borderStyle = 'none';
        this._iframe.frameBorder = '0';
        this._iframe.style.marginLeft = '0px';
        this._iframe.style.marginTop = '0px';
        this._iframe.style.width = this._width - 35 + 'px';
        this._iframe.style.height = this._height + 'px';
        this._iframe.style.left = '0px';
        this._iframe.style.top = '0px';
        this._iframe.style.marginLeft = "20px";
        this._iframe.src = this._targetUrl;
        this._body.appendChild(this._iframe);

        $Common.addListener(window, "resize", $Common.createDelegate(this, this._layout));
        $Common.addListener(window, "scroll", $Common.createDelegate(this, this._layout));

        //new Ext.dd.DDProxy(this._container.id, [this._header.id]);

        this._layout();

    },
    show: function() {

        this._layout();
        this._background.style.display = 'block';

        this._container.style.display = 'block';
        //        document.body.style.overflow = "hidden";
    },
    hide: function() {

        this._background.style.display = 'none';
        this._container.style.display = 'none';

        if (this._hdnButtonID != null &&
            this._hdnButtonID != "") {

            SimulateSubmit(this._hdnButtonID);
        }
    },


    _layout: function() {
        var bounds = $Common.getClientBounds();
        var scroll = $Common.getClientScroll();

        this._background.style.width = bounds.width + 'px';
        this._background.style.height = bounds.height + 'px';
        this._background.style.left = scroll.left + 'px';
        this._background.style.top = scroll.top + 'px';

        var x = bounds.width - parseInt(this._container.style.width);
        var y = bounds.height - parseInt(this._container.style.height);
        this._containerLocation.x = x > 0 ? x / 2 : 0;
        this._containerLocation.y = y > 0 ? y / 2 : 0;

        this._container.style.left = this._containerLocation.x + scroll.left + 'px';
        this._container.style.top = this._containerLocation.y + scroll.top + 'px';


    },
    onCloseImgMouseover: function() {
        this._btnClose.src = this._btnCloseOverImageUrl;
    },
    onCloseImgMouseout: function() {
        this._btnClose.src = this._btnCloseUpImageUrl;
    }
}



/**
* Guidance.UI
*/
Guidance.UI = {};

Guidance.UI.initNews = function() {
    Guidance.News.instance = new Guidance.News();
    Guidance.News.instance.autoChange();
}


Guidance.UI.initAccordion = function() {
    new Guidance.Accordion("Accordion1", 285);
}

Guidance.UI.initMenuBox = function() {
    var links = "<table cellpadding='3' cellspacing='2' width='100%' class='add'>" +
                    "<tr>" +
                        "<td class='add2'><span style='margin-left:10px'>Products</span></td>" +
                        "<td class='add2'>Services</td>" +
                        "<td class='add2'>Resources</td>" +
                    "</tr>" +
                    "<tr>" +
                        "<td class='DemoMenuBox' class='add3'><a href='#' style='margin-left:10px'>Product One</a><br /><span class='add4'>lorem ipsum amet</span></td>" +
                        "<td class='DemoMenuBox' class='add3'><a href='#'>Service One</a><br /><span class='add5'>lorem ipsum amet</span></td>" +
                        "<td class='DemoMenuBox' class='add3'><a href='#'>Resources One</a><br /><span class='add5'>lorem ipsum amet</span></td>" +
                    "</tr>" +
                    "<tr>" +
                        "<td class='DemoMenuBox' class='add3'><a href='#' style='margin-left:10px'>Product Two</a><br /><span class='add4'>lorem ipsum amet</span></td>" +
                        "<td class='DemoMenuBox' class='add3'><a href='#'>Service Two</a><br /><span class='add5'>lorem ipsum amet</span></td>" +
                        "<td class='DemoMenuBox' class='add3'><a href='#'>Resources Two</a><br /><span class='add5'>lorem ipsum amet</span></td>" +
                    "</tr>" +
                    "<tr>" +
                        "<td class='DemoMenuBox' class='add3'><a href='#' style='margin-left:10px'>Product Three</a><br /><span class='add4'>lorem ipsum amet</span></td>" +
                        "<td class='DemoMenuBox' class='add3'><a href='#'>Service Three</a><br /><span class='add5'>lorem ipsum amet</span></td>" +
                        "<td class='DemoMenuBox' class='add3'></td>" +
                    "</tr>" +
                "</table>";
    new Guidance.MenuBoxList([
    new Guidance.MenuBox("menu1", "CORPORATE", "MenuBoxHeader", links, "MenuBoxBody", 0, 3, 3, 32),
    new Guidance.MenuBox("menu2", "LAW FIRMS", "MenuBoxHeader", links, "MenuBoxBody", 0, 3, 3, 32),
    new Guidance.MenuBox("menu3", "GOVERNMENT", "MenuBoxHeader", links, "MenuBoxBody", 0, 3, 3, 32),
    new Guidance.MenuBox("menu4", "LAW ENFORCEMENT", "MenuBoxRightHeader", links, "MenuBoxRightBody", 0, -1, 183, 32),
    new Guidance.MenuBox("menu5", "CONSULTANTS", "MenuBoxRightHeader", links, "MenuBoxRightBody", 0, -1, 183, 32)], $Common.get("homeMenuContainer"));
    //    Guidance.MenuBox.menuList.push(new Guidance.MenuBox("menu1", "right", "CORPARATE", [{ text: 'link1', url: '#' }, { text: 'link1', url: '#' }, { text: 'link1', url: '#'}]));
    //    Guidance.MenuBox.menuList.push(new Guidance.MenuBox("menu2", "right", "LAW FIRMS", [{ text: 'link1', url: '#' }, { text: 'link1', url: '#' }, { text: 'link1', url: '#'}]));
    //    Guidance.MenuBox.menuList.push(new Guidance.MenuBox("menu3", "right", "GOVERNMENT", [{ text: 'link1', url: '#' }, { text: 'link1', url: '#' }, { text: 'link1', url: '#'}]));
    //    Guidance.MenuBox.menuList.push(new Guidance.MenuBox("menu4", "right", "LAW ENFORCEMENT", [{ text: 'link1', url: '#' }, { text: 'link1', url: '#' }, { text: 'link1', url: '#'}]));
    //    Guidance.MenuBox.menuList.push(new Guidance.MenuBox("menu5", "left", "CONSULTANTS", [{ text: 'link1', url: '#' }, { text: 'link1', url: '#' }, { text: 'link1', url: '#'}]));
}


Guidance.UI.initMenuBox2 = function() {
    var links = Array(12);

    for (var i = 0; i < 12; i++) {
        links[i] = "<table  width='100%' height='80%' class='add_js2'> " +
    " <tr style ='height:20%;'> " +
    " <td style = 'width:5%'></td>" +
    " <td class= 'add_js3'>" +
    "<span class= 'add_js4'>Enter Email:</span></td> " +
    "<td  style = 'width:5%'></td>" +

    " </tr> " +

    "<tr style ='height:30%;' > " +
    "<td  style = 'width:5%'></td><td style = 'algin:left'><input type = 'text' id = 'txtEmail" + i.toString() + "' style = 'width:96%;background-color:#fbaa37;' ></td> <td  style = 'width:5%'></td>" +
    " </tr> " +

    "<tr style ='height:50%;'> " +
    "  <td  style = 'width:5%'></td><td style  = 'text-align:right;'><img src='/images/Float/loginButton.png' style='cursor:pointer' /></td> <td  style = 'width:5%'></td>" +
    " </tr> " +

    " </table>";
    }

    //debugger;
    new Guidance.MenuBoxList([
    new Guidance.MenuBox("menu1", "VIEW WEBINAR", "MenuBoxHeader2", links[0], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail0"),
    new Guidance.MenuBox("menu2", "VIEW WEBINAR", "MenuBoxHeader2", links[1], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail1"),
    new Guidance.MenuBox("menu3", "VIEW WEBINAR", "MenuBoxHeader2", links[2], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail2"),
    new Guidance.MenuBox("menu4", "VIEW WEBINAR", "MenuBoxHeader2", links[3], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail3"),

    new Guidance.MenuBox("menu5", "VIEW WEBINAR", "MenuBoxHeader2", links[4], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail4"),
    new Guidance.MenuBox("menu6", "VIEW WEBINAR", "MenuBoxHeader2", links[5], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail5"),
    new Guidance.MenuBox("menu7", "VIEW WEBINAR", "MenuBoxHeader2", links[6], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail6"),
    new Guidance.MenuBox("menu8", "VIEW WEBINAR", "MenuBoxHeader2", links[7], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail7"),

    new Guidance.MenuBox("menu9", "VIEW WEBINAR", "MenuBoxHeader2", links[8], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail8"),
    new Guidance.MenuBox("menu10", "VIEW WEBINAR", "MenuBoxHeader2", links[9], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail9"),
    new Guidance.MenuBox("menu11", "VIEW WEBINAR", "MenuBoxHeader2", links[10], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail10"),
    new Guidance.MenuBox("menu12", "VIEW WEBINAR", "MenuBoxHeader2", links[11], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail11")]);


}



Guidance.UI.initMenuBox3 = function() {

    var links = Array(12);

    for (var i = 0; i < 12; i++) {
        links[i] = "<table  width='100%' height='80%' class='add_js2'> " +
    " <tr style ='height:20%;'> " +
    " <td style = 'width:5%'></td>" +
    " <td class= 'add_js3'>" +
    "<span class= 'add_js4'>Enter Email:</span></td> " +
    "<td  style = 'width:5%'></td>" +

    " </tr> " +

    "<tr style ='height:30%;' > " +
    "<td  style = 'width:5%'></td><td style = 'algin:left'><input type = 'text' id = 'txtEmail" + i.toString() + "' style = 'width:96%;background-color:#fbaa37;' ></td> <td  style = 'width:5%'></td>" +
    " </tr> " +

    "<tr style ='height:50%;'> " +
    "  <td  style = 'width:5%'></td><td style  = 'text-align:right;'><img src='/images/Float/loginButton.png' style='cursor:pointer' /></td> <td  style = 'width:5%'></td>" +
    " </tr> " +

    " </table>";
    }
    //debugger;
    new Guidance.MenuBoxList([
    new Guidance.MenuBox("menu1", "DOWNLOAD PDF", "MenuBoxHeader2", links[0], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail0"),
    new Guidance.MenuBox("menu2", "DOWNLOAD PDF", "MenuBoxHeader2", links[1], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail1"),
    new Guidance.MenuBox("menu3", "DOWNLOAD PDF", "MenuBoxHeader2", links[2], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail2"),
    new Guidance.MenuBox("menu4", "DOWNLOAD PDF", "MenuBoxHeader2", links[3], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail3"),

    new Guidance.MenuBox("menu5", "DOWNLOAD PDF", "MenuBoxHeader2", links[4], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail4"),
    new Guidance.MenuBox("menu6", "DOWNLOAD PDF", "MenuBoxHeader2", links[5], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail5"),
    new Guidance.MenuBox("menu7", "DOWNLOAD PDF", "MenuBoxHeader2", links[6], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail6"),
    new Guidance.MenuBox("menu8", "DOWNLOAD PDF", "MenuBoxHeader2", links[7], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail7"),

    new Guidance.MenuBox("menu9", "DOWNLOAD PDF", "MenuBoxHeader2", links[8], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail8"),
    new Guidance.MenuBox("menu10", "DOWNLOAD PDF", "MenuBoxHeader2", links[9], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail9"),
    new Guidance.MenuBox("menu11", "DOWNLOAD PDF", "MenuBoxHeader2", links[10], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail10"),
    new Guidance.MenuBox("menu12", "DOWNLOAD PDF", "MenuBoxHeader2", links[11], "MenuBoxBody2", 0, 3, 3, 19, "txtEmail11")]);


}
//added by Rick 4-20-10.
//function to open window in width and height specified in a href container tag on the specific page.
function wopen(url, name, w, h) {
    w += 32;
    h += 96;
    var win = window.open(url, name, 'width=' + w + ', height=' + h + ', ' + 'location=no, menubar=no, ' + 'status=no, toolbar=no, directories=no, scrollbars=yes, resizable=yes');
    win.resizeTo(w, h);
    win.focus();
}


Guidance.UI.showDialogWindow = function(title, width, height, targetUrl) {

    Guidance.UI.showDialogWindow2(title, width, height, targetUrl, null);
}

Guidance.UI.showDialogWindow2 = function(title, width, height, targetUrl, imageUrls) {

    Guidance.UI.showDialogWindow3(title, width, height, targetUrl, imageUrls, null);
}

Guidance.UI.showDialogWindow3 = function(title, width, height, targetUrl, imageUrls, hdnButtonID) {

    //    var images =
    //    {
    //        "button.CloseUp": "/images/dian.png",
    //        "button.CloseOver": "/images/btn_close_up.png" 
    //    };

    //    pop = new Guidance.ModalWindow(title, width, height, targetUrl, images);

    pop = new Guidance.ModalWindow(title, width, height, targetUrl, imageUrls, hdnButtonID);
    setTimeout($Common.createDelegate(pop, pop.show), 500);
}


/**
* about_team
*/

// AM
Guidance.UI.closeDialogWindow = function() {

    if (document.getElementById("popcontainer")) {
        pop = document.getElementById("popcontainer");

        if (pop.previousSibling != null)
            pop.previousSibling.style.display = 'none';
        document.body.removeChild(document.getElementById("popcontainer"));
    }
}

var mh = 0;
var step = 5;
var ms = 10;


function toggle(o, box, n) {
    if (!o.tid) o.tid = "_" + Math.random() * 100;
    if (!window.toggler) window.toggler = {};
    if (!window.toggler[o.tid]) {
        window.toggler[o.tid] = {
            obj: o,
            maxHeight: 200,
            minHeight: mh,
            timer: null,
            action: -1
        };
    }
    o.style.height = o.offsetHeight + "px";
    if (window.toggler[o.tid].timer) clearTimeout(window.toggler[o.tid].timer);
    window.toggler[o.tid].action *= -1;
    window.toggler[o.tid].timer = setTimeout("anim('" + o.tid + "')", ms);
    if (box.innerHTML.indexOf("Read More") > 0)
        box.innerHTML = "<a href=\"javascript:toggle(document.getElementById('more" + n + "'),document.getElementById('box" + n + "')," + n + ")\" class='C'>Collapse [-]</a>";
    else
        box.innerHTML = "<a href=\"javascript:toggle(document.getElementById('more" + n + "'),document.getElementById('box" + n + "')," + n + ")\" class='C'>Read More [+]</a>";
}

function anim(id) {
    var t = window.toggler[id];
    var o = window.toggler[id].obj;
    if (t.action < 0) {
        if (o.offsetHeight <= t.minHeight) {
            clearTimeout(t.timer);
            return;
        }
    }
    else {
        if (o.offsetHeight >= t.maxHeight) {
            clearTimeout(t.timer);
            return;
        }
    }
    o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px";
    window.toggler[id].timer = setTimeout("anim('" + id + "')", ms);
}


/**
* Training_9c.html
* begin
*/
//BEGIN...Training.ascx James...

function showTravlInfo(ID) {//no longer used TODO:James Remove this function
    document.getElementById("travelInforContainer").style.visibility = "visible";
    //TrainingTravel
    var TrainingInfo = document.getElementsByClassName('TrainingTravel');
    for (var Dt = 0; Dt < TrainingInfo.length; Dt++) {
        var SelDt = TrainingInfo[Dt];
        SelDt.className = "TrainingTravelHidden";
    }
    //Directions
    var row = eval("document.getElementById('Directions" + ID + "')");
    row.className = "TrainingTravel";
}

function DateSelected(Facility, Html_Id) {
    //infoDiv + Html_Id
    var TrainingInfo = document.getElementsByClassName('TrainingInfo');
    for (var Dt = 0; Dt < TrainingInfo.length; Dt++) {
        var SelDt = TrainingInfo[Dt];
        SelDt.className = "TrainingInfoHidden";
    }
    var infoDiv = eval("document.getElementById('infoDiv" + Html_Id + "')");
    infoDiv.className = "TrainingInfo";
    document.getElementById("registerbuttom").style.visibility = "visible";
}

function LocationSelected(Facility, Html_Id) {
    var selectedDates = document.getElementsByClassName('TrainingDateDisplay');
    for (var Dt = 0; Dt < selectedDates.length; Dt++) {
        var SelDt = selectedDates[Dt];
        SelDt.className = "TrainingDateHidden";

    }
    var selectedFacility = document.getElementsByClassName('TrainingLocationSelected');
    for (var Dt = 0; Dt < selectedFacility.length; Dt++) {
        var SelDt = selectedFacility[Dt];
        SelDt.className = "TrainingLocation";
    }
    var facility = eval("document.getElementsByName('Facility" + Facility + "')");
    for (var Dt = 0; Dt < facility.length; Dt++) {
        var SelDt = facility[Dt];
        SelDt.className = "TrainingDateDisplay";
    }
    var row = eval("document.getElementById('row" + Facility + "')");
    row.className = "TrainingLocationSelected";
    var hrf = eval("document.getElementById('hre" + Facility + "')");
    hrf.className = "TrainingLocationSelected";
    var TrainingInfo = document.getElementsByClassName('TrainingInfo');
    for (var Dt = 0; Dt < TrainingInfo.length; Dt++) {
        var SelDt = TrainingInfo[Dt];
        SelDt.className = "TrainingInfoHidden";
    }
    document.getElementById("registerbuttom").style.visibility = "hidden";
    document.getElementById("travelInforContainer").style.visibility = "hidden";
}


document.getElementsByClassName = function(clsName) {
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].className.indexOf(" ") >= 0) {
            var classes = elements[i].className.split(" ");
            for (var j = 0; j < classes.length; j++)
            { if (classes[j] == clsName) retVal.push(elements[i]); }
        }
        else if (elements[i].className == clsName) retVal.push(elements[i]);
    }
    return retVal;
}


//END...Training.ascx James...
//Superfooter Begin James
function HideShowID_Class(HideElementID, HideElementClass, ShowElementID, ShowElementClass) {
    var HideElement = document.getElementById(HideElementID);
    if (HideElement.className != HideElementClass) {
        HideElement.className = HideElementClass;
        var ShowElement = document.getElementById(ShowElementID);
        ShowElement.className = ShowElementClass;
    }
}
//Superfooter End James

function showDate(Facility, Html_Id) {//no longer used TODO:James Remove this function
    for (var i = 1; i <= 30; i++) {
        var row = eval("document.getElementById('row" + i + "')");
        if (row != null)
            row.style.backgroundColor = "";
        var hrf = eval("document.getElementById('hre" + i + "')");
        if (hrf != null)
            hrf.style.color = "#666666";

    }
    cleanDateColumn();
    hiddenTravlInfo();
    var datee = eval("document.getElementById('datarow" + Html_Id + "')");
    datee.style.visibility = "visible";
    var row = eval("document.getElementById('row" + Facility + "')");
    row.style.backgroundColor = "#2d699f";
    var hrf = eval("document.getElementById('hre" + Facility + "')");
    hrf.style.color = "#FFFFFF";
    document.getElementById("infoDiv").style.visibility = "hidden";
    document.getElementById("registerbuttom").style.visibility = "hidden";
}

function cleanDateColumn() {//no longer used TODO:James Remove this function
    for (var i = 1; i <= 30; i++) {
        var row = eval("document.getElementById('datarow" + i + "')");
        if (row != null)
            row.style.visibility = "hidden";
        //    var hrf = eval("document.getElementById('datehre" + i + "')");
        //    if (hrf != null)
        //        hrf.style.color = "#666666";
    }
}

function showDetail(number) {//no longer used TODO:James Remove this function
    cleanDateColumn();
    hiddenTravlInfo();
    var row = eval("document.getElementById('datarow" + number + "')");
    row.style.backgroundColor = "#2d699f";
    var hrf = eval("document.getElementById('datehre" + number + "')");
    hrf.style.color = "#FFFFFF";
    document.getElementById("infoDiv").style.visibility = "visible";
    document.getElementById("registerbuttom").style.visibility = "visible";
    document.getElementById("infoTitle").innerHTML = "<ul id='n7'>EnCase Computer Forensics " + number + "</ul>";
}



function hiddenTravlInfo() {//no longer used TODO:James Remove this function
    document.getElementById("travelInforContainer").style.visibility = "hidden";
    document.getElementById("closebutton").src = "/images/btn_close_up.png";
}
/**
* Training_9c.html
* end
*/

/**
* Training_9e.html
* begin
*/

var mh1 = 0;
var step1 = 15;
var ms1 = 10;


function toggleNew(o, box, n) {
    if (!o.tid) o.tid = "_" + Math.random() * 100;
    if (!window.toggler) window.toggler = {};
    if (!window.toggler[o.tid]) {
        window.toggler[o.tid] = {
            obj: o,
            maxHeight: 70,
            minHeight: mh1,
            timer: null,
            action: -1
        };
    }
    o.style.height = o.offsetHeight + "px";
    if (window.toggler[o.tid].timer) clearTimeout(window.toggler[o.tid].timer);
    window.toggler[o.tid].action *= -1;
    window.toggler[o.tid].timer = setTimeout("anim1('" + o.tid + "')", ms1);
    if (box.innerHTML.indexOf("+") > 0) {
        box.innerHTML = "<a href=\"javascript:toggleNew(document.getElementById('moredetail" + n + "'),document.getElementById('hrfe" + n + "')," + n + ")\" class='C'>[-]</a>";
    }
    else {
        box.innerHTML = "<a href=\"javascript:toggleNew(document.getElementById('moredetail" + n + "'),document.getElementById('hrfe" + n + "')," + n + ")\" class='C'>[+]</a>";
    }
}


function anim1(id) {
    var t = window.toggler[id];
    var o = window.toggler[id].obj;
    var aa = document.getElementById("wholetable");
    if (t.action < 0) {
        if (o.offsetHeight <= t.minHeight) {
            clearTimeout(t.timer);
            return;
        }
    }
    else {
        if (o.offsetHeight >= t.maxHeight) {
            clearTimeout(t.timer);
            return;
        }
    }
    o.style.height = (parseInt(o.style.height, 10) + t.action * step1) + "px";
    aa.style.height = (aa.offsetHeight + t.action * step1) + "px";
    window.toggler[id].timer = setTimeout("anim1('" + id + "')", ms1);
}



function pagenumbers(number) {
    document.getElementById("hrf1").style.display = "none";
    document.getElementById("hrf2").style.display = "none";
    document.getElementById("hrf3").style.display = "none";
    document.getElementById("hrf4").style.display = "none";
    document.getElementById("hrf5").style.display = "none";
    var hrf = eval("document.getElementById('hrf" + number + "')");
    hrf.style.display = "block";
}



/**
* Training_9e.html
* end
*/
function showpopup(pp) {
    var back = document.getElementById("blackbak");
    var clientWidth, clientHeight;
    if (navigator.userAgent.indexOf(' MSIE ') > -1) {
        clientWidth = document.documentElement.clientWidth;
        clientHeight = document.documentElement.clientHeight;
    }
    else if (navigator.userAgent.indexOf(' Safari/') > -1) {
        clientWidth = window.innerWidth;
        clientHeight = window.innerHeight;
    }
    else {
        clientWidth = Math.min(window.innerWidth, document.documentElement.clientWidth);
        clientHeight = Math.min(window.innerHeight, document.documentElement.clientHeight);
    }

    back.style.width = Math.max(Math.max(document.documentElement.scrollWidth, document.body.scrollWidth), clientWidth) + 'px';
    back.style.height = Math.max(Math.max(document.documentElement.scrollHeight, document.body.scrollHeight), clientHeight) + 'px';
    pp.style.display = 'block';
}


//------------------------------------------------------------------------------------
//  Main Menu IE Hover
//------------------------------------------------------------------------------------
sfHover = function() {
	var sfEls = document.getElementById("MainMenu").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);