// poptext code v. 2.0
//  Author - Brenden West. Updated 5-8-00

var bIE3 = (!document.all && document.frames) ? true : false;
var sUA = navigator.appName.toLowerCase();
var bValidClient = true;

// Reset Application variables
imageMain = "";	// obsolete
appHeader = "";
appDeck = "";
appSource = "";
appTop = "";
appBottom = "";
appWidth = 360;
appLayout = 1;
appBG = "";
appNavStyle = 1;
copyHeight = 95;
copyWidth = "";
SelectList = "";
mugHeight = 110;
mugWidth = 90;
BoxRows = 1;
BoxCols = 23;

//appNavStyle 1 = dropdown list, 2 = arrows with text

if (document.images) {
	navimg  = new Array();
	for (i=0;i<4;i++) {
		navimg[i] = new Image();
	}
	navimg[0].src="images/gleft.gif";
	navimg[1].src="images/bleft.gif";
	navimg[2].src="images/gright.gif";
	navimg[3].src="images/bright.gif";
}


function sNavArrow(i,dataname) {
var data = eval(dataname);
	if (document.images) { 
	if (i==0) { var sTmp = "<table cellpadding=3 cellspacing=0 width=" +(appWidth-30)+ " border=0><tr><td><font face=arial size=1 color=#000099><img src=" +navimg[0].src+" border=0 align=absmiddle>&nbsp;|&nbsp;<a href=\"javascript:Swapcopy('"+ dataname+"',"+(i+1)+");\" class=navlink><img src=" +navimg[3].src+" border=0 align=absmiddle> "+SelectList[i+1]+" </a></font></td><td valign=top align=right><font face=arial size=1 color=#000099>" +(i+1)+ "&nbsp;/&nbsp;"+data.length+"</font></td></tr></table>" }
		else if (i<data.length-1) { var sTmp = "<table cellpadding=3 cellspacing=0 width=" +(appWidth-30)+"><tr><td valign=top><font face=arial size=1 color=#000099><a href=\"javascript:Swapcopy('"+ dataname+"',"+(i-1)+");\" class=navlink><img src=" +navimg[1].src +" border=0 align=absmiddle></a> | <a href=\"javascript:Swapcopy('"+ dataname+"',"+(i+1)+");\" class=navlink><img src=" +navimg[3].src+" border=0 align=absmiddle> "+SelectList[i+1]+" </a></font></td><td valign=top align=right><font face=arial size=1 color=#000099>"+(i+1)+"&nbsp;/&nbsp;"+data.length+"&nbsp;&nbsp;</font></td></tr></table>" }
		else  { var sTmp = "<table cellpadding=3 cellspacing=0 width=" +(appWidth-30)+ "><tr><td valign=top><font face=arial size=1 color=#000099><a href=\"javascript:Swapcopy('"+ dataname+"',"+(i-1)+");\" class=navlink><img src=" +navimg[1].src +" border=0 align=absmiddle>&nbsp;</a>|&nbsp;<img src=" +navimg[2].src +" border=0 align=absmiddle></font></td><td valign=top align=right><font face=arial size=1 color=#000099>"+(i+1)+"&nbsp;/&nbsp;"+data.length+"&nbsp;&nbsp;</font></td></tr></table>" }
	}
	return sTmp;
  }

function Swapcopy(dataname,n){
	
	var data = eval(dataname);
	if (document.layers) {
		var PopObj = eval("document.layers['poptext_" +dataname+ "']");
		for (i=0;i<PopObj.layers.length;i++) {
			PopObj.layers[i].visibility="hidden";
		}
		PopObj.layers[n].visibility="show";
	}
	else if (document.all && sUA.indexOf("webtv") == -1) { 
		var PopObj = eval("document.all.poptext_" +dataname)
		for (i=0;i<PopObj.length;i++) {
			PopObj[i].style.display="none";
		}
		PopObj[n].style.display="";
	}
	else {
		var PopObj = eval("document.poptext_" +dataname+".txtarea");
		PopObj.value=StripHTML(data[n]); 
	}

	if (document.images) {
		var PopMug = eval("document.images.popmug_"+dataname);		
		if (PopMug) { 
			var swapimg = eval(dataname+"2");
			PopMug.src= swapimg[n].src; 
		}
	} 
}

