NS4=(document.layers) ? true: false;
NS6=(!document.all && document.getElementById) ? true: false;
IE=(document.all);

squareRed = new Image();
squareBlue = new Image();
smSquareRed = new Image();
smSquareBlue = new Image();
button1On = new Image();
button2On = new Image();
button1Off = new Image();
button2Off = new Image();
squareRed.src = "../images/global/squareRed.gif"
squareBlue.src = "../images/global/squareBlue.gif"
smSquareRed.src = "../images/global/smSquareRed.gif"
smSquareBlue.src = "../images/global/smSquareBlue.gif"
button1On.src = "../images/buttons/liquidityfaqs_on.gif"
button2On.src = "../images/buttons/joinliquidity_on.gif"
button1Off.src = "../images/buttons/liquidityfaqs_off.gif"
button2Off.src = "../images/buttons/joinliquidity_off.gif"
arrowUpRoll = new Image();
arrowUpOff = new Image();
arrowDownRoll = new Image();
arrowDownOff = new Image();
arrowUpRoll.src = "/images/arrow_up_over.gif";
arrowUpOff.src = "/images/arrow_up.gif";
arrowDownRoll.src = "/images/arrow_down_over.gif";
arrowDownOff.src = "/images/arrow_down.gif";

currentOnID = 1000

rowColor = "#F7F4C6"
bankDiv_height =15;
bankDiv_margin=209;
bank_list_top= 290;
bank_list_edge =  bankDiv_height + bank_list_top; 
bank_list_prime = bank_list_edge; 

top_visible_bank = 0;
bottom_visible_bank =  27;
bank_name_height = 15;
top_scroll_px = 305;
bottom_scroll_px = 710;
scroll_number = 10;

squareRollover= ""
diamondRollover= ""
rollOverButton = ""

if(NS4)
{
squareRollover=squareRollover + "<img src=\"../images/transpix.gif\" height=15 width=140 border=0><br><a href=\"FAQs.html\" onMouseOver=\"rollSquare(leftNavDiv.document.square2); window.status='';return true;\" onMouseOut=\"unRollSquare(leftNavDiv.document.square2)\"><img src=\"../images/transpix.gif\" height=15 width=140 border=0></a><br>"

diamondRollover=diamondRollover + "<a href=\"../contacts/inquiry.cgi\" onMouseOver=\"rollDiamond(leftNavDiv.document.diamond1); window.status='';return true;\" onMouseOut=\"unRollDiamond(leftNavDiv.document.diamond1)\"><img src=\"../images/transpix.gif\" height=15 width=140 border=0></a><br><a href=\"../contacts/contact.html\" onMouseOver=\"rollDiamond(leftNavDiv.document.diamond2); window.status='';return true;\" onMouseOut=\"unRollDiamond(leftNavDiv.document.diamond2)\"><img src=\"../images/transpix.gif\" height=15 width=140 border=0></a><br>"

rollOverButton=rollOverButton + "<td align=\"right\" colspan=4><a href=\"../contacts/inquiry.cgi\" onMouseOver=\"rollButton(bankInfoBottom.document.button2); window.status=''; return true;\" onMouseOut=\"rollOffButton(bankInfoBottom.document.button2)\"><img name=\"button2\" src=\"../images/buttons/joinliquidity_off.gif\" border=0></a><img src=\"../images/transpix.gif\" height=1 width=54></td></tr>"
}

else
{
squareRollover=squareRollover + "<img src=\"../images/transpix.gif\" height=15 width=140 border=0><br><a href=\"FAQs.html\" onMouseOver=\"rollSquare(document.square2); window.status='';return true;\" onMouseOut=\"unRollSquare(document.square2)\"><img src=\"../images/transpix.gif\" height=15 width=140 border=0></a><br>"

diamondRollover=diamondRollover + "<a href=\"../contacts/inquiry.cgi\" onMouseOver=\"rollDiamond(document.diamond1); window.status='';return true;\" onMouseOut=\"unRollDiamond(document.diamond1)\"><img src=\"../images/transpix.gif\" height=15 width=140 border=0></a><br><a href=\"../contacts/contact.html\" onMouseOver=\"rollDiamond(document.diamond2); window.status='';return true;\" onMouseOut=\"unRollDiamond(document.diamond2)\"><img src=\"../images/transpix.gif\" height=15 width=140 border=0></a><br>"

rollOverButton=rollOverButton + "<td align=\"right\" colspan=4><a href=\"../contacts/inquiry.cgi\" onMouseOver=\"rollButton(document.button2); window.status=''; return true;\" onMouseOut=\"rollOffButton(document.button2)\"><img name=\"button2\" src=\"../images/buttons/joinliquidity_off.gif\" border=0></a><img src=\"../images/transpix.gif\" height=1 width=54></td></tr>"
}



