// JavaScript Document

function buildTopMenus() {
    var pageBody = document.getElementsByTagName("body");
    var str = '';
    str += '<div class="home"><img id="homeImg" src="/MasterPages/images/ringW.gif" alt="" ><br><a id="homeLink" href="/" onmouseover="javascript:overColor(' + "'home'" + ');" onmouseout="javascript:outColor(' + "'home'" + ');">Home</a></div>';
    str += '<div class="products"><img id="productsImg" src="/MasterPages/images/ringW.gif" alt="" ><br><a id="productsLink" href="/Products" onmouseover="javascript:overColor(' + "'products'" + ');" onmouseout="javascript:outColor(' + "'products'" + ');">Products & Services</a></div>';
    str += '<div class="testimonials"><img id="testimonialsImg" src="/MasterPages/images/ringW.gif" alt="" ><br><a id="testimonialsLink" href="/Testimonials" onmouseover="javascript:overColor(' + "'testimonials'" + ');" onmouseout="javascript:outColor(' + "'testimonials'" + ');">Testimonials</a></div>';
    str += '<div class="security"><img id="securityImg" src="/MasterPages/images/ringW.gif" alt="" ><br><a id="securityLink" href="/Security" onmouseover="javascript:overColor(' + "'security'" + ');" onmouseout="javascript:outColor(' + "'security'" + ');">Security</a></div>';
    str += '<div class="resources"><img id="resourcesImg" src="/MasterPages/images/ringW.gif" alt="" ><br><a id="resourcesLink" href="/Resources" onmouseover="javascript:overColor(' + "'resources'" + ');" onmouseout="javascript:outColor(' + "'resources'" + ');">Resources</a></div>';

    var topMenu = document.getElementById("topMenuDiv");
    topMenu.innerHTML = str;

    var tt = pageBody[0].id + "Link"

    var linkId = document.getElementById(tt);
    if (linkId) {
        if (pageBody[0].id != "others") {
            linkId.className = "active";
        }
    }

    tt = pageBody[0].id + "Img"

    var imgId = document.getElementById(tt);
    if (imgId) {
        if (pageBody[0].id != "others") {
            imgId.src = "MasterPages/images/ringY.gif";
        }
    }

    str = '';
    str += '<p class="topLinks">';
    str += '<a href="/Corporate">Corporate</a> <span class="space"></span> ';
    str += '<a href="/Support">Support</a> <span class="space"></span>';
    str += '<a href="http://blog.waycoolsw.com">Blog</a> <span class="space"></span>';
    str += '<a href="/ContactUs">Contact Us</a> <span class="space"></span> ';
    str += '</p>';
    var divTopLinks = document.getElementById("divTopLinks");
    divTopLinks.innerHTML = str;

    str = '';
    str += '<p class="bottomLinks">';
    str += '<a href="/default.aspx">Home</a> <span class="pipe">|</span> ';
    str += '<a href="/Products">Products & Services</a> <span class="pipe">|</span> ';
    str += '<a href="/Testimonials">Testimonials</a> <span class="pipe">|</span> ';
    str += '<a href="/Security">Security</a> <span class="pipe">|</span> ';
    
    str += '<a href="/Resources">Resources</a>';
    str += '</p>';
    str += '<p class="bottomLinks">';
    str += '<a href="/Career">Career</a> <span class="pipe">|</span> ';
    str += '<a href="/Support">Support</a> <span class="pipe">|</span>';
    str += '<a href="/Corporate">Corporate</a> <span class="pipe">|</span> ';
    str += '<a href="/ContactUs">Contact Us</a>';
    str += '</p>';
    str += '<p class="bottomLinks">';
    str += '<a href="/Privacy.aspx">Privacy Policy</a>';
    
    str += '</p>';
    var divBotLinks = document.getElementById("divBotLinks");
    divBotLinks.innerHTML = str;

    str = '<p class="copywriteText">2009 WayCool Software, Inc. All Rights Reserved</p>';
    str += '<p class="copywriteText"> Site performance ensured by <a href="http://www.ascendview.com/link?waycoolsw">WildMetrix</a></p>';
    var divCopyright = document.getElementById("divCopyright");
    divCopyright.innerHTML = str;

}

var tempClass = "";
var tempImg = "";
function overColor(page) {
    var tt = page + "Link"
    var anc = document.getElementById(tt);
    tempClass = anc.className;
    anc.className = "active";

    tt = page + "Img"
    var img = document.getElementById(tt);
    tempImg = img.src;
    img.src = "/MasterPages/images/ringY.gif"
}
function outColor(page) {
    var tt = page + "Link"
    var anc = document.getElementById(tt);
    anc.className = tempClass;
    tempClass = "";

    tt = page + "Img"
    var img = document.getElementById(tt);
    img.src = tempImg;
    tempImg = "";
}