function StatusCart(itemid,price,mode)
{
	// Dispaly Status Meassage
		document.getElementById('divStatusBar').style.display=''
	//ENDS HERE	
	//var ev = window.event;
	var url = AJAX_URL + "getAddCart.php?&iItemId="+itemid+"&price="+price+"&mode="+mode;
	//CODE FOR MOZILLA
	
	if (window.XMLHttpRequest)
  	{
  		http=new XMLHttpRequest()
  		http.open("GET",url,true)
	  	http.onreadystatechange=fillCartData;
	  	http.send(null)
  	}
	// code for IE
	else if (window.ActiveXObject)
  	{
  		http=new ActiveXObject("Microsoft.XMLHTTP")
    	if (http)
    	{ 
    		http.open("GET",url,true)
    		http.onreadystatechange= fillCartData;
   			http.send()
    	}
  	}
}
//ENDS HERE	
function fillCartData()
{

	if (http.readyState == 4){	
    	isWorking = false;
		if (http.responseText.indexOf('invalid') == -1) {
			var xmlDocument = http.responseXML;
			var mode = xmlDocument.getElementsByTagName('mode').item(0).firstChild.data;
			var cartmsg = xmlDocument.getElementsByTagName('cartmsg').item(0).firstChild.data;
	
			if(document.getElementById("cartlisting")){
				if(mode == "view_cart" || document.getElementById("cartlisting").style.display == '')
				getCartData(xmlDocument);
			}
			updateShoppingBag(xmlDocument);
			var htmlMsg;
			htmlMsg="";
			htmlMsg+='<tr>';
			htmlMsg+= '<td align="left" colspan="5"><font color="#ff0000">'+cartmsg+'</font></td>';
			htmlMsg+='</tr>';
			htmlMsg+='</table>';
	
			//FOR INDICATIOR
			document.getElementById("spnStatusMsg").innerHTML = htmlMsg;
			if(document.getElementById('divStatusBar').style.display == '')
				setTimeout("hideMessage();",2000);
			//ENDS HERE	
			isWorking = false;
		}
	}			
}
function getCartData(ResXMLobj)
{
	var no = ResXMLobj.getElementsByTagName('itemid').length;
	var totrec = ResXMLobj.getElementsByTagName('totrec').item(0).firstChild.data;
	var totamt = ResXMLobj.getElementsByTagName('totamt').item(0).firstChild.data;
	
	var html;
		html = "";
		html += '<TABLE border="0" class="table-border3" cellspacing="2" cellpadding="2" width="95%" align="center"><TD>';
		html +='<TR>';
		html +=		'<TD align="left" height="35">';
		html += 		'<TABLE  border="0" cellspacing="0" cellpadding="0" width="100%" align="center">';
		html += 		'<TR>';
		html += 			'<TD width="62%" height="30" valign="top"><a name="tblCart"><img src="images/mycart.gif"></a></TD>';
		html += 					'<TD  valign="top" align="right"><a href="#" onclick="closeCartList()" ><img src="images/close.gif" border="0"></a> </TD>';
		html += 		'</TR>';
		if(totrec > 0 ){
			html += 		'<TR>';
			html += 			'<TD colspan="2" valign="top">';
			html += 				'<TABLE  border="0" bgcolor="#F5BC6F" cellspacing="1" cellpadding="3" width="90%" align="center">';
	
			html += 					'<TR valign="top" bgcolor="#000000">';	
			html += 					'<TD width=20%>Track</TD>';
			html += 					'<TD width=5%><B>Type</B></TD>';
			html += 					'<TD width=5%><B>Category</B></TD>';
			html += 					'<TD width=5%><B>Price</B></TD>';
			html += 					'<TD width=2%><B>Edit</B></TD>';
			html += 				'</TR>';
			
			for(x=0; x<no; x++){
				var itemid = ResXMLobj.getElementsByTagName('itemid').item(x).firstChild.data;
				var title = ResXMLobj.getElementsByTagName('title').item(x).firstChild.data;
				var price = ResXMLobj.getElementsByTagName('price').item(x).firstChild.data;
				var vcategory = ResXMLobj.getElementsByTagName('vcategory').item(x).firstChild.data;
				var vcategorytype = ResXMLobj.getElementsByTagName('vcategorytype').item(x).firstChild.data;	
						
				html += '<TR bgcolor="#5D0A00">';

				html += '<TD valign="top" class="category">'+title+'</TD>';
				html += '<TD class="category">'+vcategorytype+'</TD>';
				html += '<TD class="category">'+vcategory+'</TD>';
				html += '<TD class="category">$'+price+'</TD>';
				html += '<TD><a href="javascript:StatusCart(\''+itemid+'\',\''+price+'\',\'delete_cart\');"><b><img src="images/icon-remove.gif" border="0"></b></a></TD>';
				html += '</TR>';
			}
			html +='<TR bgcolor="#5D0A00">';
			html +=		'<TD align="left" colspan="5">&nbsp;</TD>';
			html += '</TR>';
			html += '<TR>';
			html += 	'<TD bgcolor="#F5BC6F" colspan="2" align="right" class="bmatter"><B>Total Items: '+totrec+'</B></TD>';
			html += 	'<TD colspan="4" align="right" bgcolor="#F5BC6F" class="redmatter"><B>Total Price : $'+totamt+'</B>&nbsp;&nbsp;</TD>';
			html += '</TR>';
			html += '</TABLE></TD></TR>';
			html +='<TR colspan="2">';
			html +=	'<TD align="right" height="30" valign="bottom" colspan="2">';
			html +=	 '<a href="javascript:StatusCart(0,0,\'delete_all\');"><img src="images/removeall.gif" border="0">&nbsp;&nbsp;';
			html +=	 '<a href="index.php?file=c-cart_checkout&cur_id=0"><img src="images/checkout.gif" border="0"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</TD>';
			html += '</TR>';
			html += '</TABLE>';
			html += '</TD>';
			html += '</TR';
		}else{
			html += 		'<TR>';
			html += 			'<TD valign="top" colspan="3">';
			html += 				'<TABLE  border="0" cellspacing="0" cellpadding="3" class="table-border" width="90%" align="center">';
			html += 					'<TR valign="top" class="head-bg1">';	
			html += 					'<TD height="17" valign="bottom" align="right"><a href="#" onclick="closeCartList()" ><img src="images/close.gif" border="0"></a> </TD>';
			html += 					'</TD>';
			html += 		'</TR>';
			
			html += 					'<TR valign="top" class="head-bg1">';	
			html += 					'<TD height="17" valign="top" align="center"><B>Your Cart is Empty!</B></TD>';
			html += 					'</TD>';
			html += 				'</TABLE>';
			html += 		'</TR>';
			html += 					'<TR valign="top">';	
			html += 					'<TD height="17" valign="top" align="center">&nbsp;</TD>';
			html += 					'</TD>';
			html += 		'</TR>';
		}
		//alert(html);
		html += '</TD></TR></TABLE>';
		document.getElementById("cartlisting").innerHTML = html;	
		
		document.getElementById('cartlisting').style.display=''
}
function closeCartList()
{
	document.getElementById('cartlisting').style.display='none';
}
function updateShoppingBag(ResXMLobj)
{
	var no = ResXMLobj.getElementsByTagName('itemid').length;
	var totamt = ResXMLobj.getElementsByTagName('totamt').item(0).firstChild.data;
	
	if(document.getElementById('tblShoppingBag'))
	{
		
		var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]); 
		if (navigator.userAgent.indexOf('Mac') >= 0) { win_ie_ver = 0; } 
		if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; } 
		if (navigator.userAgent.indexOf('Opera') >= 0) { win_ie_ver = 0; } 
		if (win_ie_ver >= 5.5) 
		{ 
			document.getElementById('tblShoppingBag').rows[0].cells[1].innerText  = no ;
			document.getElementById('tblShoppingBag').rows[1].cells[1].innerText  = "$"+totamt ;
		}
		else
		{
			document.getElementById('tblShoppingBag').rows[0].cells[1].textContent  = no ;
			document.getElementById('tblShoppingBag').rows[1].cells[1].textContent  = "$"+totamt ;
		}
	}
}
function hideMessage()
{
	document.getElementById('divStatusBar').style.display='none';
}