var bIE3 = (!document.all && document.frames) 
var sUA = navigator.appName.toLowerCase();
var bValidClient = true;
var redDot = true
    redDot.src="http://www.cbc.ca/news/indepth/targetterrorism/widget/images/arrow00.gif";

if (!window.oBr) {
	var oBr =new Sniff4ITT();
}

function Sniff4ITT() {
  this.ie3 = (!document.all && document.frames);
  this.ie4 = (document.all && sUA.indexOf("webtv") == -1) ? true : false;
  this.ns4 = (document.layers) ? true : false;
  this.ns6 = (document.getElementById && !document.all) ? true : false;
  this.webtv = (sUA.indexOf("webtv") != -1) ? true : false;
}

// Obsolete defaults 
imageMain = "";	appSource = ""; appTop = "";

// Defaults
appHeader = ""; appDeck = "";appBottom = "";appWidth = 360;copyHeight = 100;
appNav="";SelectList = "";appNavStyle = 1;appFmt=1;
appLayout = 1;appBG = "";copyWidth = "";bNextHed = true;
mugHeight = 110;mugWidth = 90;BoxRows = 1;BoxCols = 23;

if (document.images) {
	navimg  = new Array();
	for (i=0;i<4;i++) {
		navimg[i] = new Image();
	}
	navimg[0].src="http://www.cbc.ca/news/indepth/targetterrorism/widget/images/arrow03.gif";
	navimg[1].src="http://www.cbc.ca/news/indepth/targetterrorism/widget/images/arrow01.gif";
	navimg[2].src="http://www.cbc.ca/news/indepth/targetterrorism/widget/images/arrow04.gif";
	navimg[3].src="http://www.cbc.ca/news/indepth/targetterrorism/widget/images/arrow02.gif";
}



function sNavArrow(i,dataname) {
	var data = eval(dataname);
	var sHed = (bNextHed) ? SelectList[i+1] : "";
	var iWidth = (appFmt==2) ? appWidth-30 : appWidth;

	sPimg = "<a href=\"javascript:Swapcopy('"+ dataname+"',"+(i-1)+");\" class=navlink><img src=" +navimg[1].src+" border=0 align=absmiddle></a>";
	sNimg = "<a href=\"javascript:Swapcopy('"+ dataname+"',"+(i+1)+");\" class=navlink><img src=" +navimg[3].src+" border=0 align=absmiddle></a>";
	sredDot = "<img src=http://www.cbc.ca/news/indepth/targetterrorism/widget/images/arrow00.gif border=0 align=absmiddle></a>";


	if (i==0)
        { 
	   sPimg = "<img src=" +navimg[0].src+" border=0 align=absmiddle>";
	}

        else if (i==data.length-1) 
        {
		sNimg = "<img src=" +navimg[2].src+" border=0 align=absmiddle>";
	}

	var sTmp = "<table cellpadding=3 cellspacing=0 width=" +iWidth+ " border=0><tr><td ALIGN=center><font face=arial size=1 color=#000099>"+sPimg+sredDot+sNimg+"</font></td><td valign=top align=middle><font face=arial size=1 color=#000000>" +(i+1)+ "&nbsp;/&nbsp;"+data.length+"</font></td></tr></table>";
	return sTmp;
  }

