// var thisPage = ""; home, tutorial, customers, about, contact
// must be defined in the HTML

function goToPage(pageName) {
  var pageUrl = "http://www.visualcalc.com";
  switch (pageName) {
    case "home":
      pageUrl = "/";
      break;
    case "about":
      pageUrl = "about.htm";
      break;
    case "tutorial":
      pageUrl = "tutorial.htm";
      break;
    case "dashlinks":
      pageUrl = "dashlinks.htm";
      break;
    case "datasources":
      pageUrl = "datasources.htm";
      break;
    case "contact":
      pageUrl = "contact.htm";
      break;
    case "testimonials":
      pageUrl = "testimonials.htm";
      break;
    default:
      break;
  }
  document.location = pageUrl;
} // end function goToPage(pageName)

// begin preload images -------
var imgLoadSrcArr = new Array();
imgLoadSrcArr[0] = "images/menu_bg_gray.gif";
imgLoadSrcArr[1] = "images/menu_select.gif";
imgLoadSrcArr[2] = "images/blank.gif";
var imgLoadSrcArrLength = imgLoadSrcArr.length;
for (var iIdx=0;iIdx<imgLoadSrcArrLength;iIdx++) {
  var tmpImg = new Image;
  tmpImg.src = imgLoadSrcArr[iIdx];
}
// end preload images -------


var menu_bg_gray_src = "images/menu_bg_gray.gif";
var menu_select_src = "images/menu_select.gif";
var blank_src = "images/blank.gif";

function outTopMenu(linkName) {
  window.status = ""; // clear status at bottom of page
  switch (linkName) {
    case "home":
      document.home_select.src = blank_src;
      break;
    case "about":
      document.about_select.src = blank_src;
      break;
    case "tutorial":
      document.tutorial_select.src = blank_src;
      break;
    case "dashlinks":
      document.dashlinks_select.src = blank_src;
      break;
    case "datasources":
      document.datasources_select.src = blank_src;
      break;
    case "contact":
      document.contact_select.src = blank_src;
      break;
    case "testimonials":
      document.testimonials_select.src = blank_src;
      break;
    default:
      break;
  } // end switch (linkName)

  if (thisPage != linkName) {
    document.getElementById(linkName+"_menu_text").style.color = "686868";
    document.getElementById(linkName+"_menu_text").style.fontWeight = "normal";
  }
  // make sgt reddy & bg color default back
  switch (thisPage) {
    case "home":
      document.home_select.src = menu_select_src;
      break;
    case "about":
      document.about_select.src = menu_select_src;
      break;
    case "tutorial":
      document.tutorial_select.src = menu_select_src;
      break;
    case "datasources":
      document.datasources_select.src = menu_select_src;
      break;
    case "contact":
      document.contact_select.src = menu_select_src;
      break;
    case "dashlinks":
      document.dashlinks_select.src = menu_select_src;
      break;
    case "testimonials":
      document.testimonials_select.src = menu_select_src;
      break;
    default:
      break;
  }

  //  --- end making the red slider appear on new ---
} // end function outTopMenu(linkName)

function hoverTopMenu(linkName, statusText) {
  // linkName = which link: home, tutorial, dashlinks, about, datasources, contact

  window.status = statusText;

  // clear the default slider image
  switch (thisPage) {
    case "home":
      document.home_select.src = blank_src;
      break;
    case "about":
      document.about_select.src = blank_src;
      break;
    case "tutorial":
      document.tutorial_select.src = blank_src;
      break;
    case "dashlinks":
      document.dashlinks_select.src = blank_src;
      break;
    case "datasources":
      document.datasources_select.src = blank_src;
      break;
    case "contact":
      document.contact_select.src = blank_src;
      break;
    case "testimonials":
      document.testimonials_select.src = blank_src;
      break;
    default:
      break;
  }

  if (thisPage != linkName) {
    document.getElementById(linkName+"_menu_text").style.color = "3357CD";
    document.getElementById(linkName+"_menu_text").style.fontWeight = "bold";
  }
  //  --- begin making the red slider appear on new ---
  switch (linkName) {
    case "home":
      document.home_select.src = menu_select_src;
      break;
    case "about":
      document.about_select.src = menu_select_src;
      break;
    case "tutorial":
      document.tutorial_select.src = menu_select_src;
      break;
    case "dashlinks":
      document.dashlinks_select.src = menu_select_src;
      break;
    case "datasources":
      document.datasources_select.src = menu_select_src;
      break;
    case "contact":
      document.contact_select.src = menu_select_src;
      break;
    case "testimonials":
      document.testimonials_select.src = menu_select_src;
      break;
    default:
      break;
  } // end switch (linkName)
  //  --- end making the red slider appear on new ---

} // end function hoverTopMenu(status, linkName)