function StripHTML(str) { // this function doesn't work for NS 3.0 and earlier.

  if (navigator.appName!="Netscape" || (navigator.appName=="Netscape" && parseFloat(navigator.appVersion)>=3.01)) {
    var strt=str.indexOf('<')
    var nd = str.indexOf('>')
    var str2 = "";  var chk = "";
    while (strt > -1 && nd > -1) {
      chk = str.substring(strt,nd+1).toLowerCase();
      str2 += str.substring(0,strt) + " ";
      if ((chk=="<br>" || chk=="<tr>") && str2!="") { str2 += "\n"; }
      else if (chk=="<p>" && str2!="") { str2 += "\n\n"; }
      else if (chk=="<li>") { str2 += " * "; }
      str = str.substring(nd+1);
      strt=str.indexOf('<')
      nd = str.indexOf('>')
    }
    return str2+str;
  } else {
    return str
  }
}

function WriteInitialText(dataname){
	var data = eval(dataname);
	var popstr = "";
	if (document.layers) {
		popstr += "<ILAYER name=poptext_" +dataname+ ">";
		for (i=0;i<data.length;i++) {	
			var vis = (i==0) ? "show" : "hidden";
		if (appNavStyle == 2) { sData = sNavArrow(i,dataname)+"<br>"+ data[i]; }
		else { sData = data[i]; }
		popstr += "<LAYER visibility=\"" +vis+ "\"><html><body>"+sData + "</body></html></LAYER>";
			}
		popstr += "</ILAYER>";
	}
	else if (document.all && sUA.indexOf("webtv") == -1) { 
		for (i=0;i<data.length;i++) {	
			var vis = (i==0) ? "show" : "none";
			if (appNavStyle == 2) { sData = sNavArrow(i,dataname)+"<br>"+ data[i]; }
			else { sData = data[i]; }
			popstr += "<DIV ID=poptext_" +dataname+ " style='display:" +vis+ "'>" + sData + "</DIV>";
		
	}
	}
	else {
		popstr += "<form name=poptext_" +dataname+ "><textarea name='txtarea' rows=" +rows+ " cols=" +cols+ " wrap='physical'>" +StripHTML(data[0])+ "</textarea></form>";
	}
	return popstr;
}


function Poptext1(dataname) {
	var data = eval(dataname);
	if (imageMain) {	// convert old apps
		appNav = "<img src=\"" +imageMain[0]+ "\" height=" +imageMain[2]+ " width=" +imageMain[1]+ " hspace=0 vspace=0 border=0 USEMAP=\"#popspots_" +dataname+ "\">";
		leftWidth=imageMain[1];
	}
	var sCols = (appLayout>2) ? " colspan=2" : "";

	document.write("<table border=0 width=" +appWidth+ " cellpadding=0 cellspacing=0" +appBG+ ">");

	if (appTop) { document.write("<tr><td" +sCols+">" +appTop+ "</td></tr>"); }

	if (appLayout==1) {
		document.write("<tr><td valign=top>" +appNav+ "</td></tr>");
		document.write("<tr><td valign=top height=" +copyHeight+ ">" + WriteInitialText(dataname) + "</td></tr>");
	}
	else if (appLayout==2) {
		document.write("<tr><td valign=top height=" +copyHeight+ ">" + WriteInitialText(dataname) + "</td></tr>");
		document.write("<tr><td valign=top>" +appNav+ "</td></tr>");
	}
	else if (appLayout==3) {
		document.write("<tr><td valign=top height=" +copyHeight+ " width=" +copyWidth+ ">" + WriteInitialText(dataname) + "</td><td valign=top width=" +(appWidth-copyWidth)+ ">" +appNav+ "</td></tr>");
	}
	else if (appLayout==4) {
		document.write("<tr><td valign=top width=" +(appWidth-copyWidth)+ ">" +appNav+ "</td><td valign=top height=" +copyHeight+ " width=" +copyWidth+ ">" + WriteInitialText(dataname) + "</td></tr>");
	}

	document.write("<tr><td align=right valign=top" +sCols+">" +appBottom+ "</td></tr></table>");
}

