/* Customize the Buttons Here */
var rootURL = "/PublicLib2/";
var buttonSkin = "buttonBG.png";


        function iconButtonMouseOut(control) 
        {
            control.style.border = 'groove 1 #0072BB';
            control.style.background = 'fefefe'        
            var caption = document.getElementById('iconButtonCaption');
            caption.innerHTML = "&nbsp;<font face=\"arial\" size=\"2\" color=\"black\"><b>Detail Options: </b></font><font face=\"arial\" size=\"1\" color=\"black\">&nbsp;</font>";
        }

        function iconButtonMouseOver(control, help)
        {
            control.style.border = 'groove 1 #AA0000';
            control.style.background = 'cccccc';
            var caption = document.getElementById('iconButtonCaption');
            caption.innerHTML = "&nbsp;<font face=\"arial\" size=\"2\" color=\"black\"><b>Detail Options: </b></font><font face=\"arial\" size=\"2\" color=\"black\">&nbsp;" + help + "</font>";        
        }

        function renderButton(caption, link, icon, help) 
        {
            document.write("<div style=\"margin:4px;padding:1px;float:left;position:relative;cursor:pointer;height:36px;background-color:#fefefe;border:groove 1px #0072BB\" onmouseout=\"iconButtonMouseOut(this);\" onmouseover=\"iconButtonMouseOver(this,'" + help + "');\" onclick=\"location.href='" + link + "'\">");
            document.write("<table  style=\"background-image:url('" + rootURL + "LinkButtons/Skins/" + buttonSkin + "');\"><tr><td>");
            document.write("<img src=\"" + rootURL + "LinkButtons/Icons/" + icon + "\" />");
            document.write("/td>");
            document.write("<td>");
            document.write("<font face=\"arial\" size=\"1\" color=\"black\">" + caption + "&nbsp;</font>");
            document.write("</tr></td></table>");
            document.write("</div>");
        }
        
        function renderButtonNewWindow(caption, link, icon, help) 
        {
            document.write("<div style=\"margin:4px;padding:1px;float:left;position:relative;cursor:pointer;height:36px;background-color:#fefefe;border:groove 1px #0072BB\" onmouseout=\"iconButtonMouseOut(this);\" onmouseover=\"iconButtonMouseOver(this,'" + help + "');\" onclick=\"window.open('" + link + "')\">");
            document.write("<table  style=\"background-image:url('" + rootURL + "LinkButtons/Skins/" + buttonSkin + "');\"><tr><td>");
            document.write("<img src=\"" + rootURL + "LinkButtons/Icons/" + icon + "\" />");
            document.write("</td>");
            document.write("<td>");
            document.write("<font face=\"arial\" size=\"1\" color=\"black\">" + caption + "&nbsp;</font>");
            document.write("</td></tr></table>");
            document.write("</div>");
        }
        
         function renderButtonOnClick(caption, link, icon, help) 
        {
            document.write("<div style=\"margin:4px;padding:1px;float:left;position:relative;cursor:pointer;height:36px;background-color:#fefefe;border:groove 1px #0072BB\" onmouseout=\"iconButtonMouseOut(this);\" onmouseover=\"iconButtonMouseOver(this,'" + help + "');\" onclick=\"" + link + "\">");
            document.write("<table  style=\"background-image:url('" + rootURL + "LinkButtons/Skins/" + buttonSkin + "');\"><tr><td>");
            document.write("<img src=\"" + rootURL + "LinkButtons/Icons/" + icon + "\" />");
            document.write("</td>");
            document.write("<td>");
            document.write("<font face=\"arial\" size=\"1\" color=\"black\">" + caption + "&nbsp;</font>");
            document.write("</td></tr></table>");
            document.write("</div>");
        }



        function renderButtonCaption() 
        {
            document.write("&nbsp;<div id=\"iconButtonCaption\">&nbsp;<font face=\"arial\" size=\"2\" color=\"black\"><b>Detail Options: </b></font><font face=\"arial\" size=\"1\" color=\"black\">&nbsp;</font></div>");
        }