//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
    if (window.XMLHttpRequest) {
        return new XMLHttpRequest();
    } else if(window.ActiveXObject) {
        return new ActiveXObject("Microsoft.XMLHTTP");
    } else {
        
    }
}

//Our XmlHttpRequest object to get the auto suggest
var cartRqst = getXmlHttpRequestObject();

//Starts the AJAX request.
function addseats(storeid, holderid) {
    if (cartRqst.readyState == 4 || cartRqst.readyState == 0) {
        var productid = document.getElementById('sp_p').value;
        var qty = document.getElementById('sp_qty').value;
        //Request data from crowdstore based on storeid and user
        cartRqst.open("GET", 'index.php?storeid=' + storeid + '&menu=cartaction&action=update&p=' + productid + '&qty=' + qty, true);
        cartRqst.onreadystatechange = updatemessage;
        cartRqst.send(null);
        document.getElementById('sp_button').disabled = true;
        document.getElementById('sp_button').value = 'Searching..';
    }
}

//Starts the AJAX request.
function viewseats(storeid, holderid) {
    if (cartRqst.readyState == 4 || cartRqst.readyState == 0) {
        var productid = document.getElementById('sp_p').value;
        //Request data from crowdstore based on storeid and user
        cartRqst.open("GET", 'index.php?storeid=' + storeid + '&menu=seatpicker&p=' + productid, true);
        cartRqst.onreadystatechange = updatemessage;
        cartRqst.send(null);
        document.getElementById('sp_button').disabled = true;
        document.getElementById('sp_button').value = 'Searching..';
    }
}

//Called when the AJAX response is returned.
function updatemessage() {
    if (cartRqst.readyState == 4) {
        var msg = document.getElementById('message_holder');
        msg.innerHTML = '';
        var message = cartRqst.responseText;
        //msg.innerHTML = message;
		
		
		oldDiv = document.getElementById('message_holder');
		newDiv = document.createElement(oldDiv.tagName);

		newDiv.id = oldDiv.id;
		newDiv.className = oldDiv.className;
		newDiv.innerHTML = message;

		oldDiv.parentNode.replaceChild(newDiv, oldDiv);
		
		
		
		
        document.getElementById('sp_button').value = 'Find Seats';
        document.getElementById('sp_button').disabled = false;						
    }
}