function Poptext2(dataname) {
	var data = eval(dataname);
	document.write("<table bgcolor=#ffffcc border=0 width=" +appWidth+ "  cellpadding=0 cellspacing=0><tr><td colspan=5 bgcolor=#003399 valign=center height=35 align=left>&nbsp;&nbsp;<font face=\"arial, helvetica\" size=3 color=#ffffcc><b>" +appHeader+ "</b></td></tr>");
	document.write("<tr><td bgcolor=#003399 width=5 height=5><SPACER TYPE=block width=5></td><td bgcolor=#ffffcc width=10 height=5><SPACER TYPE=block width=10></td><td bgcolor=#ffffcc width=" +(appWidth-30)+ "><SPACER TYPE=block width=1></td><td bgcolor=#ffffcc width=10 height=5><SPACER TYPE=block width=10></td><td bgcolor=#003399 width=5 height=5><SPACER TYPE=block width=5></td></tr>");
	if (appDeck) {
		document.write("<tr bgcolor=#ffffcc><td colspan=2><SPACER TYPE=block width=1></td><td>" +appDeck+ "</td><td colspan=2><SPACER TYPE=block width=1></td></tr>");
	}
	document.write("<tr><td colspan=2><SPACER TYPE=block width=1></td><td colspan=3 bgcolor=#ffffcc width=1 height=7><SPACER TYPE=block width=1></td><td  colspan=2><SPACER TYPE=block width=1></td></tr>");
	if(appNavStyle==1){ 
	document.write("<Form name=popdrop_" +dataname+ "><tr><td  colspan=2><SPACER TYPE=block width=1></td><td width=10 bgcolor=#ffffcc valign=top><select onChange=\"Swapcopy('" +dataname+ "',this.selectedIndex)\">");

	for (i=0;i<SelectList.length;i++) {
		document.write("<option>" + SelectList[i]);
	}
	document.write("</Select></td><td colspan=2><SPACER TYPE=block width=1></td></tr></FORM>");
	
	document.write("<tr><td  colspan=2><SPACER TYPE=block width=1></td><td colspan=3 bgcolor=#ffffcc width=1 height=7><SPACER TYPE=block width=1></td><td colspan=2><SPACER TYPE=block width=1></td></tr>");
}
	document.write("<tr><td  colspan=2><SPACER TYPE=block width=1></td><td align=left valign=top height=" +copyHeight+ " bgcolor=#ffffcc>" + WriteInitialText(dataname) + "</td><td  colspan=2><SPACER TYPE=block width=1></td></tr>");
	document.write("<tr><td colspan=5 bgcolor=#ffffcc width=1 height=7><SPACER TYPE=block width=1></td></tr>");
	document.write("<tr><td bgcolor=#99CCFF width=5 height=5><SPACER TYPE=block width=1></td><td colspan=3 bgcolor=#ffffcc><SPACER TYPE=block width=1></td><td bgcolor=#99CCFF width=5 height=5><SPACER TYPE=block width=1></td></tr>");
	document.write("<tr><td bgcolor=#99CCFF height=5 colspan=5><SPACER TYPE=block width=1></td></tr></table>");
}

function Poptext2b(dataname,listname) {
	var data = eval(dataname);
	document.write("<table border=0 width=" +appWidth+ " cellpadding=0 cellspacing=0" +appBG+ ">");

	if (appHeader) { document.write("<TR><TD VALIGN=TOP><Font Face=Arial Size=4 color=#CC0000><B>" +appHeader+ "</Font></B></TD></TR>"); }

	if (appDeck) { document.write("<TR><TD VALIGN=TOP><Font Face=Arial Size=2><B>" +appDeck+ "</Font></B></TD></TR>"); }
	if(appNavStyle==1){ 
	document.write("<Form name=popdrop_" +dataname+ "><tr><td valign=top><select onChange=\"Swapcopy('" +dataname+ "',this.selectedIndex)\">");
	for (i=0;i<SelectList.length;i++) {
		document.write("<option>" + SelectList[i]);
	}
	document.write("</Select></td></tr></FORM>");
	}
	document.write("<tr><td height=7><SPACER TYPE=block width=1></td></tr>");
	document.write("<tr><td align=left valign=top height=" +copyHeight+ "><font face=arial size=2>" +WriteInitialText(dataname)+ "</font></td></tr></TABLE>");
}

