/*
 * View : Global Variables
 *
 */
var vjvLogo = null;
var vjvPageTitle = null;
var vjvPageSubtitle = null;
var vjvPageMessage = null;
var vjvCopyrightNotice = null;
var vjvPrinterFriendly = false;

var vjvTabName = new Array();
var vjvTabUrl = new Array();
var vjvTabTitle = new Array();
var vjvTabSelected = -1;

var vjvProjectName = new Array();
var vjvProjectUrl = new Array();
var vjvProjectTitle = new Array();
var vjvProjectSelected = -1;

var vjvHeaderLinks = null;
var vjvFooterLinks = null;


/*
 * View : Set Logo
 *
 * @param url String
 * @param width int
 * @param height int
 */
function vjsSetLogo(url, width, height) {
  vjvLogo = "<img src=\"" + url + "\" width=\"" + width + "\" height=\"" + height + "\" alt=\"logo\" />";
}


/*
 * View : Set Page Title
 *
 * @param title String
 */
function vjsSetPageTitle(title) {
  vjvPageTitle = title;
}


/*
 * View : Set Page Title Image
 *
 * @param url String
 * @param width int
 * @param height int
 */
function vjsSetPageTitleImage(url, width, height) {
  vjvPageTitle = "<img src=\"" + url + "\" width=\"" + width + "\" height=\"" + height + "\" alt=\"\" />";
}


/*
 * View : Set Page Subtitle
 *
 * @param subtitle String
 */
function vjsSetPageSubtitle(subtitle) {
  vjvPageSubtitle = subtitle;
}


/*
 * View : Set Page Message
 *
 * @param msg String
 */
function vjsSetPageMessage(msg) {
  vjvPageMessage = msg;
}


/*
 * View : Set Copyright Notice
 *
 * @param msg String
 * @param url String
 */
function vjsSetCopyrightNotice(msg, url) {
  vjvCopyrightNotice = "<a class=\"vcssCopyrightNotice\" href=\"" + url + "\">" + msg + "</a>";
}


/*
 * View : Set Printer Friendly
 *
 * @param b boolean
 */
function vjsSetPrinterFriendly(b) {
  vjvPrinterFriendly = b;
}


/*
 * View : Add Tab
 *
 * @param name String
 * @param url String
 * @param title String
 */
function vjsAddTab(name, url, title) {
  vjvTabName[vjvTabName.length] = name;
  vjvTabUrl[vjvTabUrl.length] = url;
  vjvTabTitle[vjvTabTitle.length] = title;
}


/*
 * View : Select Tab
 *
 * @param name String
 */
function vjsSelectTab(name) {
  for (var i = 0; i < vjvTabName.length ; i++) {
    if (vjvTabName[i] == name) {
      vjvTabSelected = i;
      break;
    }
  }
}


/*
 * View : Add Project
 *
 * @param name String
 * @param url String
 * @param title String
 */
function vjsAddProject(name, url, title) {
  vjvProjectName[vjvProjectName.length] = name;
  vjvProjectUrl[vjvProjectUrl.length] = url;
  vjvProjectTitle[vjvProjectTitle.length] = title;
}


/*
 * View : Select Project
 *
 * @param name String
 */
function vjsSelectProject(name) {
  for (var i = 0; i < vjvProjectName.length ; i++) {
    if (vjvProjectName[i] == name) {
      vjvProjectSelected = i;
      break;
    }
  }
}


/*
 * View : Add Header Link
 *
 * @param name String
 * @param url String
 * @param title String
 */
function vjsAddHeaderLink(name, url, title) {
  vjvHeaderLinks = _vjsBuildLink(vjvHeaderLinks, name, url, title);
}


/*
 * View : Add Footer Link
 *
 * @param name String
 * @param url String
 * @param title String
 */
function vjsAddFooterLink(name, url, title) {
  vjvFooterLinks = _vjsBuildLink(vjvFooterLinks, name, url, title);
}


/*
 * View : Add Link (Header and Footer)
 *
 * @param name String
 * @param url String
 * @param title String
 */
function vjsAddLink(name, url, title) {
  vjsAddHeaderLink(name, url, title);
  vjsAddFooterLink(name, url, title);
}


/*
 * View : Is Printer Friendly
 *
 * @return boolean
 */
function vjsIsPrinterFriendly() {
  return document.URL.indexOf("printerFriendly=") != -1;
}


/*
 * View : Show Waste
 */
function vjsShowWaste() {
  if (vjsIsPrinterFriendly()) return;
  document.getElementById("vidTop").style.display = "";
  document.getElementById("vidRight").style.display = "";
  document.getElementById("vidWaste").innerHTML = "^";
  document.cookie = "waste=;path=/";
}


/*
 * View : Hide Waste
 */
