var http;
var dest;
function loadurl(url, post, div) {
	try {
  		http = window.XMLHttpRequest?new XMLHttpRequest(): 
  		new ActiveXObject("Microsoft.XMLHTTP");
 	}
 	catch (e) { 
     //browser doesn't support ajax. Put raw html stuff here 
 	} 
	dest = div;
 	http.onreadystatechange = triggered;
 	http.open('POST', url, true);
	http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  //Needed for "POST"
 	http.send(post);  //Null if 'GET', value if 'POST'
} 

function submitformajax(url, post, div) {
        try {   
                http = window.XMLHttpRequest?new XMLHttpRequest():
                new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (e) {
     //browser doesn't support ajax. Put raw html stuff here 
        }
        dest = div;
        http.onreadystatechange = triggered;
        http.open('POST', url, true);
        http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  //Needed for "POST"
        http.send(post);  //Null if 'GET', value if 'POST'
}

function triggered() {
	if ((http.readyState == 4) && (http.status == 200)) {
		document.getElementById(dest).innerHTML = http.responseText;
	} 
	else { 
		document.getElementById(dest).innerHTML = "";
	}
}

//Example:  <a onclick="loadurl('http://server','test=foobar','output');">Click Here</a>
//		<div id=output> </div>

function swappic (imgid) {
	smallbox = document.getElementById(imgid);
	bigbox = document.getElementById("bigpreview");
	bigimg = bigbox.src;
	smallimg = smallbox.src;
	bigimg = bigbox.src.replace("-600", "-200");
	smallimg = smallbox.src.replace("-200", "-600");
	bigbox.src = smallimg;
	smallbox.src = bigimg;
}

function add_cart (opts) {
	// Build post variables:  form.inputbox.value; where inputbox is the name of the input
	var post = "item=" + document.getElementById("item").value;
	if (opts) {
		for (var x = 1; x <= opts; x++)   {
			post = post + "&option" + x + "=" + document.getElementById("option" + x).value;
			post = post + "&value" + x + "=" + document.getElementById("value" + x).value;
		}
	}
	loadurl("./add_cart.php",post,"shopping_cart");
	alert("Item Added");
}

function del_cart(row_num) {
	var post = "item=" + row_num;
	loadurl("./del_cart.php",post,"shopping_cart");
	alert("Item Removed");
	loadurl("./cart_review.php","","main");
}
function hide(elem) {
	document.getElementById(elem).style.display = "none";
}
function show(elem) {
	document.getElementById(elem).style.display = "";
}