$(document).ready(function(){ 
	
	$("#basketItemsWrap li:first").hide();
	$("#slidingTopContent").hide();
	
	$("#slidingTopTrigger").live("click", function(event) {
      	$("#slidingTopContent").slideToggle("slow", function(){
			if ($("#slidingTopContent").is(":visible")) {
				$("#slidingTopFooterLeft").html('<img src="images/arrow-up.png" alt="Hide Basket" /> <a href="no-js.htm" onclick="return false;" id="slidingTopTrigger">Hide Basket</a><a href="shopping_bag.php" id="white_a">[Checkout]</a>');
			} else {
				$("#slidingTopFooterLeft").html('<img src="images/arrow-down.png" alt="Show Basket" /> <a href="no-js.htm" onclick="return false;" id="slidingTopTrigger">Show Basket</a><a href="shopping_bag.php" id="white_a">[Checkout]</a>');
			}
		});
    }); 
	
	
	$(".productPriceWrapRight a img").click(function() {
		if ($("#selection").val() == "") {
			alert ( "Please select colour." );
			return false;
		}
		else if ($("#selectionresult").val() == "- Select Size Here -") {
			alert ( "Please select size.");
			return false;
		}
		else {
	
			var productIDValSplitter 	= (this.id).split("_");
			var productIDVal 			= $("#selectionresult").val()+$("#selection").val()+productIDValSplitter[1];
			var selectionVal			= $("#selection").val();
			var selectionresultVal		= $("#selectionresult").val();
	
			
			if ($("#slidingTopContent").is(":visible")) {
	
				$("#notificationsLoader").html('<img src="images/loader.gif">');
			
				$.ajax({  
				type: "POST",  
				url: "includes/functions.php",  
				data: { productID: productIDVal, action: "addToBasket", selection: selectionVal, selectionresult: selectionresultVal },  
				success: function(theResponse) {
					
					if( $("#productID_" + productIDVal).length > 0){
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
						$("#productID_" + productIDVal).before(theResponse).remove();
						$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
						$("#productID_" + productIDVal).animate({ opacity: 1 }, 500);
						$("#notificationsLoader").empty();
						
					} else {
						$("#basketItemsWrap li:first").before(theResponse);
						$("#basketItemsWrap li:first").hide();
						$("#basketItemsWrap li:first").show("slow");  
						$("#notificationsLoader").empty();			
					}
					
				}  
				}); 
	
			} else {
				
				$("#slidingTopContent").slideToggle("slow", function(){		
																	 
					$("#slidingTopFooterLeft").html('<img src="images/arrow-up.png" alt="Hide Basket" /> <a href="aaa.htm" onclick="return false;" id="slidingTopTrigger">Hide Basket</a><a href="shopping_bag.php" id="white_a">[Checkout]</a>');
					$("#notificationsLoader").html('<img src="images/loader.gif">');
				
					$.ajax({  
					type: "POST",  
					url: "includes/functions.php",  
					data: { productID: productIDVal, action: "addToBasket", selection: selectionVal, selectionresult: selectionresultVal},  
					success: function(theResponse) {
						
						if( $("#productID_" + productIDVal).length > 0){
							$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
							$("#productID_" + productIDVal).before(theResponse).remove();
							$("#productID_" + productIDVal).animate({ opacity: 0 }, 500);
							$("#productID_" + productIDVal).animate({ opacity: 1 }, 500);
							$("#notificationsLoader").empty();
							
						} else {
							$("#basketItemsWrap li:first").before(theResponse);
							$("#basketItemsWrap li:first").hide();
							$("#basketItemsWrap li:first").show("slow");  
							$("#notificationsLoader").empty();			
						}
						
					}  
					}); 
					
					
					$("#slidingTopTrigger").fadeTo(4000, 1, function(){
						$("#slidingTopContent").slideToggle("slow", function(){
							$("#slidingTopFooterLeft").html('<img src="images/arrow-down.png" alt="Show Basket" /> <a href="aaa.htm" onclick="return false;" id="slidingTopTrigger">Show Basket</a><a href="shopping_bag.php" id="white_a">[Checkout]</a>');												 
						});
						
					});
	
				});												 
			}
		}			
	});
	
	
	
	$("#basketItemsWrap li img").live("click", function(event) { 
		var productIDValSplitter 	= (this.id).split("_");
		var productIDVal 			= productIDValSplitter[1];	
	
		$("#notificationsLoader").html('<img src="images/loader.gif">');
	
		$.ajax({  
		type: "POST",  
		url: "includes/functions.php",  
		data: { productID: productIDVal, action: "deleteFromBasket"},  
		success: function(theResponse) {
			
			$("#productID_" + productIDVal).hide("slow",  function() {
				$(this).remove();
			});
			$("#notificationsLoader").empty();
		
		}
					
		});  	
		
	});

});