function Poptext3(dataname,swapimg) {
	var data = eval(dataname);
	if (document.images) {
		var iTmp = "";
		for (i=0;i<swapimg.length;i++) {
			iTmp = swapimg[i];
			swapimg[i] = new Image();
			swapimg[i].src = iTmp;
		}
		var sImgTmp = swapimg[0].src;
	} else {
		var sImgTmp = swapimg[0];
	}

	document.write("<table border=0 width=" +appWidth+ " cellpadding=0 cellspacing=0 bgcolor=#FFFFFF>");
	document.write("<tr><td align=left colspan=4>" +appTop+ "</td></tr>");
	document.write("<tr><td width=15 rowspan=4><SPACER type=block width=1></td><td width=" +mugWidth+ " height=5><SPACER type=block width=1></td><td width=" +(appWidth-mugWidth)+ "><SPACER type=block width=1></td></tr>");

	document.write("<tr><td align=right valign=top><img src=\"" +sImgTmp+ "\" height=" +mugHeight+ " width=" +mugWidth+ " hspace=0 vspace=0 border=0 align=right name=\"popmug_" +dataname+ "\"></td>");

	document.write("<td align=left valign=top>");
	if (typeof SelectList == "string") {
		document.write(SelectList);
	} else {
		for (var i=0; i<SelectList.length;i++) {
			document.write("<font size=1 face=Verdana color=#CC0000><b>&#0149;</b></font> <a href='javascript:Swapcopy(\"" +dataname+ "\"," +i+ ");' class=txtlink><font size=2 face=Arial>"+SelectList[i]+"</font><br></a>");
		}
	}

	document.write("</td></tr><tr><td colspan=2 valign=top width=" +(appWidth-25)+ " height=" +copyHeight+ ">" +WriteInitialText(dataname)+ "</td></tr><tr><td align=right valign=top colspan=2>" +appBottom+ "</td></tr></table>");
}

function ShowComparison(dataname,iCategory) {
	var data = eval(dataname);
	if (bIE3) {  // IE3 doesn't recognize form fields as arrays.
		for (i=0;i<data[1].length;i++) {
			var F = eval("document.frmCompare_" +dataname+".displaybox"+i);
			F.value=data[iCategory][i];
		}
	}
	else {
		var F = eval("document.frmCompare_" +dataname+".displaybox");
		for (i=0;i<data[1].length;i++) {
			F[i].value=data[iCategory][i];
		}
	}
}

function DoCompare(dataname) {
	var data = eval(dataname);
	document.write("<form name=frmCompare_" +dataname+ ">");
	document.write("<table width=" +appWidth+ " border=0 cellspacing=0 cellpadding=0><TR bgcolor=#003399><TD WIDTH=5><SPACER TYPE=BLOCK WIDTH=1></TD><TD COLSPAN=2 valign=center height=35><font face=\"arial, helvatica\" size=3 color=#ffffcc><b>"+appHeader+"</font></td><TD WIDTH=5><SPACER TYPE=BLOCK WIDTH=1></TD></tr>");
	
	document.write("<tr><td bgcolor=#003399 width=5 height=5><SPACER TYPE=block width=5></td><td colspan=2 bgcolor=#ffffcc width=" +(appWidth-10)+ "><SPACER TYPE=block width=1></td><td bgcolor=#003399 width=5 height=5><SPACER TYPE=block width=5></td></tr>");

	document.write("<tr bgcolor=#ffffcc colspan=2><TD WIDTH=5><SPACER TYPE=BLOCK WIDTH=1></TD><td colspan=2><font face=arial size=2>"+appDeck+"</td><TD WIDTH=5><SPACER TYPE=BLOCK WIDTH=1></TD></tr>");

	document.write("<tr valign=top height=8 bgcolor=#ffffcc><TD WIDTH=5 rowspan=3><SPACER TYPE=BLOCK WIDTH=1></TD><td colspan=2><SPACER TYPE=BLOCK WIDTH=1></td><TD WIDTH=5 rowspan=3><SPACER TYPE=BLOCK WIDTH=1></TD></tr>");

	document.write("<tr valign=top bgcolor=#ffffcc><td align=left width=" +leftWidth+ ">");
	if (typeof SelectList == "string") { 
		document.write(SelectList); 
	}
	else {
			for (var i=0; i<SelectList.length;i++) {
				document.write("<font size=1 face=Verdana color=#CC0000><b>&#0149;</b></font> <a href='javascript:ShowComparison(\"" +dataname+ "\"," +(i+1)+ ");' class=txtlink><font size=2 face=Arial>"+SelectList[i]+"</font><br></a>");
			}
	}
	document.write("</td><td width=" +(appWidth-leftWidth)+ ">");
	for (i=0;i<data[1].length;i++) {
		var sBox = (bIE3) ? i : "";
		document.write("<font size=2 face=Arial><b>"+data[0][i]+"<br>");
		if (BoxRows==1) {
			document.write("<input type=text name=displaybox" +sBox+ " size=" +BoxCols+ " READONLY><br>");
		} else {
			document.write("<TEXTAREA name=displaybox" +sBox+ " COLS=" +BoxCols+ " ROWS=" +BoxRows+ " wrap=virtual READONLY></TEXTAREA><br>");
		}
	}
	document.write("</td></tr><tr bgcolor=#ffffcc><td colspan=2 height=8><SPACER TYPE=block width=5></td></tr><tr><td bgcolor=#99CCFF width=5 height=5><SPACER TYPE=block width=5></td><td colspan=2 bgcolor=#ffffcc><SPACER TYPE=block width=5></td><td bgcolor=#99CCFF width=5 height=5><SPACER TYPE=block width=5></td></tr><tr bgcolor=#99CCFF><td colspan=4 HEIGHT=5><SPACER TYPE=BLOCK WIDTH=1></td></tr><tr><td colspan=5><font face=arial size=1>" +appSource+ "</td></tr></table></form>");
}

