function setShadow(el) {
    if (Ext.isIE6) return;
    if (el.dom.parentNode.className.indexOf('panel') < 0) return;
    var wrap = el.wrap({ cls: 'panel-shadow-wrap' })
    el.insertSibling('<div class="shadow-bottom"><div class="body"></div><div class="corner-left"></div><div class="corner-right"></div></div><div class="shadow-right"><div class="body"></div><div class="corner-top"></div><div class="corner-bottom"></div>', 'after')
}
function setHeaderShadow(el) {
    if (Ext.isIE6) return;
    if (el.dom.parentNode.className.indexOf('panel') < 0) return;
    el.dom.parentNode.className += " hasHeader";
    var wrap = el.wrap({ cls: 'header-shadow-wrap' })
    el.insertSibling('<div class="shadow-bottom"><div class="body"></div><div class="corner-left"></div><div class="corner-right"></div></div><div class="shadow-right"><div class="body"></div><div class="corner-top"></div><div class="corner-bottom"></div>', 'after')
}
(function() {
    var major = document.getElementById('MajorNav');
    var minor = document.getElementById('MinorNav');
    if (major != null && minor != null) {
        var majorRight = major.offsetLeft + major.offsetWidth
        var minorLeft = minor.offsetLeft;
        if (majorRight > minorLeft) {
            var useBody = ((majorRight + minor.offsetWidth) <  document.body.offsetWidth);
            var newRight = !useBody ? (majorRight + 10):  (document.body.offsetWidth - minor.offsetWidth )
            minor.style.left = newRight + 'px';
            minor.style.right = 'auto';

            var minorRight = minor.offsetLeft + minor.offsetWidth
            if (minorRight > document.body.offsetWidth) {
                document.body.style.width = minorRight + 'px';
            }
        }
    }

    switch (Ext.getBody().id.toLowerCase()) {
        case "view_root_login_index":
        case "view_root_login_login":
            /* Add round corner stuff to Login box */
            if (!Ext.isIE6) {
                var supCont = Ext.get(Ext.query(".supportContent")[0]);
                if (supCont != null) {
                    supCont.addClass("login-panel-bg");
                    supCont.insertSibling(
					{
					    tag: "div",
					    cls: "login-cap-top"
					},
					"before"
				);
                    supCont.insertSibling(
					{
					    tag: "div",
					    cls: "login-cap-bottom"
					},
					"after"
				);
                }
            }
            /* Add "Welcome!" copy to designDivA */
            var dh = Ext.DomHelper;
            var supDiv = Ext.get("designDivA");
            dh.append(supDiv, [
				{
				    tag: "div",
				    cls: "bar-shadow",
				    id: "Top"
				},
				{
				    tag: "div",
				    id: "Content",
				    children: [
						{
						    tag: "div",
						    id: "Welcome",
						    children: [
								{ tag: "h1", id: "WelcomeTitle", html: "Welcome!" },
								{ tag: "p", id: "WelcomeCopy", html: "PureSafety is proud to provide you with the industry's most comprehensive software tools designed specifically for workforce safety and health. Our innovative, web-based system empowers and unites professionals enterprise-wide to enter a safer, healthier, more productive workplace." }
							]
						},
						{
						    tag: "div",
						    id: "News",
						    cls: "tsr",
						    children: [
								{
								    tag: "div",
								    cls: "tsr-head",
								    children: [
										{
										    tag: "div",
										    id: "NewsDiv",
										    cls: "tsr-content",
										    children: [
												{
												    tag: "iframe",
												    src: "http://info.puresafety.com/product_login.html",
												    id: "NewsFrame",
												    frameborder: 0,
												    scrolling: "no"
												}
											]
										}
									]
								}
							]
						}
					]
				},
				{
				    tag: "div",
				    cls: "bar-shadow",
				    id: "Bottom"
				}
			]);
            /* Move Message to visible container */
            msgDiv = Ext.get("divMessage");
            if (msgDiv) {
                headDiv = Ext.get(Ext.query("#ContentBox .panelHeader")[0]);
                msgDiv.insertBefore(headDiv);
            }
            /* Add social network stuff to footer */
            supDiv = Ext.get("designDivB");
            dh.append(supDiv, {
                tag: "div",
                id: "Social",
                children: [
					{
					    tag: "a",
					    cls: "url",
					    html: "PureSafety.com",
					    href: "http://www.puresafety.com",
					    target: "_blank"

					},
					{
					    tag: "span",
					    html: "Follow us on:"
					},
					{
					    tag: "a",
					    cls: "social-icon",
					    id: "TwitIcon",
					    href: "http://twitter.com/PureSafety",
					    title: "PureSafety on Twitter",
					    target: "_blank"
					},
					{
					    tag: "a",
					    cls: "social-icon",
					    id: "LinkedIcon",
					    href: "http://www.linkedin.com/company/puresafety",
					    title: "PureSafety on LinkedIn",
					    target: "_blank"
					},
					{
					    tag: "a",
					    cls: "social-icon",
					    id: "FaceIcon",
					    href: "http://www.facebook.com/pages/PureSafety/134749736570928",
					    title: "PureSafety on Facebook",
					    target: "_blank"
					}
				]
            });
            /* Add social network stuff to footer */
            supDiv = Ext.get("designDivC");
            dh.append(supDiv, {
                tag: "div",
                cls: "copyright",
                id: "copyright",
                html: 'Copyright © 1999-2011 PureWorks, Inc. All rights reserved.'
            })
            break;
    }



    Ext.onReady(function() {
        (function() {
            // bind shadows to grid and header elements (jn) 5/13/2010
            Ext.select(".x-grid-panel div.x-panel-bwrap", true).each(function(el) {
                setShadow(el)
            })
            Ext.select("#actionsPanel div.panel-bwrap", true).each(function(el) {
                setShadow(el)
            })
            Ext.select(".x-grid-panel div.x-panel-header", true).each(function(el) {
                setHeaderShadow(el)
            })
            Ext.select("#actionsPanel div.panel-header", true).each(function(el) {
                setHeaderShadow(el)
            })
               Ext.select("#maximumUserAlert div.panel-bwrap", true).each(function(el) {
                setShadow(el)
            })        
            Ext.select("#maximumUserAlert div.panel-header", true).each(function(el) {
                setHeaderShadow(el)
            })
        }).defer(10);
    });
})();