// JavaScript Document

function selectCard(objcard)
{
	var cardsSelected = document.getElementById('selectCards');
	if(objcard.checked == true)
	{
		if (cardsSelected.value.indexOf(('['+objcard.value+']')) == -1)
		{
			if(cardsSelected.value.length>0)
				cardsSelected.value += ',';
				
			cardsSelected.value += '['+objcard.value+']';
		}
	}
	else
	{
		if(cardsSelected.value.indexOf((',['+objcard.value+']'))!=-1)
			cardsSelected.value = cardsSelected.value.replace((',['+objcard.value+']'),'');
		else if ((cardsSelected.value.indexOf(('['+objcard.value+']'))==0) && (cardsSelected.value.indexOf(('['+objcard.value+'],'))!=-1))
			cardsSelected.value = cardsSelected.value.replace(('['+objcard.value+'],'),'');
		else
			cardsSelected.value = cardsSelected.value.replace(('['+objcard.value+']'),'');
	}
}

function deSelectCard(objcard)
{
	var cardsMarked = document.getElementById('MarkedCards');
	
	if((objcard.checked == true))
	{
		if (cardsMarked.value.indexOf(('['+objcard.value+']')) == -1)
		{

			if(cardsMarked.value.length>0)
				cardsMarked.value += ',';
				
			cardsMarked.value += '['+objcard.value+']';	
		}
	}
	else
	{
		if(cardsMarked.value.indexOf((',['+objcard.value+']'))!=-1)
			cardsMarked.value = cardsMarked.value.replace((',['+objcard.value+']'),'');
		else if ((cardsMarked.value.indexOf(('['+objcard.value+']'))==0) && (cardsMarked.value.indexOf(('['+objcard.value+'],'))!=-1))
			cardsMarked.value = cardsMarked.value.replace(('['+objcard.value+'],'),'');
		else
			cardsMarked.value = cardsMarked.value.replace(('['+objcard.value+']'),'');
	}
	document.getElementById("errorMsg").className="errorHide";
}

function removeCards()
{
	if(document.getElementById('MarkedCards'))
	{
		var cardsmarked = document.getElementById('MarkedCards').value;
		if(cardsmarked!=""){
			cardsmarked=cardsmarked.split(',');
			var cardsSelected = document.getElementById('selectCards');
			for(var i=0; i<cardsmarked.length;i++)
			{
				if(cardsSelected.value.indexOf((','+cardsmarked[i]))!=-1)
					cardsSelected.value = cardsSelected.value.replace((','+cardsmarked[i]),'');
				else if ((cardsSelected.value.indexOf(cardsmarked[i])==0) && (cardsSelected.value.indexOf((cardsmarked[i]+','))!=-1))
					cardsSelected.value = cardsSelected.value.replace((cardsmarked[i]+','),'');
				else
					cardsSelected.value = cardsSelected.value.replace(cardsmarked[i],'');
			}
			document.getElementById("compareCardsDisplay").innerHTML = comparisonChart();
		}
		else{
			document.getElementById("errorMsg").className="errorShow";
			document.getElementById("errorMsg").innerHTML="You have selected no Cards to remove.";
		}
	}
}

function checkAll(){
	document.getElementById("compareCardsDisplay").innerHTML=setSelections('CHECKED');
	var cardsSelected = document.getElementById('selectCards').value;
	var slctCardArray = (document.getElementById('selectCards').value).split(',');
	var cardsMarked = document.getElementById('MarkedCards');
	for(var i=0;i<cardsSelected.length;i++){	
		if (cardsMarked.value.indexOf((slctCardArray[i])) == -1)
		{

			if(cardsMarked.value.length>0)
				cardsMarked.value += ',';
				
			cardsMarked.value += slctCardArray[i];	
		}
	}
}