function rollSquare(square){
square.src=squareRed.src
}

function unRollSquare(square){
square.src=squareBlue.src
}

function rollSmSquare(square){
square.src=smSquareRed.src
}


function unRollSmSquare(square){
square.src=smSquareBlue.src
}

function rollButton(button){
button.src=button2On.src
}

function rollOffButton(button){
button.src=button2Off.src
}

function showInfo(ID){
if(IE)
{
  currentOnLayer = eval("bankContent"+currentOnID+"Div.style")
  newOnLayer = eval("bankContent"+ID+"Div.style") 
  currentOnLayer.visibility = "hidden" 
  newOnLayer.visibility = "visible"
}

else if(NS4)
{
  if(currentOnID==1000){
    currentOnLayer = eval("document.bankContent"+currentOnID+"Div")
    currentOnLayer.visibility = "hide"
  }
  else{
    blurbArray[currentOnID].visibility="hide";
  }
  blurbArray[ID].visibility="show";
}

else if(NS6)
{
  document.getElementById("bankContent"+currentOnID+"Div").style.visibility="hidden";
  document.getElementById("bankContent"+ID+"Div").style.visibility="visible";
}

currentOnID = ID
}//function showInfo

function doNothing(){
  window.status="";
}

function init() {

if(NS4){ init_NS4();}

else{
for (i=0;i<banksArray.length;i++){
rowColor = (rowColor == "#F7F4C6")? "#FBF9E0" : "#F7F4C6"
bankName=banksArray[i];
	
		banksArray[i] = document.createElement("div");
		banksArray[i].id = "bank"+i;
		banksArray[i].style.position = 'absolute';
		banksArray[i].style.top = bank_list_prime;
	   	banksArray[i].style.left = bankDiv_margin;
		banksArray[i].style.height = bankDiv_height;
	   	banksArray[i].style.zIndex = 2;
		banksArray[i].style.cursor = 'hand';
		if(i>27){banksArray[i].style.visibility='hidden';}

		
	 	banksArray[i].innerHTML = "<a href=\"javascript:doNothing();\"  onclick=\"showInfo("+(i)+")\" onMouseOver=\"rollSmSquare(document.smSquare"+i+"); doNothing()\" onMouseOut=\"unRollSmSquare(document.smSquare"+i+")\"><table border=0 bgcolor=\""+rowColor+"\" width=\"244\" height=\""+bankDiv_height+"\" onmouseover=this.style.cursor=\"hand\"><tr height=8><td width=10 height=8 valign=\"middle\" align=\"center\" bgcolor=\""+rowColor+"\"><img name=\"smSquare"+i+"\" src=\"../images/global/smSquareBlue.gif\" border=0 width=\"5\" height=\"5\"></td><td class=\"bold\" height=8 verticle-align=\"middle\" bgcolor=\""+rowColor+"\"><a href=\"javascript:doNothing();\" class=\"bold1\">"+bankName+"</a></td></tr></table></a>"
		document.body.appendChild(banksArray[i]);

	if(i < 27)
	{
		bank_list_edge += bankDiv_height;
		bank_list_prime = bank_list_edge; 
		banksArray[i].style.visibility='visible';
	}
}

bankBlurb();
}//else



}//function init()


function init_NS4(){

for (i=0;i<banksArray.length;i++){
rowColor = (rowColor == "#F7F4C6")? "#FBF9E0" : "#F7F4C6"
bankName=banksArray[i];
	  
	  banksArray[i]=new Layer(document.width);
          banksArray[i].name = "bank"+i;
 	  banksArray[i].position = 'absolute';
          banksArray[i].top=bank_list_prime;
          banksArray[i].left=bankDiv_margin;
          banksArray[i].height = bankDiv_height;
	  banksArray[i].cursor = 'hand';
	  banksArray[i].bgColor=rowColor;  
	  if(i>=27){banksArray[i].visibility='hide';}

          banksArray[i].document.open();
          banksArray[i].document.write("<a href=\"javascript:doNothing();\" onclick=\"javascript:showInfo("+(i)+")\" onMouseOver=\"rollSmSquare(bankListDiv.document.smSquare"+i+"); onMouseOut=\"unRollSmSquare(bankListDiv.document.smSquare"+i+")\"><table border=0 bgcolor=\""+rowColor+"\" width=\"244\" height=\""+bankDiv_height+"\"><tr height=8><td width=10 height=8 valign=\"middle\" align=\"center\" bgcolor=\""+rowColor+"\"><a href=\"javascript:doNothing();\" onMouseOver=\"rollSmSquare(bankListDiv.document.smSquare"+i+"); window.status='';return true;\" onMouseOut=\"unRollSmSquare(bankListDiv.document.smSquare"+i+")\"><img name=\"smSquare"+i+"\" src=\"../images/global/smSquareBlue.gif\" border=\"0\" width=\"5\" height=\"5\"></a></td><td width=235 class=\"bold\" height=8 verticle-align=\"middle\" bgcolor=\""+rowColor+"\"><a href=\"javascript:showInfo("+(i)+")\" class=\"bold1\" >"+bankName+"</a></td></tr></table></a>");
          banksArray[i].document.close();

	if(i <= 27)
	{
		bank_list_edge += bankDiv_height;
		bank_list_prime = bank_list_edge; 
		banksArray[i].visibility='show';
	}

 }
bankBlurb_NS4();

}//function init_NS4()


