/*
 
 * Name:		Tab.js
 * Date:		04/17/2006
 * Author:		Atsushi Shimo
 * Email:		ashimo@worldbank.org
 
 Generates tabs for CSID UI using wbi.css
 
 
*/

var TabIDList = new Array();
TabIDList[0] = 1;
TabIDList[1] = 2;
TabIDList[2] = 3;
TabIDList[3] = 4; 

var TabLabelList = new Array();
TabLabelList[0] = "Main";
TabLabelList[1] = "Search by Country";
TabLabelList[2] = "Search by Topic";
TabLabelList[3] = "Search Projects"; 

var TabLinkList = new Array();
TabLinkList[0] = "http://web.worldbank.org/WBSITE/EXTERNAL/DATASTATISTICS/0,,contentMDK:20541648~menuPK:1192714~pagePK:64133150~piPK:64133175~theSitePK:239419,00.html";
TabLinkList[1] = "http://web.worldbank.org/WBSITE/EXTERNAL/DATASTATISTICS/0,,contentMDK:21021236~menuPK:1192714~pagePK:64133150~piPK:64133175~theSitePK:239419,00.html";
TabLinkList[2] = "http://web.worldbank.org/WBSITE/EXTERNAL/DATASTATISTICS/0,,contentMDK:21021247~menuPK:1192714~pagePK:64133150~piPK:64133175~theSitePK:239419,00.html";
TabLinkList[3] = "http://web.worldbank.org/WBSITE/EXTERNAL/DATASTATISTICS/0,,contentMDK:21021253~menuPK:1192714~pagePK:64133150~piPK:64133175~theSitePK:239419,00.html"; 

var myBrowser; 
	
	function InitTabs(currentTab){
		CheckBrowser();
		
		if(myBrowser == "GOOD"){
			var tabTable = 
				"<table class=\"Table100Per\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" ID=\"TabTable1\">" +
					"<tr>" +
						"<td>" +
							"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" ID=\"TabTable2\">" +
								"<tr>" +
									"<TABS>" +
								"</tr>" +
							"</table>" +
						"</td>" +
					"</tr>" +
					"<tr>" +
						"<td class=\"TabMenuBar\">&nbsp;</td>" +
					"</tr>" +
				"</table>";
				
			var tabs = "";
			
			for(i = 0; i < TabIDList.length; i++){ 
				var tab = "<td class=\"<TAB_TD_CLASS>\">" + 
					"<a href=\"" + TabLinkList[i] + "\" class=\"<TAB_A_CLASS>\">" +
					TabLabelList[i] +
					"</a></td>";

				if(currentTab == TabIDList[i]){
					tab = tab.replace("<TAB_TD_CLASS>", "FirstTabOn");
					tab = tab.replace("<TAB_A_CLASS>", "TabOnLink");
				}
				else{
	    			tab = tab.replace("<TAB_TD_CLASS>", "FirstTabOff");
					tab = tab.replace("<TAB_A_CLASS>", "TabOffLink");
				}
				
				tabs += tab;
			}
			
			tabTable = tabTable.replace("<TABS>", tabs);
			document.getElementById("tab").innerHTML = tabTable;
		}		
	}

	function CheckBrowser(){
		var goodBrowser = document.getElementById; // IE5/6, NN6(Firefox1.5 is OK)
		//var IE4 = document.all;            // IE4
		//var NN4 = document.layers;         // NN4
		
		if (goodBrowser){
			myBrowser="GOOD"; // good browser
		}
		else {     
			myBrowser="BAD"; //  bad browser
		}	   
	}