function vjsHideWaste() {
  if (vjsIsPrinterFriendly()) return;
  document.getElementById("vidTop").style.display = "none";
  document.getElementById("vidRight").style.display = "none";
  document.getElementById("vidWaste").innerHTML = "v";
  document.cookie = "waste=hide;path=/";
}

/*
 * View : Hide Waste
 */
function vjsToggleWaste() {
  if (document.getElementById("vidTop").style.display == "none") {
    vjsShowWaste();
  } else {
    vjsHideWaste();
  }
}

/*
 * View : Restore Waste
 */
function vjsRestoreWaste() {
  if (document.cookie.indexOf("waste=hide") < 0) {
    vjsShowWaste();
  } else {
    vjsHideWaste();
  }
}


/*
 * View (Private Method) : Build Link
 *
 * @return String
 * @param links String
 * @param name String
 * @param url String
 * @param title String
 */
function _vjsBuildLink(links, name, url, title) {
  if (links == null) {
    links = "";
  } else {
    links += "<td class=\"vcssPageLink\">&nbsp;|&nbsp;</td>"
  }
  return links + "<td align=\"right\" class=\"vcssPageLink\"><a class=\"vcssPageLink\" href=\"" + url + "\" title=\"" + title + "\">" + name + "</a></td>";
}


/*
 * View (Private Method) : Get Logo
 *
 * @return String
 */
function _vjsGetLogo() {
  return vjvLogo != null ? vjvLogo : "&nbsp;";
}


/*
 * View (Private Method) : Get Header Links
 *
 * @return String
 */
function _vjsGetHeaderLinks() {
  return (vjvHeaderLinks != null ? vjvHeaderLinks : "") ; //+ "<td rowspan=\"2\">&nbsp;&nbsp;</td>";
}


/*
 * View (Private Method) : Get Project Links
 *
 * @return String
 */
function _vjsGetProjectLinks() {
  var s = "";
  s += "<td class=\"cssProjectSection\"><a id=\"vidWaste\" onclick=\"vjsToggleWaste(); return false;\" class=\"" + "vcssProjectLink" + "\" href=\"#\" title=\"Hide/Show Site Information\" style=\"\">^</a></td>";
  for (var i = 0; i < vjvProjectName.length; i++) {
  //    if (i != 0) {
      s += "<td class=\"vcssProjectSection\">&nbsp;|&nbsp;</td>";
  //    }
    s += "<td class=\"vcssProjectSection\"><a class=\"" + (i == vjvProjectSelected ? "vcssProjectSelectedLink" : "vcssProjectLink") + "\" href=\"" + vjvProjectUrl[i] + "\" title=\"" + vjvProjectTitle[i] + "\">" + vjvProjectName[i] + "</a></td>";
  }
  return s;
}


/*
 * View (Private Method) : Get Printer Friendly
 *
 * @return String
 */
function _vjsGetPrinterFriendly() {
  var url = document.URL;
  if (url.indexOf("?") == -1) {
    url += "?printerFriendly=true";
  } else {
    url += "&printerFriendly=true";
  }
  return vjvPrinterFriendly != true ? "&nbsp;" : "<a class=\"vcssPageLink\" target=\"_blank\" href=\"" + url + "\"><img border=\"0\" width=\"24\" height=\"11\" src=\"/corporate/image/printable.gif\"></a>&nbsp;&nbsp;<a class=\"vcssPageLink\" target=\"_blank\" href=\"" + url + "\">Printer Friendly</a>";
}


/*
 * View (Private Method) : Get Page Title
 *
 * @return String
 */
function _vjsGetPageTitle() {
  return "<b>" + (vjvPageTitle != null ? vjvPageTitle : document.title) + "</b>";
}


/*
 * View (Private Method) : Get Page Subtitle
 *
 * @return String
 */
function _vjsGetPageSubtitle() {
  return "<b>" + (vjvPageSubtitle != null ? vjvPageSubtitle : "&nbsp;") + "</b>";
}


/*
 * View (Private Method) : Get Page Message
 *
 * @return String
 */
function _vjsGetPageMessage() {
  return vjvPageMessage == null ? "" : ("<tr><td align=\"center\" class=\"vcssPageMessage\" colspan=\"2\">" + vjvPageMessage + "</td></tr>");
}

/*
 * View (Private Method) : Get Footer Links
 *
 * @return String
 */
function _vjsGetFooterLinks() {
  return vjvFooterLinks != null ? vjvFooterLinks : "<td>&nbsp;</td>";
}

/*
 * View (Private Method) : Get Copyright Notice
 *
 * @return String
 */