var home_sgt_src = blank_src;
var about_sgt_src = blank_src;
var dashlinks_sgt_src = blank_src;
var tutorial_sgt_src = blank_src;
var datasources_sgt_src = blank_src;
var contact_sgt_src = blank_src;
var testimonials_sgt_src = blank_src;
switch (thisPage) {
  case "home":
    home_sgt_src = menu_select_src;
    break;
  case "about":
    about_sgt_src = menu_select_src;
    break;
  case "tutorial":
    tutorial_sgt_src = menu_select_src;
    break;
  case "dashlinks":
    dashlinks_sgt_src = menu_select_src;
    break;
  case "datasources":
    datasources_sgt_src = menu_select_src;
    break;
  case "contact":
    contact_sgt_src = menu_select_src;
    break;
  case "testimonials":
    testimonials_sgt_src = menu_select_src;
    break;
  default:
    break;
}

document.write("  <table border=0 cellspacing=0 cellpadding=0 width=100%>");
document.write("    <tr>");
document.write("      <td width=100% style='background: url(images/menu_bg_gray.gif) repeat-x; background-position: 0% 27;'>");


document.write("        <!-- begin menu button header -->");
document.write("        <table border=0 cellspacing=0 cellpadding=0>");
document.write("          <tr>");
document.write("            <Td class=\"td_link\" onmouseover=\"hoverTopMenu('home', 'Home');\" onmouseout=\"outTopMenu('home');\" onClick=\"goToPage('home');\" valign=top>");
document.write("              <!-- begin home button -->");
document.write("              <table border=0 cellspacing=0 cellpadding=0>");
document.write("                <Tr><Td height=10><\/td><\/tr>");
document.write("                <tr>");
document.write("                  <td align=center width=80>");
if (thisPage == "home") {
  document.write("                    <font style=\"color: #3357CD; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana;\" id='home_menu_text'>Home <\/font>");
} else {
  document.write("                    <font style=\"color: #686868; text-decoration: none; font-size: 11px; font-family: verdana;\" id='home_menu_text'>Home <\/font>");
}
document.write("                  <\/td>");
document.write("                <\/tr>");
document.write("                <Tr><Td height=4><\/td><\/tr>");
document.write("              <\/table>");
document.write("              <Table border=0 cellspacing=0 cellpadding=0 width=100%><Tr><td background=\""+menu_bg_gray_src+"\" align=center height=13 id=\"home_bgbar\" width=100%><img src=\""+home_sgt_src+"\" name=\"home_select\"><\/td><\/tr><\/table>");
document.write("              <!-- end home button -->");
document.write("            <\/td>");
document.write("            <Td class=\"td_link\" onmouseover=\"hoverTopMenu('about', 'About Us');\" onmouseout=\"outTopMenu('about');\" onClick=\"goToPage('about');\" valign=top>");
document.write("              <!-- begin about button -->");
document.write("              <table border=0 cellspacing=0 cellpadding=0>");
document.write("                <Tr><Td height=10><\/td><\/tr>");
document.write("                <tr>");
document.write("                  <td align=center width=96>");
if (thisPage == "about") {
  document.write("                    <font style=\"color: #3357CD; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana;\" id='about_menu_text'>About Us <\/font>");
} else {
  document.write("                    <font style=\"color: #686868; text-decoration: none; font-size: 11px; font-family: verdana;\" id='about_menu_text'>About Us <\/font>");
}
document.write("                  <\/td>");
document.write("                <\/tr>");
document.write("                <Tr><Td height=4><\/td><\/tr>");
document.write("              <\/table>");
document.write("              <Table border=0 cellspacing=0 cellpadding=0 width=100%><Tr><td background=\""+menu_bg_gray_src+"\" align=center height=13 id=\"about_bgbar\" width=100%><img src=\""+about_sgt_src+"\" name=\"about_select\"><\/td><\/tr><\/table>");
document.write("              <!-- end about button -->");
document.write("            <\/td>");
document.write("            <Td class=\"td_link\" onmouseover=\"hoverTopMenu('tutorial', 'Tutorial');\" onmouseout=\"outTopMenu('tutorial');\" onClick=\"goToPage('tutorial');\" valign=top>");
document.write("              <!-- begin tutorial button -->");
document.write("              <table border=0 cellspacing=0 cellpadding=0>");
document.write("                <Tr><Td height=10><\/td><\/tr>");
document.write("                <tr>");
document.write("                  <td align=center width=94>");
if (thisPage == "tutorial") {
  document.write("                    <font style=\"color: #3357CD; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana;\" id='tutorial_menu_text'>Tutorial <\/font>");
} else {
  document.write("                    <font style=\"color: #686868; text-decoration: none; font-size: 11px; font-family: verdana;\" id='tutorial_menu_text'>Tutorial <\/font>");
}
document.write("                  <\/td>");
document.write("                <\/tr>");
document.write("                <Tr><Td height=4><\/td><\/tr>");
document.write("              <\/table>");
document.write("              <Table border=0 cellspacing=0 cellpadding=0 width=100%><Tr><td background=\""+menu_bg_gray_src+"\" align=center height=13 id=\"tutorial_bgbar\" width=100%><img src=\""+tutorial_sgt_src+"\" name=\"tutorial_select\"><\/td><\/tr><\/table>");
document.write("              <!-- end tutorial button -->");
document.write("            <\/td>");
document.write("            <Td class=\"td_link\" onmouseover=\"hoverTopMenu('dashlinks', 'Dashboard Links');\" onmouseout=\"outTopMenu('dashlinks');\" onClick=\"goToPage('dashlinks');\" valign=top>");
document.write("              <!-- begin dashlinks button -->");
document.write("              <table border=0 cellspacing=0 cellpadding=0>");
document.write("                <Tr><Td height=10><\/td><\/tr>");
document.write("                <tr>");
document.write("                  <td align=center width=130>");
if (thisPage == "dashlinks") {
  document.write("                    <font style=\"color: #3357CD; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana;\" id='dashlinks_menu_text'>Dashboard Links <\/font>");
} else {
  document.write("                    <font style=\"color: #686868; text-decoration: none; font-size: 11px; font-family: verdana;\" id='dashlinks_menu_text'>Dashboard Links <\/font>");
}
document.write("                  <\/td>");
document.write("                <\/tr>");
document.write("                <Tr><Td height=4><\/td><\/tr>");
document.write("              <\/table>");
document.write("              <Table border=0 cellspacing=0 cellpadding=0 width=100%><Tr><td background=\""+menu_bg_gray_src+"\" align=center height=13 id=\"dashlinks_bgbar\" width=100%><img src=\""+dashlinks_sgt_src+"\" name=\"dashlinks_select\"><\/td><\/tr><\/table>");
document.write("              <!-- end dashlinks button -->");
document.write("            <\/td>");
document.write("            <Td class=\"td_link\" onmouseover=\"hoverTopMenu('datasources', 'Data Sources');\" onmouseout=\"outTopMenu('datasources');\" onClick=\"goToPage('datasources');\" valign=top>");
document.write("              <!-- begin datasources button -->");
document.write("              <table border=0 cellspacing=0 cellpadding=0>");
document.write("                <Tr><Td height=10><\/td><\/tr>");
document.write("                <tr>");
document.write("                  <td align=center width=115>");
if (thisPage == "datasources") {
  document.write("                    <font style=\"color: #3357CD; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana;\" id='datasources_menu_text'>Data Sources <\/font>");
} else {
  document.write("                    <font style=\"color: #686868; text-decoration: none; font-size: 11px; font-family: verdana;\" id='datasources_menu_text'>Data Sources <\/font>");
}
document.write("                  <\/td>");
document.write("                <\/tr>");
document.write("                <Tr><Td height=4><\/td><\/tr>");
document.write("              <\/table>");
document.write("              <Table border=0 cellspacing=0 cellpadding=0 width=100%><Tr><td background=\""+menu_bg_gray_src+"\" align=center height=13 id=\"datasources_bgbar\" width=100%><img src=\""+datasources_sgt_src+"\" name=\"datasources_select\"><\/td><\/tr><\/table>");
document.write("              <!-- end datasources button -->");
document.write("            <\/td>");
document.write("            <Td class=\"td_link\" onmouseover=\"hoverTopMenu('contact', 'Contact Info');\" onmouseout=\"outTopMenu('contact');\" onClick=\"goToPage('contact');\" valign=top>");
document.write("              <!-- begin contact button -->");
document.write("              <table border=0 cellspacing=0 cellpadding=0>");
document.write("                <Tr><Td height=10><\/td><\/tr>");
document.write("                <tr>");
document.write("                  <td align=center width=115>");
if (thisPage == "contact") {
  document.write("                    <font style=\"color: #3357CD; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana;\" id='contact_menu_text'>Contact Info <\/font>");
} else {
  document.write("                    <font style=\"color: #686868; text-decoration: none; font-size: 11px; font-family: verdana;\" id='contact_menu_text'>Contact Info <\/font>");
}
document.write("                  <\/td>");
document.write("                <\/tr>");
document.write("                <Tr><Td height=4><\/td><\/tr>");
document.write("              <\/table>");
document.write("              <Table border=0 cellspacing=0 cellpadding=0 width=100%><Tr><td background=\""+menu_bg_gray_src+"\" align=center height=13 id=\"contact_bgbar\" width=100%><img src=\""+contact_sgt_src+"\" name=\"contact_select\"><\/td><\/tr><\/table>");
document.write("              <!-- end contact button -->");
document.write("            <\/td>");
document.write("            <Td class=\"td_link\" onmouseover=\"hoverTopMenu('testimonials', 'Testimonials');\" onmouseout=\"outTopMenu('testimonials');\" onClick=\"goToPage('testimonials');\" valign=top>");
document.write("              <!-- begin testimonials button -->");
document.write("              <table border=0 cellspacing=0 cellpadding=0>");
document.write("                <Tr><Td height=10><\/td><\/tr>");
document.write("                <tr>");
document.write("                  <td align=center width=115>");
if (thisPage == "testimonials") {
  document.write("                    <font style=\"color: #3357CD; font-weight: bold; text-decoration: none; font-size: 11px; font-family: verdana;\" id='testimonials_menu_text'>Testimonials <\/font>");
} else {
  document.write("                    <font style=\"color: #686868; text-decoration: none; font-size: 11px; font-family: verdana;\" id='testimonials_menu_text'>Testimonials <\/font>");
}
document.write("                  <\/td>");
document.write("                <\/tr>");
document.write("                <Tr><Td height=4><\/td><\/tr>");
document.write("              <\/table>");
document.write("              <Table border=0 cellspacing=0 cellpadding=0 width=100%><Tr><td background=\""+menu_bg_gray_src+"\" align=center height=13 id=\"testimonials_bgbar\" width=100%><img src=\""+testimonials_sgt_src+"\" name=\"testimonials_select\"><\/td><\/tr><\/table>");
document.write("              <!-- end testimonials button -->");
document.write("            <\/td>");
document.write("          <\/tr>");
document.write("        <\/table>");
document.write("        <table border=0 cellspacing=0 cellpadding=0><tr><td height=3><\/td><\/tr><\/table>");
document.write("        <!-- end menu button header -->");

document.write("      </td>");
document.write("    </tr>");
document.write("  </table>");

document.write("  <table border=0 cellspacing=0 cellpadding=0 width=\"100%\" bgcolor=\"#3358CD\">");
document.write("    <tr>");
document.write("      <td style=\"background: url(images\/blueheader_grad.jpg) no-repeat right;\" width=100% height=77 valign=\"middle\" align=\"left\">");
document.write("        <table border=0 cellspacing=0 cellpadding=0>");
document.write("          <tr><td height=2><\/td><\/tr><!-- push logo down -->");
document.write("          <tr>");
document.write("            <td width=\"40\"></td>");
document.write("            <td><a href=\"\/\"><img src=\"images\/logo.jpg\" border=\"0\" alt=\"PublicDashboards.com\"><\/a><\/td>");
document.write("          </tr>");
document.write("        </table>");
document.write("      </td>");
document.write("    </tr>");
document.write("  </table>");