function bankBlurb() {
	if(NS4){ bankBlurb_NS4()}
else{
for (i=0;i<blurbArray.length;i++){
blurb=blurbArray[i];
		blurbArray[i] = document.createElement("div");
		blurbArray[i].id = "bankContent"+i+"Div";
		blurbArray[i].style.position = 'absolute';
		blurbArray[i].style.top = 268;
	   	blurbArray[i].style.left = 490;
		blurbArray[i].style.visibility='hidden';
	 	blurbArray[i].innerHTML = "<table cellpadding=0 cellspacing=0 border=0><tr><td height=\"51\" width=\"235\" valign=\"middle\" align=\"center\" colspan=2><a href=\"http://"+urlArray[i]+"\" target=\"partner\"><img src=\"../images/partners/"+logoArray[i]+"\" border=\"0\" alt=\"visit company site\"></a></td></tr><tr><td width=\"10\"><img src=\"../images/transpix.gif\" height=1 width=1></td><td class=\"normal1\" height=\"386\" width=\"225\" valign=\"top\"><br>"+blurb+"</td></tr><tr><td height=\"25\" valign=\"middle\" align=\"center\" colspan=2><a href=\"http://"+urlArray[i]+"\" target=\"partner\">visit company site</a></td></tr></table> "

		document.body.appendChild(blurbArray[i]);

}

}//else

}//function bankBlurb()

function bankBlurb_NS4() {

for (i=0;i<blurbArray.length;i++){
blurb=blurbArray[i];
		blurbArray[i] = new Layer(document.width);
		blurbArray[i].name = "bankContent"+i+"Div";
		blurbArray[i].position = 'absolute';
		blurbArray[i].top = 268;
	   	blurbArray[i].left = 490;
		blurbArray[i].visibility='hide';
	        blurbArray[i].document.open();
          	blurbArray[i].document.write("<table cellpadding=0 cellspacing=0 border=0><tr><td height=\"51\" width=\"235\" valign=\"middle\" align=\"center\" colspan=2><a href=\"http://"+urlArray[i]+"\" target=\"partner\"><img src=\"../images/partners/"+logoArray[i]+"\" border=\"0\" alt=\"visit company site\"></a></td></tr><tr><td width=\"10\"><img src=\"../images/transpix.gif\" height=1 width=1></td><td class=\"normal1\" height=\"384\" width=\"225\" valign=\"top\"><br>"+blurb+"</td></tr><tr><td height=\"25\" valign=\"middle\" align=\"center\" colspan=2><a href=\"http://"+urlArray[i]+"\" target=\"partner\">visit company site</a></td></tr></table> ");
		blurbArray[i].document.close();

}


}//function bankBlurb_NS4()


function scroll_up() {

if(NS4){scroll_up_NS4();}

else{
counter=0;
limit = 28;

	if(top_visible_bank-scroll_number < 0){
	   if(top_visible_bank > 0){ 
		scroll_num = top_visible_bank;
		top_px = top_scroll_px;
		
		for(index=top_visible_bank-scroll_num; index <banksArray.length; index++)
		{
			if(counter != limit)
			{
				banksArray[index].style.visibility="visible";
				banksArray[index].style.top=top_px;
				counter++;
				top_px +=bank_name_height;
			}
			else{banksArray[index].style.visibility="hidden";}
		}
		bottom_visible_bank-=scroll_num;
		top_visible_bank-=scroll_num;
	   }
		
	   else{doNothing();}
	
	}

	else {

		if(eval(banksArray[top_visible_bank-scroll_number].style.visibility=='visible')){ return;}

		top_px = top_scroll_px;

		for(index=top_visible_bank-scroll_number; index <banksArray.length; index++)
		{
			if(counter != limit)
			{
				banksArray[index].style.visibility="visible";
				banksArray[index].style.top=top_px;
				counter++;
				top_px +=bank_name_height;
			}
			else{banksArray[index].style.visibility="hidden";}
		}
		bottom_visible_bank-=scroll_number;
		top_visible_bank-=scroll_number;
	}

}//else

}//function scroll_up()