function _vjsGetCopyrightNotice() {
  if (vjvCopyrightNotice == null) {
    vjsSetCopyrightNotice("&copy; Copyright ThyssenKrupp Materials NA, Inc. &#150; A ThyssenKrupp Services company", "http://www.tkmna.thyssenkrupp.com");
  }
  return vjvCopyrightNotice;
}


/*
 * View (Private Method) : Get Tabs
 *
 * @return String
 */
function _vjsGetTabs() {
  var s = "";
  if (vjvTabName.length > 0) {
    if (vjvTabSelected == 0) {
      s += "<td><img width=\"18\" height=\"20\" src=\"/corporate/image/tabOpenSelected.gif\" alt=\"\"/></td>";
    } else {
      s += "<td><img width=\"18\" height=\"20\" src=\"/corporate/image/tabOpen.gif\" alt=\"\"/></td>";
    }
    for (var i = 0; i < vjvTabName.length; i++) {
      if (i != 0) {
        if (vjvTabSelected == i) {
          s += "<td><img width=\"18\" height=\"20\" src=\"/corporate/image/tabNextSelected.gif\" alt=\"\"/></td>";
        } else if (vjvTabSelected == i - 1) {
          s += "<td><img width=\"18\" height=\"20\" src=\"/corporate/image/tabNextUnselected.gif\" alt=\"\"/></td>";
        } else {
          s += "<td><img width=\"18\" height=\"20\" src=\"/corporate/image/tabNext.gif\" alt=\"\"/></td>";
        }
      }
      if (vjvTabSelected == i) { 
        s += "<td class=\"vcssTabSelectedCell\"><a class=\"vcssTabSelectedLink\"";
      } else {
        s += "<td class=\"vcssTabCell\"><a class=\"vcssTabLink\"";
      }
      s += " href=\"" + vjvTabUrl[i] + "\" title=\"" + vjvTabTitle[i] + "\">" + vjvTabName[i] + "</a></td>";
    }
    if (vjvTabSelected == vjvTabName.length - 1) {
      s += "<td><img width=\"18\" height=\"20\" src=\"/corporate/image/tabCloseSelected.gif\" alt=\"\"/></td>";
    } else {
      s += "<td><img width=\"18\" height=\"20\" src=\"/corporate/image/tabClose.gif\" alt=\"\"/></td>";
    }
    s += "<td><img width=\"30\" height=\"20\" src=\"/corporate/image/tabCloseLine.gif\" alt=\"\"/></td>";
  }
  return s;
}


/*
 * View : Open Division / Close Division
 *
 */
function vjsOpenDivision() {
}
function vjsCloseDivision() {
}


/*
 * View : Open Project / Close Project
 *
 */
function vjsOpenProject() {
}
function vjsCloseProject() {
}


/*
 * View : Open Package / Close Package
 *
 */
function vjsOpenPackage() {
}
function vjsClosePackage() {
}


/*
 * View : Page Settings
 *
 */
function vjsPageSettings() {
}


/*
 * View : Open Body
 *
 */