function uncheckAll(){
	document.getElementById("compareCardsDisplay").innerHTML=setSelections('');
	var cardsSelected = document.getElementById('selectCards').value;
	var slctCardArray = (document.getElementById('selectCards').value).split(',');
	var cardsMarked = document.getElementById('MarkedCards');
	for(var i=0;i<cardsSelected.length;i++){	
		if(cardsMarked.value.indexOf((','+slctCardArray[i]))!=-1)
			cardsMarked.value = cardsMarked.value.replace((','+slctCardArray[i]),'');
		else if ((cardsMarked.value.indexOf((slctCardArray[i]))==0) && (cardsMarked.value.indexOf(slctCardArray[i]+',')!=-1))
			cardsMarked.value = cardsMarked.value.replace((slctCardArray[i]+','),'');
		else
			cardsMarked.value = cardsMarked.value.replace((slctCardArray[i]),'');
	}
}

function comparisonChart()
{
	var CompareContent='';
	
	var cardsSelected = document.getElementById('selectCards').value;
	
	if(cardsSelected.length != 0)	
	{
		var CompareContentHead='<div id="errorMsg" class="errorHide" >Error Message here</div>';
		CompareContentHead += '<input name="MarkedCards" id="MarkedCards" type="hidden" class="hidden" value="" /><table width="100%" border="0" class="tbl_card_compare" cellpadding="0" cellspacing="0">';
		  
		CompareContentHead += '<thead><tr><th class="first"><img src="/credit_cards/images/tabhead_left.gif" alt=" " /></th>';
		CompareContentHead += '<th>Card Name</th><th>Annual Fee</th><th>Variable Purchase APR</th><th>Variable Default APR</th>';
		CompareContentHead += '<th>Processing Fee</th><th>Introductory APR and Duration</th><th>Rewards</th><th class="last">Credit Needed</th>';
		CompareContentHead += '</tr></thead><tbody>';
		
		
		for (var i=0,j=0;i<cards.length;i++)
		{
			var slctCardArray = (document.getElementById('selectCards').value).split(',');
			
			for (var j=0; j<slctCardArray.length; j++)
			{
				if (('['+cards[i].attributes.getNamedItem('id').value+']') == slctCardArray[j])
				{	
					if ((j%2) != 0)
					{
						CompareContent += '<tr class="zebra">';
					}
					else
						CompareContent += '<tr >';
					CompareContent += '<td class="first" rowspan="2"><input name="chk_comparecard'+cards[i].attributes.getNamedItem('id').value+'" type="checkbox" value="'+cards[i].attributes.getNamedItem('id').value+'" onclick="deSelectCard(this)"/></td>';
					CompareContent += '<td colspan="6" class="compareCardsTop"><strong>'+cards[i].getElementsByTagName("CARDNAME")[0].childNodes[0].nodeValue+'</strong></td>'
					
					CompareContent += '<td class="compareCardsApply"><input type="image" src="'+cards[i].getElementsByTagName("APPLY_IMAGE")[0].childNodes[0].nodeValue+'" onclick="window.open(\''+cards[i].getElementsByTagName("APPLYURL")[0].childNodes[0].nodeValue+'\')"/></td>';
					CompareContent += '<td class="compareCardsLearnMore learnmore"><a href="'+cards[i].getElementsByTagName("LEARNURL")[0].childNodes[0].nodeValue+'"target="_blank">&raquo;'+cards[i].getElementsByTagName("LEARNURL_NAME")[0].childNodes[0].nodeValue+'</a></td>';
					CompareContent += '</tr>';
					if ((j%2) != 0)
					{
						CompareContent += '<tr class="zebra">';
					} else
						CompareContent += '<tr >';
					
					CompareContent += '<td>&nbsp;</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("ANNUALFEE")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("PURCHASEAPR")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("DEFAULTAPR")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("OTHERFEE")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("INTRORATE")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("REWARDS")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("CREDITNEEDED")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '</tr>';	
					j++;
				}
			}			
		}
			 
		var CompareContentFoot = '</tbody><tfoot><tr><td class="first"><img src="/credit_cards/images/tabfoot_left.gif" alt=" " /></td>';
		  
		CompareContentFoot += '<td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td><td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td>';
		CompareContentFoot += '<td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td><td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td>';
		CompareContentFoot += '<td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td><td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td>';
		CompareContentFoot += '<td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td><td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td>';
		CompareContentFoot += '<td class="last"><img src="/credit_cards/images/spacer.gif" alt=" " /></td></tr></tfoot></table>	';
		
		return(CompareContentHead+CompareContent+CompareContentFoot);

	}
	else
	{		
		stroutput='<p class="contentblack" style="padding:50px; font-weight:bold;">You have no Cards to compare.</p>'
		return(stroutput);
	}		
}