function Swapcopy(dataname,n){	
	var data = eval(dataname);
	if (document.layers) {
		var PopObj = eval("document.layers['poptext_" +dataname+ "']");
		var PopObj2 = eval("document.layers['poptext_" +dataname+ "2']");
		for (i=0;i<PopObj.layers.length;i++) {
			PopObj.layers[i].visibility="hidden";
			if (PopObj2) {	PopObj2.layers[i].visibility="hidden"; }
		}
		PopObj.layers[n].visibility="show";
		if (PopObj2) {	PopObj2.layers[n].visibility="show"; }
	}
	else if (oBr.ie4) { 
		var PopObj = eval("document.all.poptext_" +dataname)
		var PopObj2 = eval("document.all.poptext_" +dataname+"2")
		for (i=0;i<PopObj.length;i++) {
			PopObj[i].style.display="none";
			if (PopObj2) { PopObj2[i].style.display="none";	}
		}
		PopObj[n].style.display="";
		if (PopObj2) {	PopObj2[n].style.display=""; }
	}

	else if (oBr.ns6) { 
		var PopObj = eval("document.getElementById(\"poptext_" +dataname+"\").childNodes");
		var PopObj2 = eval("document.getElementById(\"poptext_" +dataname+"2\")");
		for (i=0;i<PopObj.length;i++) {
			PopObj.item(i).style.display="none";
			if (PopObj2) { PopObj2.childNodes.item(i).style.display="none";	}
		}
		PopObj.item(n).style.display="";
		if (PopObj2) { PopObj2.childNodes.item(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 (oBr.ie4) { 
		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 if (oBr.ns6) { 
		popstr += "<DIV ID=poptext_" +dataname+ ">";
		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 style='display:" +vis+ "'>" + sData + "</DIV>";
		}
		popstr += "</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 (appTop) { appHeader = appTop; }
	var sCols = (appLayout>2) ? " colspan=2" : "";

	if (appWidth == 200) {	// text wraps around the table
		document.write("<table width=" +(appWidth+10)+ " align=left border=0 cellpadding=0 cellspacing=0><TR><TD width=" +appWidth+ ">");
	}
	document.write("<table border=0 width=" +appWidth+ " cellpadding=0 cellspacing=0" +appBG+ ">");

	if (appHeader) { document.write("<tr><td" +sCols+">" +appHeader+ "</td></tr>"); }
	
	if (appLayout==1) {
		document.write("<tr><td valign=top>" +appNav+ "</td></tr>");
		document.write("<tr><td valign=top height=" +copyHeight+ "><font face=arial size=2>" + WriteInitialText(dataname) + "</font></td></tr>");
	}
	else if (appLayout==2) {
		document.write("<tr><td valign=top height=" +copyHeight+ "><font face=arial size=2>" + WriteInitialText(dataname) + "</font></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+ "><font face=arial size=2>" + WriteInitialText(dataname) + "</font></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+ "><font face=arial size=2>" + WriteInitialText(dataname) + "</font></td></tr>");
	}

	document.write("<tr><td align=right valign=top " +sCols+">" +appBottom+ "</td></tr><tr><td " +sCols+" bgcolor=#FFFFFF><font face=arial size=1><a href='javascript:OpenBrillWindow(\"" +dataname+ "\",\"1\");'>Printable version</a> </font></td></tr></table>");
	if (appWidth == 200) { document.write("</TD><TD width=10><SPACER TYPE=BLOCK WIDTH=1></TD></TABLE>"); }
	
	data[-1] = new Array(appHeader,appDeck,SelectList);
	if (appNav) {data[-1][0] += appNav;}
}

function Poptext2(dataname) {
	var data = eval(dataname);
	appFmt=2;
	if (appWidth == 200) {	// text wraps around the table
		document.write("<table width=" +(appWidth+10)+ " align=left border=0 cellpadding=0 cellspacing=0><TR><TD width=" +appWidth+ ">");
	}
	document.write("<table bgcolor=#ffffcc border=0 width=" +appWidth+ "  cellpadding=0 cellspacing=0><tr bgcolor=#003399><td colspan=5 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><font face=arial size=2>" +appDeck+ "</font></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>");

	document.write("<tr><td  colspan=2><SPACER TYPE=block width=1></td><td align=left valign=top height=" +copyHeight+ " bgcolor=#ffffcc><font face=arial size=2>" + WriteInitialText(dataname) + "</font></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>");
	document.write("<tr><td bgcolor=#ffffff colspan=5>" +appBottom+ "<br><font face=arial size=1><a href='javascript:OpenBrillWindow(\"" +dataname+ "\",\"2\");'>Printable version</a> </font></td></tr></table>"); 

	if (appWidth == 200) { document.write("</TD><TD width=10><SPACER TYPE=BLOCK WIDTH=1></TD></TABLE>"); }
	
	data[-1] = new Array(appHeader,appDeck,SelectList);
}

function Poptext2b(dataname,listname) {
	var data = eval(dataname);
	if (appWidth == 200) {	// text wraps around the table
		document.write("<table width=" +(appWidth+10)+ " align=left border=0 cellpadding=0 cellspacing=0><TR><TD width=" +appWidth+ ">");
	}
	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>"); }
	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>");
	document.write("</table>");
	if (appWidth == 200) { document.write("</TD><TD width=10><SPACER TYPE=BLOCK WIDTH=1></TD></TABLE>"); }
	data[-1] = new Array(appHeader,appDeck,SelectList);
}

function Poptext3(dataname) {
	var data = eval(dataname);
	var swapimg = eval(dataname+"2");
	// check image array type
	bStaticImg = (swapimg[0].indexOf("/") == 0) ? true : false;

	if (document.images && bStaticImg) {
		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 if (bStaticImg) {
		var sImgTmp = swapimg[0];
	}
	if (bStaticImg) { // write out image
		sImages = "<img src=\"" +sImgTmp+ "\" height=" +mugHeight+ " width=" +mugWidth+ " hspace=0 vspace=0 border=0 align=right name=\"popmug_" +dataname+ "\">";
	} else { // write out swap layers
		sImages = WriteInitialText(dataname+"2");
	}

	if (appTop) { appHeader = appTop; }

	var sNav = "";
	if (appNav) {
		sNav = appNav;
	} else if (typeof SelectList == "string") {	// legacy apps
		sNav = SelectList;
	} else {
		sNav += "<table>";
		for (var i=0; i<SelectList.length;i++) {
			if (SelectList[i]) {
			  sNav += "<tr><td><b><font size=1 face=Verdana color=#CC0000>&#0149;</font></td><td> <a href='javascript:Swapcopy(\"" +dataname+ "\"," +i+ ");' class=txtlink><font size=2 face=Arial>"+SelectList[i]+"</font></b></a></td></tr>";
			}
		}
		sNav += "</table>";
	}

	if (appWidth == 200) {	// text wraps around the table
		document.write("<table width=" +(appWidth+10)+ " align=left border=0 cellpadding=0 cellspacing=0><TR><TD width=" +appWidth+ ">");
	}
	document.write("<table border=0 width=" +appWidth+ " cellpadding=0 cellspacing=0 " +appBG+ ">");
	document.write("<tr><td align=left colspan=3>" +appHeader+ "</td></tr>");

	if (appLayout==1) {
		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 valign=top>" + sImages +"</td><td align=left valign=top>" + sNav+ "</td></tr>");

	} else if (appLayout==2){
		document.write("<tr><td width=" +(appWidth-mugWidth)+ " height=5><SPACER type=block width=1></td><td width=" +mugWidth+ "><SPACER type=block width=1></td><td width=15 rowspan=4><SPACER type=block width=1></td></tr>");

		document.write("<tr><td align=left valign=top>" + sNav+ "</td><td  valign=top>" + sImages +"</td></tr>");
	}
	document.write("<tr><td colspan=2 valign=top width=" +(appWidth-25)+ " height=" +copyHeight+ "><font face=arial size=2>" +WriteInitialText(dataname)+ "</font></td></tr><tr><td align=right valign=top colspan=2>" +appBottom+ "</td></tr><tr><td valign=top colspan=2><font face=arial size=1><a href='javascript:OpenBrillWindow(\"" +dataname+ "\",\"3\");'>Printable version</a> </font></td></tr></table>");

	if (appWidth == 200) { document.write("</TD><TD width=10><SPACER TYPE=BLOCK WIDTH=1></TD></TABLE>"); }

	data[-1] = new Array(appHeader,appDeck,SelectList);
}

