window.onerror=handleError;

function handleError(msg,url,line)
{
errorlog.innerHTML+="Error: " + msg + "<br>";
errorlog.innerHTML+="Line: " + line + "<br>";
errorlog.innerHTML+="URL: " + url + "<br>";
return true;
}


if(navigator.appName == "Netscape"){
	var responseXML = "";
	
	function ajaxLoadXML(){
var ajaxObj = new Ajax.Request('cards.xml',
  {

    method:'post',
    onSuccess: function(transport){
	  resp_xmlCardsInfo(transport);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });
}


function createAjaxObj(){
var httprequest=false
if (window.XMLHttpRequest){
httprequest=new XMLHttpRequest()
if (httprequest.overrideMimeType)
httprequest.overrideMimeType('text/xml')
}
else if (window.ActiveXObject){ 
try {
httprequest=new ActiveXObject("Msxml2.XMLHTTP");
} 
catch (e){
try{
httprequest=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){}
}
}
return httprequest
}

function resp_xmlCardsInfo(transport)
{

	if(window.ActiveXObject){ 
		var resp_xml = new ActiveXObject("Microsoft.XMLDOM");
		resp_xml.loadXML(transport.responseText);
	} else {
		var resp_xml = transport.responseXML;
	}
	responseXML = resp_xml
	initCardsViewTable(resp_xml)
}

}else{
	
	var resp_xml = loadXMLDoc("cards.xml");
	var responseXML = resp_xml;
	
}

var arrCategorisArray = new Array();
var arrSelectedCards = new Array();
var arrCategorCoun = new Array();
var arrSelectedTab = 0;


if(navigator.appName == "Netscape"){
	var objXML = "";
	
	function ajaxLoadXML1(){
var ajaxObj1 = new Ajax.Request('category.xml',
  {

    method:'post',
    onSuccess: function(transport){
	  resp_xmlCardsInfo1(transport);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });
}


function createAjaxObj2(){
var httprequest=false
if (window.XMLHttpRequest){ 
httprequest=new XMLHttpRequest()
if (httprequest.overrideMimeType)
httprequest.overrideMimeType('text/xml')
}
else if (window.ActiveXObject){ 
try {
httprequest=new ActiveXObject("Msxml2.XMLHTTP");
} 
catch (e){
try{
httprequest=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){}
}
}
return httprequest
}

function resp_xmlCardsInfo1(transport)
{

	if(window.ActiveXObject){ 
		var resp_xml1 = new ActiveXObject("Microsoft.XMLDOM");
		var resp_xml1 = createAjaxObj1();
	} else {
		var resp_xml1 = transport.responseXML;
	}
	objXML = resp_xml1;
	categoriesCount(resp_xml1)
	
}

}else{
	
	var resp_xml1 = loadXMLDoc("category.xml");
	var objXML = resp_xml1;
	
}

function initCardsViewTable(resp_xml){

	arrSelectedTab = 0;
	var table = '<table border="0" cellspacing="0" cellpadding="0">'
	
	var objCards = resp_xml.getElementsByTagName("card")
	var flag = 0;	
	
		
	
	for (var i=0; i< objCards.length; i++)
	{
		var cardid = objCards[i].getElementsByTagName("cardid")[0].childNodes[0].nodeValue
		var categoryID =objCards[i].getElementsByTagName("categoryID")[0].childNodes[0].nodeValue
		var name = objCards[i].getElementsByTagName("name")[0].childNodes[0].nodeValue
		var imagePath = objCards[i].getElementsByTagName("imagepath")[0].childNodes[0].nodeValue
		var viewUrl = objCards[i].getElementsByTagName("applyUrl")[0].childNodes[0].nodeValue
		var detailUrl = objCards[i].getElementsByTagName("viewDetailUrl")[0].childNodes[0].nodeValue
		
		var flagArrayExist = false;
		for (var j=0 ; j < arrCategorisArray.length ; j++ ){
			if (arrCategorisArray[j] == categoryID){
					flagArrayExist = true;
					break;
			}
			else{
					flagArrayExist = false
			}
		}
		if(flagArrayExist || arrCategorisArray.length ==0 ){
			
			
				if(flag==0)
				table = table+'<tr>';
				flag++;	
			
				table =table+'<td><div class="cardTypeBox01" onmouseover="this.className=\'cardTypeBox01-over\';" onMouseout="this.className=\'cardTypeBox01\';"><div class="cardTypeBoxCon">';
				table =table+'<h1 class="cardTitle">'+name+'</h1><div class="cardBox04"><img src="'+imagePath+'" id="img_'+cardid+'" name="img_'+cardid+'" alt="" /></div><div><div class="campareCheck">';
				table =table+'<input type="checkbox" name="chk_'+cardid+'" id="chk_'+cardid+'" value="'+cardid+'" onclick="selectCardToCompare(this)" alt="'+cardid+'"  > Compare</div></div>';
				table =table+'<p><a href="'+viewUrl+'" class="linkgreenbullet">Apply Now</a></p><p><a href="'+detailUrl+'" class="linkBullet02" target="_blank" >View Details </a></p></div><div class="cardTypeBoxBottom"><img src="cc_images/spacer.gif" alt="" width="1" height="1" /></div></div></td>';
				if(flag==5)
					table = table+'</tr>';
					if(flag==10)
					table = table+'</tr>';
					if(flag==15)
					table = table+'</tr>';
					if(flag==20)
					table = table+'</tr>';
					if(flag==25)
					table = table+'</tr>';
					if(flag==30)
					table = table+'</tr>';
			
		}
			
}
		
	table = table+'</table>';
	
	
	document.getElementById('TableContentDiv').innerHTML = ""
	document.getElementById('TableContentDiv').innerHTML = table
	document.getElementById('TableContentDiv').innerHTML =  document.getElementById('TableContentDiv').innerHTML 
	
	var compare = '<a href="#" class="Cobuttn" onclick="CardToCompare()"><span class="buttnLeft"></span><span class="buttnCenter">Compare Cards</span><span class="buttnRight"></span>';
		compare += '<div class="clear"></div></a><a href="javascript:removeAll()" class="Cobuttn" style="margin-left:10px;"><span class="buttnLeft"></span><span class="buttnCenter">Clear All</span><span class="buttnRight"></span>';
		compare += '<div class="clear"></div></a>';
	document.getElementById('changeButtn02').innerHTML = compare

	document.getElementById('co_01').style.display = "block";
	document.getElementById('co_02').style.display = "none";
	
	document.getElementById('tab1').src = "/portal/newgen/cards/static/allcards/comparator/cc_images/grid_on.gif";
	document.getElementById('tab2').src = "/portal/newgen/cards/static/allcards/comparator/cc_images/list_off.gif";
	document.getElementById('tab3').src = "/portal/newgen/cards/static/allcards/comparator/cc_images/concise_off.gif";
	
	if( arrSelectedCards.length > 0 )
	{
		for(var a=0; a < arrSelectedCards.length ; a++)
		{
			if(document.getElementById('chk_'+arrSelectedCards[a])!= null){
				document.getElementById('chk_'+arrSelectedCards[a]).checked = true;
				document.getElementById('img_'+arrSelectedCards[a]).src = "cc_images/selectedCard.gif"
			}
		}
 	}
	
	if (arrCategorisArray.length == 0){
		
		document.getElementById('selectAll0').checked = true;
		document.getElementById('selectAll0').disabled = true;		
	}
	
}

function selectListView(){
	arrSelectedTab = 1;
	var table = '<table border="0" cellspacing="0" cellpadding="0" >'
	
	resp_xml = responseXML
	var objCards = resp_xml.getElementsByTagName("card");
	
	var flag = 0;	
	
	document.getElementById('tab1').src = "/portal/newgen/cards/static/allcards/comparator/cc_images/grid_off.gif";
	document.getElementById('tab2').src = "/portal/newgen/cards/static/allcards/comparator/cc_images/list_on.gif";
	document.getElementById('tab3').src = "/portal/newgen/cards/static/allcards/comparator/cc_images/concise_off.gif";
	
	var compare = '<a href="#" class="Cobuttn" onclick="CardToCompare()"><span class="buttnLeft"></span><span class="buttnCenter">Compare Cards</span><span class="buttnRight"></span>';
		compare += '<div class="clear"></div></a><a href="javascript:removeAll()" class="Cobuttn" style="margin-left:10px;"><span class="buttnLeft"></span><span class="buttnCenter">Clear All</span><span class="buttnRight"></span>';
		compare += '<div class="clear"></div></a>';
	document.getElementById('changeButtn02').innerHTML = compare

	document.getElementById('co_01').style.display = "block";
	document.getElementById('co_02').style.display = "none";	
	
	for (var i=0; i< objCards.length; i++)
	{
		var cardid = objCards[i].getElementsByTagName("cardid")[0].childNodes[0].nodeValue
		var categoryID =objCards[i].getElementsByTagName("categoryID")[0].childNodes[0].nodeValue
		var name = objCards[i].getElementsByTagName("name")[0].childNodes[0].nodeValue
		var Hname = name.replace("<br/>", "")
		var imagePath = objCards[i].getElementsByTagName("imagepath")[0].childNodes[0].nodeValue
		var viewUrl = objCards[i].getElementsByTagName("applyUrl")[0].childNodes[0].nodeValue
		var detailUrl = objCards[i].getElementsByTagName("viewDetailUrl")[0].childNodes[0].nodeValue
		var keyFeatures = objCards[i].getElementsByTagName("keyFeatures")[0].childNodes[0].nodeValue;
		var fees = objCards[i].getElementsByTagName("fees")[0].childNodes[0].nodeValue;
		
		var flagArrayExist = false;
		for (var j=0 ; j < arrCategorisArray.length ; j++ ){
			if (arrCategorisArray[j] == categoryID){
					flagArrayExist = true;
					break;
			}
			else{
					flagArrayExist = false
			}
		}
		if(flagArrayExist || arrCategorisArray.length ==0 ){

		table += '<tr><td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom:1px solid #cccccc"><tr><td align="left" valign="top" style="padding:10px;" width="20%" >';
		table += '<p><img src="'+imagePath+'" id="img_'+cardid+'" name="img_'+cardid+'" alt="" style="padding-bottom:8px;" /></p>'
		table += '<input type="checkbox" name="chk_'+cardid+'" id="chk_'+cardid+'" value="'+cardid+'" onclick="selectCardToCompare(this)">'
		table += '<span style="padding-left:8px;">Compare</span></td>';
		table += '<td align="left" valign="top" style="padding:10px;" width="60%" >';
		table += '<h1 class="pageTitle04">'+Hname.replace("<br/>", "")+'</h1>';
		table +=  keyFeatures+'<br/><span class="redText">Fees: </span>'+fees+'</td>';
		table += '<td align="left" valign="top" width="20%" style="padding:10px;">';
		table += '<p><a href="'+viewUrl+'" class="linkgreenbullet">Apply Now</a></p>';
		table += '<p><a href="'+detailUrl+'" class="linkBullet02" target="_blank">View Details </a></p></td>';
		table += '</tr></table>'
		table += '</td></tr>';
			
		}
			
}
		
	table = table+'</table>';
	
	
	document.getElementById('TableContentDiv').innerHTML = ""
	document.getElementById('TableContentDiv').innerHTML = table
	document.getElementById('TableContentDiv').innerHTML =  document.getElementById('TableContentDiv').innerHTML
	
	if( arrSelectedCards.length > 0 )
	{
		for(var a=0; a < arrSelectedCards.length ; a++)
		{
			if(document.getElementById('chk_'+arrSelectedCards[a])!=null){
			document.getElementById('chk_'+arrSelectedCards[a]).checked = true;
			document.getElementById('img_'+arrSelectedCards[a]).src = "cc_images/selectedCard.gif"
			}
		}
 	}
	
	if (arrCategorisArray.length == 0){
		document.getElementById('selectAll0').checked = true;
		document.getElementById('selectAll0').disabled = true;		
	}
}
function selectConciseView(){
	arrSelectedTab = 2;
	var table = '<table width="100%"  border="0" cellspacing="0" cellpadding="0" >'
	
	resp_xml = responseXML
	var objCards = resp_xml.getElementsByTagName("card");
	
	var flag = 0;	
	
	document.getElementById('tab1').src = "/portal/newgen/cards/static/allcards/comparator/cc_images/grid_off.gif";
	document.getElementById('tab2').src = "/portal/newgen/cards/static/allcards/comparator/cc_images/list_off.gif";
	document.getElementById('tab3').src = "/portal/newgen/cards/static/allcards/comparator/cc_images/concise_on.gif";
	
	var compare = '<a href="#" class="Cobuttn" onclick="CardToCompare()"><span class="buttnLeft"></span><span class="buttnCenter">Compare Cards</span><span class="buttnRight"></span>';
		compare += '<div class="clear"></div></a><a href="javascript:removeAll()" class="Cobuttn" style="margin-left:10px;"><span class="buttnLeft"></span><span class="buttnCenter">Clear All</span><span class="buttnRight"></span>';
		compare += '<div class="clear"></div></a>';
	document.getElementById('changeButtn02').innerHTML = compare

	document.getElementById('co_01').style.display = "block";
	document.getElementById('co_02').style.display = "none";
	
	for (var i=0; i< objCards.length; i++)
	{
		var cardid = objCards[i].getElementsByTagName("cardid")[0].childNodes[0].nodeValue
		var categoryID =objCards[i].getElementsByTagName("categoryID")[0].childNodes[0].nodeValue
		var name = objCards[i].getElementsByTagName("name")[0].childNodes[0].nodeValue
		var Hname = name.replace("<br/>", "")
		var imagePath = objCards[i].getElementsByTagName("imagepath")[0].childNodes[0].nodeValue
		var viewUrl = objCards[i].getElementsByTagName("applyUrl")[0].childNodes[0].nodeValue
		var detailUrl = objCards[i].getElementsByTagName("viewDetailUrl")[0].childNodes[0].nodeValue
		var keyFeatures = objCards[i].getElementsByTagName("keyFeatures")[0].childNodes[0].nodeValue;
		var fees = objCards[i].getElementsByTagName("fees")[0].childNodes[0].nodeValue;
		
		var flagArrayExist = false;
		for (var j=0 ; j < arrCategorisArray.length ; j++ ){
			if (arrCategorisArray[j] == categoryID){
					flagArrayExist = true;
					break;
			}
			else{
					flagArrayExist = false
			}
		}
		if(flagArrayExist || arrCategorisArray.length ==0 ){
			
			
		table += '<tr><td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom:1px solid #cccccc"><tr><td align="left" valign="top" style="padding:5px;" width="15%" >';
		table += '<div style="float:left;"><img src="'+imagePath+'" id="img_'+cardid+'" name="img_'+cardid+'" alt="" style="display:none;" /><input type="checkbox" name="chk_'+cardid+'" id="chk_'+cardid+'" value="'+cardid+'" onclick="selectCardToCompare(this)"></div>'
		table += '<span style="padding-left:8px;">Compare</span></td>';
		table += '<td align="left" valign="top" style="padding:5px;" width="55%">';
		table += '<h1 class="pageTitle04">'+Hname.replace("<br/>", "")+'</h1>';
		table += '</td>';
		table += '<td align="left" valign="top" style="padding:5px;" width="25%">';
		table += '<p><a href="'+viewUrl+'" class="linkgreenbullet" style="float:left;">Apply Now</a></p>';
		table += '<p><a href="'+detailUrl+'" class="linkRight" target="_blank">View Details</a></p></td>';
		table += '</tr></table>'
		table += '</td></tr>';
			
		}
			
}
		
	table = table+'</table>';
	
	
	document.getElementById('TableContentDiv').innerHTML = ""
	document.getElementById('TableContentDiv').innerHTML = table
	document.getElementById('TableContentDiv').innerHTML =  document.getElementById('TableContentDiv').innerHTML
	
	if( arrSelectedCards.length > 0 )
	{
		for(var a=0; a < arrSelectedCards.length ; a++)
		{
			if(document.getElementById('chk_'+arrSelectedCards[a])!=null){
			document.getElementById('chk_'+arrSelectedCards[a]).checked = true;
			document.getElementById('img_'+arrSelectedCards[a]).src = "cc_images/selectedCard.gif"
			}
		}
 	}
	
	if (arrCategorisArray.length == 0){
		document.getElementById('selectAll0').checked = true;
		document.getElementById('selectAll0').disabled = true;		
	}
	
}
function selectCardToCompare(objChkBox)
{
	if (objChkBox.checked == true){
		if (arrSelectedCards.length == 5)
		{
			objChkBox.checked = false;
			alert("You can compare maximum 5 cards")
		}else{
			addCardToCompare(objChkBox.value)
		}
	}else{
		removeCardFromCompare(objChkBox.value)		
	}

}

function addCardToCompare(cardID){
	arrSelectedCards.push(cardID)
	document.getElementById('img_'+cardID).src = "cc_images/selectedCard.gif"
	generateCompareTable()
} 

function removeCardFromCompare(cardID){
	resp_xml = responseXML
	var objCards = resp_xml.getElementsByTagName("card");
	var imgPath = objCards[cardID].getElementsByTagName("imagepath")[0].childNodes[0].nodeValue
	
	if(document.getElementById('img_'+cardID)!=null){
		document.getElementById('img_'+cardID).src = imgPath;
	}
	
var tmpArr = new Array();
for(var i =0; i< arrSelectedCards.length; i++)
{
	
	if (cardID != arrSelectedCards[i] ){
		tmpArr.push(arrSelectedCards[i])
	}
}


var objCheckBox = document.getElementById('chk_'+cardID)
if(objCheckBox!=null){
	
	if (objCheckBox.checked == true)
	{
		objCheckBox.checked = false
	}
	
}

arrSelectedCards = tmpArr
generateCompareTable()
}
function removeCompareDetail(cardID){
var tmpArr = new Array();


	if(arrSelectedCards.length > 2 )
	{
		for(var i =0; i< arrSelectedCards.length; i++)
		{
			if (cardID != arrSelectedCards[i] )
			{
			
				tmpArr.push(arrSelectedCards[i]);
			}
		}
		arrSelectedCards = tmpArr;	
		CardToCompare();
		generateCompareTable();
	}
	else
	{
		alert("Please select 2 or more cards to see the comparison");
	}

}

function generateCompareTable(){

	resp_xml = responseXML
	var objCards = resp_xml.getElementsByTagName("card")
	var table = '<table border="0" cellspacing="0" cellpadding="0">'
	var flag = 0;	
	for (var i=0; i< objCards.length; i++)
	{
		var flagArrayExist = false;
		
		var cardid = objCards[i].getElementsByTagName("cardid")[0].childNodes[0].nodeValue
		var name = objCards[i].getElementsByTagName("name")[0].childNodes[0].nodeValue
		var imagePath = objCards[i].getElementsByTagName("imagepath")[0].childNodes[0].nodeValue
		var viewUrl = objCards[i].getElementsByTagName("applyUrl")[0].childNodes[0].nodeValue
		var detailUrl = objCards[i].getElementsByTagName("viewDetailUrl")[0].childNodes[0].nodeValue
		
		
		
		
		for (var j=0 ; j < arrSelectedCards.length ; j++ )
		{
			
			
			if (arrSelectedCards[j] == cardid )
			{
				flagArrayExist = true;
				break;
			}else{
				flagArrayExist = false
			}
		}
		
		if (flagArrayExist){
			
			if(flag==0)
				table = table+'<tr>';
				
			flag++;	
			
				table =table+'<td><div class="cardBox"><div class="cardBox02"><img src="'+imagePath+'" alt="" /></div>';
				table =table+'<div class="cardBox03"><a href="#." onClick="removeCardFromCompare('+cardid+')"><img src="cc_images/close_buttn.gif" alt="" width="15" height="15" /></a></div>';
				table =table+'<div class="clear"></div></div></td>';
				
				if(flag==5)
					table = table+'</tr>';	
				
  		}
  
	}
	table = table+'</table>';
	document.getElementById('TableContentDivCompare').innerHTML = table
	
	if(arrSelectedCards.length==0){
		var backToCompare =  '<div align="center" style="padding-top:20px;"><h4 style="font:bold 12px Arial, Helvetica, sans-serif;">Select the cards and then click on &quot;Compare Cards&quot; to compare the features. </h4><h4 style="font:bold 12px Arial, Helvetica, sans-serif;">You can compare a maximum of 5 Credit Cards at a time.</h4></div>';
		document.getElementById('TableContentDivCompare').innerHTML = backToCompare;
	}

}

function CardToCompare(){
	if(arrSelectedCards.length>1){
	resp_xml = responseXML
	var objCards = resp_xml.getElementsByTagName("card")
	var table = '<table border="0" cellspacing="0" cellpadding="0" style="border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;"><tr>';
	table += '<td align="left" valign="top"><table border="0" cellspacing="0" cellpadding="0">';
	table += '<tr><td align="left" valign="top" class="resultBox"  height="173" ><div class="resultInnerTitle">Criteria</div></td></tr>';
	table += '<tr><td align="left" valign="top" class="resultTitle02" height="400"><div class="resultInnerTitle">Key Features</div></td></tr>';
	table += '<tr><td align="left" valign="top" class="resultTitle04" height="430"><div class="resultInnerTitle">Special Offers</div></td></tr>';
	table += '<tr><td align="left" valign="top" class="resultTitle06" height="80"><div class="resultInnerTitle">Fees</div></td></tr>';
	table += '<tr><td align="left" valign="top" class="resultTitle08" height="440"><div class="resultInnerTitle">Exclusive Features</div></td></tr>';
	table += '</table></td>';

	for(var i =0; i <arrSelectedCards.length; i++){
		var name = objCards[arrSelectedCards[i]].getElementsByTagName("name")[0].childNodes[0].nodeValue;
		
		var imagePath = objCards[arrSelectedCards[i]].getElementsByTagName("imagepath")[0].childNodes[0].nodeValue;
		var viewUrl = objCards[arrSelectedCards[i]].getElementsByTagName("applyUrl")[0].childNodes[0].nodeValue;
		var keyFeatures = objCards[arrSelectedCards[i]].getElementsByTagName("keyFeatures")[0].childNodes[0].nodeValue;
		var rewardsProg = objCards[arrSelectedCards[i]].getElementsByTagName("rewardsProg")[0].childNodes[0].nodeValue;
		var fees = objCards[arrSelectedCards[i]].getElementsByTagName("fees")[0].childNodes[0].nodeValue;
		var exclusiveFeatures = objCards[arrSelectedCards[i]].getElementsByTagName("exclusiveFeatures")[0].childNodes[0].nodeValue;
		
		table += '<td align="left" valign="top"><table border="0" cellspacing="0" cellpadding="0">';
		table += '<tr>';
		table += '<td align="center" valign="top" class="resultBox">';
    table += '<div class="resultBoxClose"><a href="#." onClick="removeCompareDetail('+arrSelectedCards[i]+')"><img src="cc_images/result_closeButton.gif" alt="" width="13" height="13" /></a></div>';
    table += '<div class="clear"></div><span class="cardTitle">'+name+'</span>';
    table += '<div class="cardBox04"><img src="'+imagePath+'" alt="" /></div>';
    table += '<a href="'+viewUrl+'"><img src="cc_images/apply_buttn.gif" alt="" width="47" height="17" /></a>';
    table += '</td>';
		table += '</tr>';
		table += '<tr><td align="left" valign="top" class="resultTitle" height="400">'+keyFeatures+'</td></tr>';
		table += '<tr><td align="left" valign="top" class="resultTitle03" height="430">'+rewardsProg+'</td></tr>';
		table += '<tr><td align="left" valign="top" class="resultTitle05" height="80">'+fees+'</td></tr>';
		table += '<tr><td align="left" valign="top" class="resultTitle07" height="440">'+exclusiveFeatures+'</td></tr>';
		table += '</table></td>';		
	}
	table += '</tr></table>';
	if(toPrintCont==1){
		document.getElementById('toPrint').innerHTML = ""
		document.getElementById('toPrint').innerHTML = table
		document.getElementById('toPrint').innerHTML =  document.getElementById('toPrint').innerHTML 		
	}else{
		document.getElementById('TableContentDiv').innerHTML = ""
		document.getElementById('TableContentDiv').innerHTML = table
		document.getElementById('TableContentDiv').innerHTML =  document.getElementById('TableContentDiv').innerHTML 
	}
	
	var backToCompare =  '<a href="javascript:backTo()" class="Cobuttn"><span class="buttnLeft"> </span><span class="buttnCenter">Back to Compare Cards</span><span class="buttnRight"></span>';
		backToCompare += '<div class="clear"></div></a><a href="javascript:ClickHereToPrint();" class="Cobuttn" style="margin-left:10px;"><span class="buttnLeft"></span><span class="buttnCenter">Print</span><span class="buttnRight"></span><div class="clear"></div></a></div>';
		backToCompare += '<div class="clear"></div>';
	document.getElementById('changeButtn02').innerHTML = backToCompare;
	
	document.getElementById('co_01').style.display = "none"
	document.getElementById('co_02').style.display = "block"
	}else{		
			alert("Please select 2 or more cards to see the comparison")
	}
}


function selectCategory(objCheck){

	if (objCheck.checked == true){
		if (objCheck.value == 0)
		{
			for(var x=0; x<arrCategorisArray.length; x++ ){
				document.getElementById('selectAll'+arrCategorisArray[x]).checked = false;
			}
			var tempArr = new Array();
			arrCategorisArray = tempArr
		}else{
			document.getElementById('selectAll0').disabled = false;
			document.getElementById('selectAll0').checked = false;
			arrCategorisArray.push(objCheck.value)
			
		}
	}else{
		var tmpArr = new Array();
		for(var i =0; i< arrCategorisArray.length; i++)
		{
			if (objCheck.value != arrCategorisArray[i] )
				tmpArr.push(arrCategorisArray[i]) 
				
		}	
		arrCategorisArray= tmpArr
	}
	if(arrSelectedTab==0){
		initCardsViewTable(responseXML)
	}
	else if(arrSelectedTab==1){
		selectListView()
	}
	else if(arrSelectedTab==2){
		selectConciseView()
	}
}
function backTo(){
	if(arrSelectedTab==0){
		initCardsViewTable(responseXML)
	}
	else if(arrSelectedTab==1){
		selectListView()
	}
	else if(arrSelectedTab==2){
		selectConciseView()
	}	
}
function removeAll(){

	var tmpArr = new Array();
	arrSelectedCards = tmpArr;
	generateCompareTable();
	initCardsViewTable(resp_xml);
	
	var backToCompare =  '<div align="center" style="padding-top:20px;"><h4 style="font:bold 12px Arial, Helvetica, sans-serif;">Select the cards and then click on &quot;Compare Cards&quot; to compare the features. </h4><h4 style="font:bold 12px Arial, Helvetica, sans-serif;">You can compare a maximum of 5 Credit Cards at a time.</h4></div>';
	document.getElementById('TableContentDivCompare').innerHTML = backToCompare;
}

var flag = 0;
var toPrintCont = 0;
var catList = new Array();
var catNode = new Array();

function categoriesCount(resp_xml1){
	resp_xml1 = objXML;
	
	var objCat = resp_xml1.getElementsByTagName("category")
	
	var table  = '<table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td>'
		for(var i=0; i<objCat.length; i++){
			
			var catId = objCat[i].getElementsByTagName("catID")[0].childNodes[0].nodeValue;
			var catName = objCat[i].getElementsByTagName("catName")[0].childNodes[0].nodeValue;
			var catCount = objCat[i].getElementsByTagName("catCount")[0].childNodes[0].nodeValue;
				
			if(catCount!=0){	

				table += '<div class="catBox"><div class="catCheck">';
				if(catId==0){
					table += '<input type="checkbox" name="selectall'+catId+'" id="selectAll'+catId+'" onClick="selectCategory(this)" value="'+catId+'" checked="checked" disabled="disabled">';
				}else{
					table += '<input type="checkbox" name="selectall'+catId+'" id="selectAll'+catId+'" onClick="selectCategory(this)" value="'+catId+'" >';
				}
				table += '</div><div id="all0" class="catTextOff" style="">'+catName+' ('+catCount+')</div></div>';
				
			}
				
		}
		
		table += '</td></tr></table>';
	
	
	document.getElementById('selectCategory').innerHTML = ""
	document.getElementById('selectCategory').innerHTML = table
	document.getElementById('selectCategory').innerHTML =  document.getElementById('selectCategory').innerHTML 
}

function ClickHereToPrint(){
	try{
		var oIframe = document.getElementById('ifrmPrint');
		var oContent = document.getElementById('TableContentDiv').innerHTML;
		var oDoc = (oIframe.contentWindow || oIframe.contentDocument);
	if (oDoc.document) oDoc = oDoc.document;
		oDoc.write("<head><title>title</title>");
		oDoc.write("</head><body onload='this.focus(); this.print();'>");
		oDoc.write(oContent + "</body>");
		oDoc.close();
	}
	catch(e){
	self.print();
	}
}

function MM_preloadImages()
{ 
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_preloadImages1()
{var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages1.arguments;for(i=0; i<a.length; i++)if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;d.MM_p[j++].src=a[i];}}
}