var testDrive = null;
var pageWidth=500;
var horizontalOffset = 70;
var verticalOffset = 62;
var kerning = 2;
var wordSpacing = 12;
var kerningHtml = "<img src='images/f07_spacer.gif' height='1' width='" + kerning + "' border='0'>";
var wordSpacingHtml = "<img src='images/f07_spacer.gif' height='1' width='" + wordSpacing + "' border='0'>";
var horizontalOffsetHtml = "<img src='images/f07_spacer.gif' height='1' width='" + horizontalOffset + "' border='0'>";
var verticalOffsetHtml = "<img src='images/f07_spacer.gif' width='1' height='" + verticalOffset + "' border='0'>";
var words = new Array;
outputHtml = "";
outputImgLen = 0;
lineCt = 0;

function setUpTestDrive() {
/* BESURE TO PRELOAD THE CHARIMGS */
charImgs = new Array;
charImgs["A"]="images/f07_capA.gif";
charImgs["B"]="images/f07_capB.gif";
charImgs["C"]="images/f07_capC.gif";
charImgs["D"]="images/f07_capD.gif";
charImgs["E"]="images/f07_capE.gif";
charImgs["F"]="images/f07_capF.gif";
charImgs["G"]="images/f07_capG.gif";
charImgs["H"]="images/f07_capH.gif";
charImgs["I"]="images/f07_capI.gif";
charImgs["J"]="images/f07_capJ.gif";
charImgs["K"]="images/f07_capK.gif";
charImgs["L"]="images/f07_capL.gif";
charImgs["M"]="images/f07_capM.gif";
charImgs["N"]="images/f07_capN.gif";
charImgs["O"]="images/f07_capO.gif";
charImgs["P"]="images/f07_capP.gif";
charImgs["Q"]="images/f07_capQ.gif";
charImgs["R"]="images/f07_capR.gif";
charImgs["S"]="images/f07_capS.gif";
charImgs["T"]="images/f07_capT.gif";
charImgs["U"]="images/f07_capU.gif";
charImgs["V"]="images/f07_capV.gif";
charImgs["W"]="images/f07_capW.gif";
charImgs["X"]="images/f07_capX.gif";
charImgs["Y"]="images/f07_capY.gif";
charImgs["Z"]="images/f07_capZ.gif";
charImgs["a"]="images/f07_lowA.gif";
charImgs["b"]="images/f07_lowB.gif";
charImgs["c"]="images/f07_lowC.gif";
charImgs["d"]="images/f07_lowD.gif";
charImgs["e"]="images/f07_lowE.gif";
charImgs["f"]="images/f07_lowF.gif";
charImgs["g"]="images/f07_lowG.gif";
charImgs["h"]="images/f07_lowH.gif";
charImgs["i"]="images/f07_lowI.gif";
charImgs["j"]="images/f07_lowJ.gif";
charImgs["k"]="images/f07_lowK.gif";
charImgs["l"]="images/f07_lowL.gif";
charImgs["m"]="images/f07_lowM.gif";
charImgs["n"]="images/f07_lowN.gif";
charImgs["o"]="images/f07_lowO.gif";
charImgs["p"]="images/f07_lowP.gif";
charImgs["q"]="images/f07_lowQ.gif";
charImgs["r"]="images/f07_lowR.gif";
charImgs["s"]="images/f07_lowS.gif";
charImgs["t"]="images/f07_lowT.gif";
charImgs["u"]="images/f07_lowU.gif";
charImgs["v"]="images/f07_lowV.gif";
charImgs["w"]="images/f07_lowW.gif";
charImgs["x"]="images/f07_lowX.gif";
charImgs["y"]="images/f07_lowY.gif";
charImgs["z"]="images/f07_lowZ.gif";
charImgs["1"]="images/f07_num1.gif";
charImgs["2"]="images/f07_num2.gif";
charImgs["3"]="images/f07_num3.gif";
charImgs["4"]="images/f07_num4.gif";
charImgs["5"]="images/f07_num5.gif";
charImgs["6"]="images/f07_num6.gif";
charImgs["7"]="images/f07_num7.gif";
charImgs["8"]="images/f07_num8.gif";
charImgs["9"]="images/f07_num9.gif";
charImgs["0"]="images/f07_num0.gif";
charImgs["&"]="images/f07_punAmp.gif";
charImgs["'"]="images/f07_punApostrophe.gif";
charImgs["*"]="images/f07_punAsterisk.gif";
charImgs["@"]="images/f07_punAt.gif";
charImgs['\\']="images/f07_punBackSlash.gif";
charImgs["["]="images/f07_punBracketLeft.gif";
charImgs["]"]="images/f07_punBracketRight.gif";
charImgs["^"]="images/f07_punCaret.gif";
charImgs[":"]="images/f07_punColon.gif";
charImgs[","]="images/f07_punComma.gif";
charImgs["{"]="images/f07_punCurlyBracketLeft.gif";
charImgs["}"]="images/f07_punCurlyBracketRight.gif";
charImgs["-"]="images/f07_punDash.gif";
charImgs["$"]="images/f07_punDollar.gif";
charImgs["="]="images/f07_punEqual.gif";
charImgs["!"]="images/f07_punExclamation.gif";
charImgs[">"]="images/f07_punGreaterThan.gif";
charImgs["<"]="images/f07_punLessThan.gif";
charImgs["("]="images/f07_punParenLeft.gif";
charImgs[")"]="images/f07_punParenRight.gif";
charImgs["%"]="images/f07_punPercent.gif";
charImgs["."]="images/f07_punPeriod.gif";
charImgs["+"]="images/f07_punPlus.gif";
charImgs["#"]="images/f07_punPound.gif";
charImgs["?"]="images/f07_punQuestion.gif";
charImgs['"']="images/f07_punQuote.gif";
charImgs[";"]="images/f07_punSemiColon.gif";
charImgs["/"]="images/f07_punSlash.gif";
charImgs["_"]="images/f07_punUnderScore.gif";
charImgs["|"]="images/f07_punVerticalBar.gif";
charImgs["~"]="images/f07_punTilde.gif";
charImgs["`"]="images/f07_punAccent.gif";
preloadImages();
}
function newWindow(){
testDrive=window.open("","testDrive","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=615,height=485");
  if(parseInt(navigator.appVersion) >= 4){testDrive.window.focus();}
  testDriveInitIt();
}  
function testDriveInitIt(){
testDrive.document.write("<html><head><title>testDrive Copperplate</title></head><body onBlur='window.focus();' background='images/f07_testDriveBG.gif' style='margin:0;'><div style='position: absolute; top: 395px; left: 248px; visibility: visible; z-index: 10;'><a href='#' onClick='javscript: window.close();'><img src='images/f07_closeWindow.gif' width='134' height='20' border='0'></a></div>");
}
function checkEnter(event)
{ 
    NS4 = (document.layers) ? true : false;	
	var code = 0;
	if (NS4)
		code = event.which;
	else
		code = event.keyCode;
	if (code==13){
	alert ("enter");
		go();}
}
// preload images
function preloadImages(){
  var myimages=new Array()
  for (i=0;i<charImgs.length;i++){
    myimages[i]=new Image();
    myimages[i].src=charImgs[i];
  }
}
function lenWordAsImg(word){
  imgTemp = new Image;
  var len = 0;
  var i = 0;
  for (i = 0; i < word.length; i ++){
    imgTemp.src = charImgs[word.charAt(i)];
	len = len + imgTemp.width + kerning;
  }
  return len - kerning;
}
function wordAsHtml (word) {
  var i = 0;
  var html = "";
  for (i = 0; i < word.length; i ++){
    html = html + "<img src='" + charImgs[word.charAt(i)] + "' border='0'>";
	if ( i < word.length - 1) { html = html + kerningHtml;}
  }
  return html;
}
function printLine (line, cr) {
  if (lineCt == 9){return false;}
  line = horizontalOffsetHtml + line;
  testDrive.document.write(line);
  if (cr) {
    testDrive.document.write("<font face='arial' size='-5'><br></font>");
  }
  lineCt = lineCt + 1;
  return false;
}
function go (){
newWindow();
  var i = 0;
  carriageReturn = true;
  printLine(verticalOffsetHtml, carriageReturn);
  x = document.form1.inputLine.value;
  words = x.split(" ");
  for (i = 0; i < words.length; i ++){
    if (outputImgLen + lenWordAsImg(words[i])>= pageWidth){
	  // word will not fit on current line, so write the line
	  carriageReturn = true;
	  printLine(outputHtml, carriageReturn);
	  outputHtml = "";
	  outputImgLen = 0;
    }
    outputHtml = outputHtml + wordAsHtml(words[i]) + wordSpacingHtml;
	outputImgLen = outputImgLen + lenWordAsImg(words[i]) + wordSpacing;
	if ( i == words.length -1) {
	  carriageReturn = false;
	  printLine(outputHtml, carriageReturn);
	}
  }
  testDrive.focus();
  testDrive.document.close();
  document.form1.inputLine.value = "";
} 
function amesWindow(){
aw=window.open("","aw","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=226");
  if(parseInt(navigator.appVersion) >= 4){aw.window.focus();}
  amesWindowInit();
}  
function amesWindowInit(){
aw.document.write("<html><head><title>Ames Library Logo</title></head><body onBlur='window.focus();' bgcolor='#000000' style='margin:0;' leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'><img src='images/f07_amesLogo.jpg' border='0' width='400' height='225' usemap='#Map'><map name='Map'><area shape='rect' coords='260,4,396,27' href='javascript: window.close();'></map></body></html>");
aw.document.close();
}
function skechWindow(){
sw=window.open("","sw","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=778,height=352");
  if(parseInt(navigator.appVersion) >= 4){sw.window.focus();}
  skechWindowInit();
}  
function skechWindowInit(){
sw.document.write("<html><head><title>Skechers Logo</title></head><body onBlur='window.focus();' bgcolor='#000000' style='margin:0;' leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'><map name='Map3'><area shape='rect' coords='637,5,773,27' href='javascript: window.close();'></map><img src='images/f07_sketchers.jpg' width='778' height='352' border='0' usemap='#Map3'></body></html>");
sw.document.close();
}
function show(id) {
    divs = document.getElementsByTagName("div");
    divs[id].style.visibility = "visible";
}
function showHide(id, visibility) {
    divs = document.getElementsByTagName("div");
    divs[id].style.visibility = visibility;
}
function hideAll() {
    divs = document.getElementsByTagName("div");
	for (i=0; i < divs.length; i++){
      divs[i].style.visibility = "hidden";
    }
}