function DoCompare2(dataname) {
	var data = eval(dataname);
	var sTmp = "";
	document.write("<table width=" +appWidth+ " border=0 cellspacing=0 cellpadding=0><TR bgcolor=#003399><TD WIDTH=5><SPACER TYPE=BLOCK WIDTH=1></TD><TD valign=center height=35><font face=\"arial, helvatica\" size=3 color=#ffffcc><b>"+appHeader+"</font></td><TD WIDTH=5><SPACER TYPE=BLOCK WIDTH=1></TD></tr>");
	
	document.write("<tr><td bgcolor=#003399 width=5 height=5><SPACER TYPE=block width=5></td><td bgcolor=#ffffcc width=" +(appWidth-10)+ "><SPACER TYPE=block width=1></td><td bgcolor=#003399 width=5 height=5><SPACER TYPE=block width=5></td></tr>");

	document.write("<form name=frmCompare_" +dataname+ "><tr bgcolor=#ffffcc><TD WIDTH=5 rowspan=3><SPACER TYPE=BLOCK WIDTH=1></TD><td width=" +(appWidth-10)+ "><font face=arial size=2>"+appDeck);
	if (typeof SelectList == "string") { 
		document.write(SelectList); 
	}
	else {
		sTmp += "<br><select onChange='ShowComparison(\"" +dataname+ "\",this.selectedIndex+1)'>";
		for (var i=0; i<SelectList.length;i++) {
			sTmp += "<option>"+SelectList[i];
		}
		sTmp += "</select>";
	}
	
	document.write(sTmp + "</td><TD WIDTH=5 rowspan=3><SPACER TYPE=BLOCK WIDTH=1></TD></tr>");
	
	document.write("<tr valign=top bgcolor=#ffffcc><td align=left width=" +(appWidth-10)+ ">");

	for (i=0;i<data[1].length;i++) {
		var sBox = (bIE3) ? i : "";
		document.write("<font size=2 face=Arial><b>"+data[0][i]+"<br>");
		if (BoxRows==1) {
			document.write("<input type=text name=displaybox" +sBox+ " size=" +BoxCols+ " READONLY><br>");
		} else {
			document.write("<TEXTAREA name=displaybox" +sBox+ " COLS=" +BoxCols+ " ROWS=" +BoxRows+ " wrap=virtual READONLY></TEXTAREA><br>");
		}
	}
	document.write("</td></tr><tr bgcolor=#ffffcc><td height=8><SPACER TYPE=block width=5></td></tr><tr><td bgcolor=#99CCFF width=5 height=5><SPACER TYPE=block width=5></td><td bgcolor=#ffffcc><SPACER TYPE=block width=5></td><td bgcolor=#99CCFF width=5 height=5><SPACER TYPE=block width=5></td></tr><tr bgcolor=#99CCFF><td colspan=3 HEIGHT=5><SPACER TYPE=BLOCK WIDTH=1></td></tr><tr><td colspan=3><font face=arial size=1>" +appSource+ "</td></tr></table></form>");
}