function vjsOpenBody() {
  ljsProcessCookie();

  vjsOpenDivision();
  vjsOpenProject();
  vjsOpenPackage();
  vjsClosePackage();
  vjsCloseProject();
  vjsCloseDivision();

  vjsPageSettings();

  if (vjsIsPrinterFriendly()) {
  document.write(""
  + "<table align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"
  + "<tr>"
  + "<td>"
  + _vjsGetLogo()
  + "</td><td>"
  + "<img align=\"right\" border=\"0\" width=\"62\" height=\"62\" src=\"/corporate/image/thyssenKruppShield.gif\" alt=\"ThyssenKrupp Shield\" />"
  + "</td>"
  + "</tr><tr>"
  + "<td colspan=\"2\">"
  + "<table border=\"0\" width=\"100%\">"
  + "<tr>"
  + "<td align=\"left\" class=\"vcssPageTitle\" nowrap=\"nowrap\">"

  + _vjsGetPageTitle()

  + "</td><td align=\"right\" class=\"vcssPageSubtitle\">"

  + _vjsGetPageSubtitle()

  + "</td>"

  + _vjsGetPageMessage()

  + "</tr>"
  + "</table>"
  + "</td>"
  + "</tr><tr>"
  + "<td colspan=\"2\">"
  );
  } else {
  document.write(""
  + "<a name=\"top\"></a>"
  + "<table style=\"height: 100%\" align=\"left\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"

  + "<tr>"
  + "<td valign=\"bottom\" rowspan=\"4\" width=\"10\">&nbsp;</td>"
  + "<td align=\"left\" valign=\"bottom\" height=\"30\">"
  + "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"
  + "<tr>"
  + "<td colspan=\"2\" height=\"2\"><img class=\"vidWidth\" width=\"730\" height=\"5\" src=\"/corporate/image/gap.gif\" alt=\"gap\" /></td>"
  + "</tr><tr id=\"vidTop\">"
  + "<td align=\"left\" valign=\"middle\" height=\"50\">"
  + "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"
  + "<tr>"
  + "<td align=\"left\" valign=\"middle\" height=\"50\">"

  + _vjsGetLogo()

  + "</td><td align=\"right\" valign=\"top\" height=\"50\">"
  + "<table border=\"0\" cellpadding=\"2\" cellspacing=\"0\" align=\"right\" class=\"display\">"
  + "<tr>"

  + _vjsGetHeaderLinks()

  + "</tr><tr>"
  + "<td colspan=\"20\" align=\"right\">"
  + "<table border=\"0\" cellpadding=\"2\" cellspacing=\"0\" valign=\"bottom\">"
  + "<tr>"
  + "<td class=\"vcssPageLink\" nowrap=\"nowrap\">"

  + _vjsGetPrinterFriendly()

  + "</td>"
  + "</tr>"
  + "</table>"
  + "</td>"
  + "</tr>"
  + "</table>"
  + "</td>"
  + "</tr>"
  + "</table>"
  + "</td>"
  + "<td rowspan=\"2\" align=\"right\" valign=\"top\"><a href=\"http://www.tkmna.thyssenkrupp.com\"><img border=\"0\" width=\"62\" height=\"62\" src=\"/corporate/image/thyssenKruppShield.gif\" alt=\"ThyssenKrupp Shield\" /></a></td>"
  + "</tr><tr>"
  + "<td align=\"left\" valign=\"bottom\">"
  + "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"
  + "<tr class=\"vcssTabSection\">"

  + _vjsGetTabs()

  + "</tr><tr>"
  + "<td height=\"2\"><img src=\"/corporate/image/gap.gif\" height=\"2\" width=\"2\" alt=\"gap\" /></td>"
  + "</tr>"
  + "</table>"
  + "</td>"
  + "</tr>"
  + "</table>"
  + "</td>"
  + "<td valign=\"bottom\" rowspan=\"4\" width=\"10\">&nbsp;</td>"

  + "<td id=\"vidRight\" bgcolor=\"#000066\" rowspan=\"4\" valign=\"top\" width=\"29\"><img align=\"top\" width=\"28\" height=\"165\" src=\"/corporate/image/thyssenKrupp.gif\" alt=\"ThyssenKrupp\" /></td>"
  + "</tr>"

  + "<tr>"
  + "<td valign=\"top\" height=\"20\" class=\"vcssProjectSection\">"
  + "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"
  + "<tr>"
  + "<td class=\"vcssProjectSection\">"
  + "<table border=\"0\" cellpadding=\"2\" cellspacing=\"0\" class=\"vcssProjectSection\">"
  + "<tr class=\"vcssProjectSection\">"
  + "<td class=\"vcssProjectSection\"></td>"

  + _vjsGetProjectLinks()

  + "</tr>"
  + "</table>"
  + "</td>"
  + "</tr>"
  + "</table>"
  + "</td>"
  + "</tr>"

  + "<tr>"
  + "<td class=\"vidWidth\" valign=\"top\" width=\"1500\" height=\"290\">"
  + "<table border=\"0\" width=\"100%\">"
  + "<tr>"
  + "<td align=\"left\" class=\"vcssPageTitle\" nowrap=\"nowrap\">"

  + _vjsGetPageTitle()

  + "</td><td align=\"right\" class=\"vcssPageSubtitle\">"

  + _vjsGetPageSubtitle()

  + "</td>"

  + _vjsGetPageMessage()

  + "</tr>"
  + "</table>"
  );
  }
}


/*
 * View : Close Body
 *
 */
function vjsCloseBody() {
  if (vjsIsPrinterFriendly()) {
  document.write(""
  + "</td>"
  + "</tr><tr>"
  + "<td colspan=\"2\">"
  + "<br />"

  + _vjsGetCopyrightNotice()

  + "</td>"
  + "</tr>"
  + "</table>"
  );
  } else {
  document.write(""
  + "</td>"
  + "</tr>"

  + "<tr>"
  + "<td valign=\"bottom\">"
  + "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">"
  + "<tr>"
  + "<td>"
  + "<table border=\"0\" cellpadding=\"2\" cellspacing=\"0\" align=\"right\" class=\"display\">"
  + "<tr>"

  + _vjsGetFooterLinks()

  + "</tr>"
  + "</table>"
  + "</td>"
  + "</tr><tr>"
  + "<td height=\"20\" class=\"vcssCopyrightNotice\">"

  + _vjsGetCopyrightNotice()

  + "</td>"
  + "</tr>"
  + "</table>"
  + "</td>"
  + "</tr>"
  + "</table>"
  );
  }
  vjsRestoreWaste();
}