function createRequestObject(){
  var request_;
  var browser = navigator.appName;
  if(browser == "Microsoft Internet Explorer"){
    request_ = new ActiveXObject("Microsoft.XMLHTTP");
  }
  else
  {
    request_ = new XMLHttpRequest();
  }
  return request_;
}
var http = createRequestObject();

//PRODUCT DETAIL
function productDetail(id){
	
	Effect.Appear('product_detail', { duration: 1.0 });
	document.getElementById('inner_detail').innerHTML = '<div id="loading"><img src="http://localhost:8888/jointkustody/dev/public/images/icons/ajax-loader.gif" /><br />...loading product details...</div>';
	
	http.open('post', '/jointkustody/dev/cjg_store/product_detail',true);

  http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  http.send('product_id='+id);
  http.onreadystatechange = showDetail;
	
}

function showDetail(){
  if(http.readyState == 1){
    document.getElementById('inner_detail').innerHTML = '<div id="loading"><img src="http://localhost:8888/jointkustody/dev/public/images/icons/ajax-loader.gif" /><br />...loading product details...</div>';
  }
  if(http.readyState == 4){
    var response = http.responseText;
	document.getElementById('inner_detail').innerHTML = response;
  }
}

//ADD TO CART
function addtoCart(id){
	var qty = document.getElementById('qty').value;
	var price = document.getElementById('price').value;
	document.getElementById('cart_action').innerHTML = '<ul><li>Adding product '+ id +' to cart...</li></ul>';
	
		http.open('post', '/cjg_store/add_to_cart',true);
	
	  http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	  http.send('product_id='+id+'&qty='+qty+'&price='+price);
	  http.onreadystatechange = updateCart;
		
	
}

function updateCart(){
 /*
 if(http.readyState == 1){
    document.getElementById('cart_action').innerHTML = '<h5><span>almost done...</span></h5>';
  }
*/
  if(http.readyState == 4){
    var response = http.responseText;
	document.getElementById('cart_action').innerHTML = response;
  }
}