function setSelections(which)
{
	var CompareContent='';
	
	var cardsSelected = document.getElementById('selectCards').value;
	
	if(cardsSelected.length != 0)
	{
		var CompareContentHead = '<div id="errorMsg" class="errorHide" >Error Message here</div>';
		CompareContentHead += '<input name="MarkedCards" id="MarkedCards" type="hidden" class="hidden" value="" /><table width="100%" border="0" class="tbl_card_compare" cellpadding="0" cellspacing="0">';
		  
		CompareContentHead += '<thead><tr><th class="first"><img src="/credit_cards/images/tabhead_left.gif" alt=" " /></th>';
		CompareContentHead += '<th>Card Name</th><th>Annual Fee</th><th>Variable Purchase APR</th><th>Variable Default APR</th>';
		CompareContentHead += '<th>Processing Fee</th><th>Introductory APR and Duration</th><th>Rewards</th><th class="last">Credit Needed</th>';
		CompareContentHead += '</tr></thead><tbody>';
		
		
		for (var i=0,j=0;i<cards.length;i++)
		{
			var slctCardArray = (document.getElementById('selectCards').value).split(',');
			
			for (var j=0; j<slctCardArray.length; j++)
			{
				if (('['+cards[i].attributes.getNamedItem('id').value+']') == slctCardArray[j])
				{	
					if ((j%2) != 0)
					{
						CompareContent += '<tr class="zebra">';
					}
					else
						CompareContent += '<tr >';
					CompareContent += '<td class="first" rowspan="2"><input name="chk_comparecard'+cards[i].attributes.getNamedItem('id').value+'" type="checkbox" '+which+' value="'+cards[i].attributes.getNamedItem('id').value+'" onclick="deSelectCard(this)"/></td>';

					CompareContent += '<td colspan="6" class="compareCardsTop"><strong>'+cards[i].getElementsByTagName("CARDNAME")[0].childNodes[0].nodeValue+'</strong></td>';
					
					CompareContent += '<td class="compareCardsApply"><input type="image" src="'+cards[i].getElementsByTagName("APPLY_IMAGE")[0].childNodes[0].nodeValue+'" onclick="window.open(\''+cards[i].getElementsByTagName("APPLYURL")[0].childNodes[0].nodeValue+'\')"/></td>';
					CompareContent += '<td class="compareCardsLearnMore learnmore"><a href="'+cards[i].getElementsByTagName("LEARNURL")[0].childNodes[0].nodeValue+'"target="_blank">&raquo;'+cards[i].getElementsByTagName("LEARNURL_NAME")[0].childNodes[0].nodeValue+'</a></td>';					
			
					CompareContent += '</tr>';
					if ((j%2) != 0)
					{
						CompareContent += '<tr class="zebra">';
					} else
						CompareContent += '<tr >';
					CompareContent += '<td>&nbsp;</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("ANNUALFEE")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("PURCHASEAPR")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("DEFAULTAPR")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("OTHERFEE")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("INTRORATE")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("REWARDS")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '<td>'+cards[i].getElementsByTagName("CREDITNEEDED")[0].childNodes[0].nodeValue+'</td>';
					CompareContent += '</tr>';	
					j++;
				}
			}			
		}
			 
		var CompareContentFoot = '</tbody><tfoot><tr><td class="first"><img src="/credit_cards/images/tabfoot_left.gif" alt=" " /></td>';
		  
		CompareContentFoot += '<td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td><td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td>';
		CompareContentFoot += '<td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td><td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td>';
		CompareContentFoot += '<td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td><td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td>';
		CompareContentFoot += '<td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td><td ><img src="/credit_cards/images/spacer.gif" alt=" " /></td>';
		CompareContentFoot += '<td class="last"><img src="/credit_cards/images/spacer.gif" alt=" " /></td></tr></tfoot></table>	';

		return(CompareContentHead+CompareContent+CompareContentFoot);

	}
	else
	{	
		stroutput='<table class="popupspacing"><tr><p>You have no Cards to compare.</p></tr></table>'
		return(stroutput);
	}		
}