function scroll_up_NS4() {

if(!NS4){scroll_up();}

else{
counter=0;
limit = 28;

	if(top_visible_bank-scroll_number < 0){
	   if(top_visible_bank > 0){ 
		scroll_num = top_visible_bank;
		top_px = top_scroll_px;
		
		for(index=top_visible_bank-scroll_num; index <banksArray.length; index++)
		{
			if(counter != limit)
			{
				banksArray[index].visibility="show";
				banksArray[index].top=top_px;
				counter++;
				top_px +=bank_name_height;
			}
			else{banksArray[index].visibility="hide";}
		}
		bottom_visible_bank-=scroll_num;
		top_visible_bank-=scroll_num;
	   }
		
	   else{doNothing();}
	
	}

	else {
	
		if(eval(banksArray[top_visible_bank-scroll_number].visibility=='show')){ return;}
		top_px = top_scroll_px;

		for(index=top_visible_bank-scroll_number; index <banksArray.length; index++)
		{
			if(counter != limit)
			{
				banksArray[index].visibility="show";
				banksArray[index].top=top_px;
				counter++;
				top_px +=bank_name_height;
			}
			else{banksArray[index].visibility="hide";}
		}
		bottom_visible_bank-=scroll_number;
		top_visible_bank-=scroll_number;
	}

  }//else

}//scroll_up_NS4()


function scroll_down() {
if(NS4){scroll_down_NS4();}

else{
counter=0;
limit = 28;

	if(bottom_visible_bank+scroll_number > banksArray.length){
	   if(bottom_visible_bank < banksArray.length){ 
		scroll_num = (banksArray.length-1) - bottom_visible_bank;
		bottom_px = bottom_scroll_px;

		for(index=bottom_visible_bank+scroll_num; index >=0; index--)
		{
			if(counter != limit)
			{
				banksArray[index].style.visibility="visible";
				banksArray[index].style.top=bottom_px;
				counter++;
				bottom_px -=bank_name_height;
			}
			else{banksArray[index].style.visibility="hidden";}
		}
		bottom_visible_bank+=scroll_num;
		top_visible_bank+=scroll_num;
	   }
		
	   else{doNothing();}
	
	}
	
	else {
	
		if(eval(banksArray[bottom_visible_bank+scroll_number].style.visibility=='visible')){ return;}
		
		bottom_px = bottom_scroll_px;
		
		for(index=bottom_visible_bank+scroll_number; index >=0; index--)
		{
			if(counter != limit)
			{
				banksArray[index].style.visibility="visible";
				banksArray[index].style.top=bottom_px;
				counter++;
				bottom_px -=bank_name_height;
			}
			else{banksArray[index].style.visibility="hidden";}
		}
		bottom_visible_bank+=scroll_number;
		top_visible_bank+=scroll_number;
	}

  }//else

}//scroll_down()

function scroll_down_NS4() {
if(!NS4){scroll_down();}


counter=0;
limit = 28;

	if(bottom_visible_bank+scroll_number > banksArray.length){
	   if(bottom_visible_bank < banksArray.length){ 
		scroll_num = (banksArray.length-1) - bottom_visible_bank;
		bottom_px = bottom_scroll_px;

		for(index=bottom_visible_bank+scroll_num; index >=0; index--)
		{
			if(counter != limit)
			{
				banksArray[index].visibility="show";
				banksArray[index].top=bottom_px;
				counter++;
				bottom_px -=bank_name_height;
			}
			else{banksArray[index].visibility="hide";}
		}
		bottom_visible_bank+=scroll_num;
		top_visible_bank+=scroll_num;
	   }
		
	   else{doNothing();}
	
	}

	else {

		if(eval(banksArray[bottom_visible_bank+scroll_number].visibility=='show')){ return;}
		bottom_px = bottom_scroll_px;

		for(index=bottom_visible_bank+scroll_number; index >=0; index--)
		{
			if(counter != limit)
			{
				banksArray[index].visibility="show";
				banksArray[index].top=bottom_px;
				counter++;
				bottom_px -=bank_name_height;
			}
			else{banksArray[index].visibility="hide";}
		}
		bottom_visible_bank+=scroll_number;
		top_visible_bank+=scroll_number;
	}

}//scroll_down_NS4()


