/* AJAX Part */
    var theTop = 200;
    var old = theTop;
    var txtItemTotalPrice="";
    var loaded = true;
    var lastAction = "";

 function AJAX_add2Cart(productID)
    {
        loaded = false;

        displayStatusMessage("ADD");
        var xmlHttp=GetXmlHttpObject();
        if (xmlHttp==null)
        {
            alert ("Browser does not support HTTP Request");
            return
        }
        
        var url = "";
        url="add_to_cart.php";
        url=url+"?pid="+productID;
        
        //url=url+"&sid="+Math.random(); //prevent display cached contents
		  xmlHttp.onreadystatechange = function() {stateChanged(xmlHttp, "ADD");}; 
        xmlHttp.open("GET",url,true);
        
        xmlHttp.send(null);

    }
    
   function displayStatusMessage(action)  {
        if (action == "ADD"){
            elementID = "addStatus";
        }
                
        document.getElementById(elementID).style.display = "block";

    	if (window.innerHeight){
            var yScrollPos = window.pageYOffset;
            var screenWidth = window.innerWidth;
    	}else if (document.documentElement && document.documentElement.scrollTop)	{
    		var yScrollPos = document.documentElement.scrollTop;
            var screenWidth = document.documentElement.clientWidth;
    	}
    	else if (document.body)
    	{
            var yScrollPos = document.body.scrollTop;
            var screenWidth = document.body.clientWidth;
    	}
        
    	if (yScrollPos < theTop)
            yScrollPos = theTop;
    	else
            yScrollPos += 200;
            
    	if (yScrollPos == old)
    	{
    		document.getElementById(elementID).style.top = yScrollPos;
    	}
    	old = yScrollPos;

        var objWidth = getElementWidth(elementID);
        var objHeight = getElementHeight(elementID);

        document.getElementById(elementID).style.left = (screenWidth-objWidth) / 2;
        //alert(document.getElementById(elementID));
        document.getElementById(elementID).style.visibility = "visible";
        
        temp = setTimeout('displayStatusMessage()',50);
      //  alert(loaded);
        if (loaded)
        { 
            clearTimeout(temp);
            document.getElementById(elementID).style.visibility = "hidden";
            document.getElementById(elementID).style.display = "none";
        }
        
    }
    
     function domReplaceNodeText(idNode, rText)    {
     	//alert('i node => '+idNode+' => '+rText);
        var elem = document.getElementById(idNode);
       // alert('elem '+elem);
        var x = elem.firstChild;
       // alert('aaa : '+x);
        var y = document.createTextNode(rText);
     //   alert(elem+' ' +x+' '+y);
        elem.removeChild(x);
       // alert('remove child');
        elem.appendChild(y);
    }
    
    function domClearNode(idNode){
        var elem = document.getElementById(idNode);
        elem.parentNode.removeChild(elem);
    }


	function stateChanged(xmlHttp, action)  {
	       // window.alert('state ==> '+xmlHttp.readyState);

        if (xmlHttp.readyState==1)
        {
            try
            {
                //domReplaceNodeText("updateStatus_progress","Connecting to server...");
                domReplaceNodeText("addStatus_progress","Connecting to server...");
            }
            catch (e) {}
        }
        else if (xmlHttp.readyState==2)
        {
            try
            {
                //domReplaceNodeText(" ","Connected to server");
                domReplaceNodeText("addStatus_progress","Connected to server");
            }
            catch (e) {}
        }
        else if (xmlHttp.readyState==3)
        {
            try
            {
                //domReplaceNodeText("updateStatus_progress","Processing...");
                domReplaceNodeText("addStatus_progress","Processing...");
            }
            catch (e) {}
        }
        else if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
        {
            try
            {
                if (xmlHttp.status == 0)
                {
                    window.alert("There was a problem with the request, please try again (Code: " + xmlHttp.status + ")");
                    loaded = true;
                }
                else if (xmlHttp.status == 504)
                {
                    window.alert("There was a problem with the request, please try again (Code: " + xmlHttp.status + ")");
                    loaded = true;
                }
                else if (xmlHttp.status == 200)
                {
                   if (action == "ADD" || action == "DELETE")
                    {
                        if (action == "ADD")
                            lastAction = action;
                         
                         try
			            {
			                //domReplaceNodeText("updateStatus_progress","Processing...");
			                domReplaceNodeText("addStatus_progress","Completed");
			            }
			            catch (e) {}
			            
			            alert('Item has been added to cart');
			            			            
                         try
                        {
                            document.getElementById("cart_container").innerHTML = xmlHttp.responseText;
                        }
                        catch (e) {}
         				 loaded = true;
                       // AJAX_listCart("LIST");
                    }
                }
            } 
            catch (e)
            {
               window.alert("There was a problem with the request, please try again");
                loaded = true;
            }
        }
        else
        {
            window.alert("There was a problem with the request, please try again");
            loaded = true;
        }
        
    }