var cards = new Array();
var tagname = 'Card';
//var url = 'http://sanjaymalge.com/blog/xml_DB.xml';
var li_url = '/credit_cards/XMLDB/index.xml';

function init()
{
	loadIndexXML();
}

function loadIndexXML()
{
	
	try
	{
	//load xml file
	// code for Safar etc., on Mac & Win
	//if (window.XMLHttpRequest ) {
//		alert("mac");		
     // req = new XMLHttpRequest();
	  //req.onreadystatechange = processReqChange;
      //req.open("GET", url, true);
     // req.send(null);    
    //} else // branch for IE/Windows ActiveX version
	// code for IE

	if (window.ActiveXObject)
	{
		//alert("IE");
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async=false;
		xmlDoc.load(li_url);
		parseIndex();
	}
	
	// code for Mozilla, Firefox, Opera, etc.
	else if (document.implementation && document.implementation.createDocument)
	{
		//alert("firefox");
		xmlDoc=document.implementation.createDocument("","",null);
		xmlDoc.load(li_url);		
		xmlDoc.onload= setTimeout("parseIndex()",100);
	}
	
	else
	{
		alert('Your browser cannot handle this script');
	}
	}
	catch (e)
	{
		alert(e+':'+e.description+' caught on loadXML');	
	}	
}

function processReqChange()
{

	if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {    
			
			xmlDoc = req.responseXML;	
			//xmlDoc =(new DOMParser()).parseFromString(req.responseText, "text/xml");)		
			parseIndex();
         } else {
            alert("There was a problem retrieving the XML data:\n" + req.statusText);
         }
    }	
}

function parseIndex(){
	//alert("index.xml loaded"+xmlDoc.childNodes[1].childNodes.length);
	var homeCards=new Array();
	homeCards=xmlDoc.getElementsByTagName("Card");
	var strOutput="";
	for(var index=0; index<homeCards.length; index++) {
		if(index%2==0){
			strOutput+='<div class="offers" ><h2>'+homeCards[index].getElementsByTagName("CARDNAME")[0].childNodes[0].nodeValue+'</h2><p class="left">'+homeCards[index].getElementsByTagName("DETAIL")[0].childNodes[0].nodeValue+'<br></p>';
		cardBullets = homeCards[index].getElementsByTagName("LIST")[0].getElementsByTagName("BULLET");
		strOutput+='<div id="indexpage_listitems"><ul>';
		for(var i=0;i<cardBullets.length;i++){
			strOutput+= '<li>'+cardBullets[i].childNodes[0].nodeValue+'</li>';
		}
		strOutput+='</ul></div><img src="'+homeCards[index].getElementsByTagName("CARDIMAGE")[0].childNodes[0].nodeValue+'" alt="'+homeCards[index].getElementsByTagName("CARDNAME")[0].childNodes[0].nodeValue+'"/ style="margin-left:15px;">	</div>';
		}else{
			strOutput+='<div class="offers" ><h2>'+homeCards[index].getElementsByTagName("CARDNAME")[0].childNodes[0].nodeValue+'</h2><p class="left">'+homeCards[index].getElementsByTagName("DETAIL")[0].childNodes[0].nodeValue+'<br></p><img src="'+homeCards[index].getElementsByTagName("CARDIMAGE")[0].childNodes[0].nodeValue+'" alt="'+homeCards[index].getElementsByTagName("CARDNAME")[0].childNodes[0].nodeValue+'"/ style="margin-right:15px; margin-top:25px;">	';
		cardBullets = homeCards[index].getElementsByTagName("LIST")[0].getElementsByTagName("BULLET");
		strOutput+='<div id="indexpage_listitems"><ul>';
		for(var i=0;i<cardBullets.length;i++){
			strOutput+= '<li>'+cardBullets[i].childNodes[0].nodeValue+'</li>';
		}
		strOutput+='</ul></div></div>';
		}

	}
	
	//strOutput+='';
	
	document.getElementById('contentleft').innerHTML=strOutput;
}