$(document).ready(function(){ 

	$("img.delete").live("click", function(event) { 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	

		$("#notificationsLoader").html('<img src="images/ajax-loader.gif">');
	
		$.ajax({  
			type: "POST",  
			url: "inc/functions.php",  
			data: { productID: productIDVal, action: "deleteFromBasket"},  
			success: function(theResponse) {
				
				$("#productID_" + productIDVal).hide("slow",  function() {$(this).remove();});
				$("#notificationsLoader").empty();
				UpdateBasketSubtotal();
			}  
		}); 
		
	});
	

	$("img.increment").live("click", function(event) { 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	

		$("#notificationsLoader").html('<img src="images/ajax-loader.gif">');
	
		$.ajax({  
			type: "POST",  
			url: "inc/functions.php",  
			data: { productID: productIDVal, action: "incrementBasket"},  
			success: function(theResponse) {
				
				if( $("#productID_" + productIDVal).length > 0){
						$("#productID_" + productIDVal).before(theResponse).remove();
						$("#productID_" + productIDVal).fadeOut("slow");
						$("#productID_" + productIDVal).fadeIn("slow");				
						$("#notificationsLoader").empty();
						
					} else {
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow");  
						$("#notificationsLoader").empty();			
					}
				UpdateBasketSubtotal();
			}  
		}); 
		
	});
	
	
	$("img.decrement").live("click", function(event) { 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	

		$("#notificationsLoader").html('<img src="images/ajax-loader.gif">');
	
		$.ajax({  
			type: "POST",  
			url: "inc/functions.php",  
			data: { productID: productIDVal, action: "decrementBasket"},  
			success: function(theResponse) {

				if( $("#productID_" + productIDVal).length > 0){
						$("#productID_" + productIDVal).before(theResponse).remove();
						$("#productID_" + productIDVal).fadeOut("slow");
						$("#productID_" + productIDVal).fadeIn("slow");
						$("#notificationsLoader").empty();
						
					} else {
						$("#productID_" + productIDVal).hide("slow",  function() {$(this).remove();});
						$("#notificationsLoader").empty();			
					}
				UpdateBasketSubtotal();
			}  
		}); 
		
	});
	

});

function AddToBasket(productIDVal, numItems)
{
	//$("#basketItemsWrap li:first").hide();
	/*
$(".productPriceWrapRight a img").click(function() {
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];
		
		var productX 		= $("#productImageWrapID_" + productIDVal).offset().left;
		var productY 		= $("#productImageWrapID_" + productIDVal).offset().top;
		
		if( $("#productID_" + productIDVal).length > 0){
		alert('length > 0');
			var basketX 		= $("#productID_" + productIDVal).offset().left;
			var basketY 		= $("#productID_" + productIDVal).offset().top;			
		} else {
		alert('length < 0');
			var basketX 		= $("#basketTitleWrap").offset().left;
			var basketY 		= $("#basketTitleWrap").offset().top;
		}
		
		var gotoX 			= basketX - productX;
		var gotoY 			= basketY - productY;
		
		var newImageWidth 	= $("#productImageWrapID_" + productIDVal).width() / 3;
		var newImageHeight	= $("#productImageWrapID_" + productIDVal).height() / 3;
		
		$("#productImageWrapID_" + productIDVal + " img")
		.clone()
		.prependTo("#productImageWrapID_" + productIDVal)
		.css({'position' : 'absolute'})
		.animate({opacity: 0.4}, 100 )
		.animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() {
																																												$(this).remove();
	
			//document.getElementById("notificationsLoader").innerHTML ='<img src="images/ajax-loader.gif">';
		
		});
		
	});
*/
	
	if(numItems == 0)
	{
		// get numItems from selectBox
		numItems = document.getElementById('quantitySelectBox').value;
	}


	$("#notificationsLoader").html('<img src="images/ajax-loader.gif">');
	
	
	//Add Product to Basket
	$.ajax({  
		type: "POST",  
		url: "inc/functions.php",  
		data: { productID: productIDVal, numberItems: numItems, action: "addToBasket"},  
		success: function(theResponse) {
			if( $("#productID_" + productIDVal).length > 0){
				$("#productID_" + productIDVal).before(theResponse).remove();
				$("#productID_" + productIDVal).fadeOut("slow");
				$("#productID_" + productIDVal).fadeIn("slow");
				document.getElementById("notificationsLoader").innerHTML = '';
				
			} else {
				$("#basketItemsWrap li:first").before(theResponse);
				$("#basketItemsWrap li:first").hide();
				$("#basketItemsWrap li:first").show("slow");  
				document.getElementById("notificationsLoader").innerHTML = '';
			}
			UpdateBasketSubtotal();
		}  
	});
}

function UpdateBasketSubtotal()
{
	var action='updateBasketSubtotal';
	var passData = 'action='+escape(action)+'&productID='+escape(null);
	var AJAX = null;
	
	if (window.XMLHttpRequest) {
	   AJAX=new XMLHttpRequest();
	} else {
	   AJAX=new ActiveXObject("Microsoft.XMLHTTP");
	}
	if (AJAX==null) {
	   alert("Your browser doesn't support AJAX.");                                        
	   return false
	} else {
	   AJAX.open("POST", "inc/functions.php", true);
	   AJAX.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	   AJAX.onreadystatechange = function() {                      
	      if (AJAX.readyState==4 || AJAX.readyState=="complete") {
		      document.getElementById("basketTotalWrap").innerHTML = AJAX.responseText;
	      }                               
	   }                                  
	   AJAX.send(passData);	
	}
}

function MenuClick(catIDVal) 
{ 	
	$("#notificationsLoaderMain").html('<img src="images/ajax-loader.gif">');
	
	var divHtml = $.ajax({  
		type: "POST",  
		url: "inc/displayProducts.php",  
		data: { catID: catIDVal, action: "displayProducts"},  
		success: function(theResponse) {
			if( $("#productDisplay").length > 0){
				$("#productDisplay").animate({ opacity: 0 }, 500);
				$("#productDisplay").before(theResponse).remove();
				$("#productDisplay").animate({ opacity: 0 }, 500);
				$("#productDisplay").animate({ opacity: 1 }, 500);
				$("#notificationsLoader").empty();
				
			} else {
				$("#productDisplay").before(theResponse);
				$("#productDisplay").hide();
				$("#productDisplay").show("slow");  
				$("#notificationsLoader").empty();			
			}
		}  
	}).responseText; 
	
	document.getElementById("productDisplay").innerHTML=divHtml;
}

function PopUpNewWindow(productID)
{
  //window.open(URLStr, windowTitle,'toolbar=' + toolbar,'location=no',status=no,menubar=no,scrollbars=auto,resizable=no,width=780,height=550);
 	if(!window.open ('imagesPage.php?productID=' + productID,'Rick\'s Bakery Online','menubar=1,resizable=1,width=800,height=600'))
 	{
 		alert('You must disable popups to view enlarged images.');
 	}
}

