function basketSlide(){

	var slideArea = 'basketContent';
	var contentArea = 'utilsContainer';
	var buttonsArea = 'utilsViewCheckout';
	
	if ($(slideArea) && $(contentArea)){
	
	// create buttons
		if ($(buttonsArea)) {
			var buttonNames = Array ("close", "expand");
			//var buttonImageNames = Array (staticRoot + 'img/btn_close_basket.gif', staticRoot + 'img/btn_view_basket.gif');
			for (var i=0; i<buttonNames.length; i++) {
				var listItem = document.createElement("li");
				var listLink = document.createElement("a");
				$(listLink).setAttribute("href", "#");
				$(listItem).setAttribute("id", buttonNames[i]);
//				$(listLink).setHTML(buttonNames[i]+ ' Basket');				
				$(listLink).setHTML(buttonNames[i]);
				listItem.appendChild(listLink);
				$(buttonsArea).appendChild($(listItem));
								
				/*
				var listImage = document.createElement('img');
				$(listImage).setAttribute('src', buttonImageNames[i]);
				$(listImage).setAttribute('alt', buttonNames[i]+' basket');
				$(listLink).appendChild($(listImage));
				*/
			}
		}
	
		// instantiate
		var mySlide = new Fx.Slide(slideArea, {	duration: 600,
												transition: Fx.Transitions.linear,
												onComplete: function(){
													if (state == 'opening'){
														$(contentArea).addClass('slideExpanded');
														$(contentArea).removeClass('slideExpanding');
													} else if (state == 'closing'){
														$(contentArea).removeClass('slideExpanding');
														$(contentArea).removeClass('slideCollapsing');
														state = 'ready';
													}
												}
		});
		
		// initalise
		mySlide.hide();
		$(contentArea).addClass('slideReady');
		var state = 'ready';
		// expand
		this.expand = function(e){
			$(contentArea).addClass('slideExpanding');
			state = 'opening';
			mySlide.slideIn();
		};

		// close
		this.close = function(e){
			$(contentArea).removeClass('slideAuto');
			$(contentArea).removeClass('slideExpanded');
			$(contentArea).addClass('slideCollapsing');
			state = 'closing';
			mySlide.slideOut();
		};
		
		// show
		this.show = function(ms){
			var _self = this;
			_self.expand();
			$(contentArea).addClass('slideAuto');
			setTimeout(function(ms){
				_self.close();
			}, ms);
		};
	
		// event handlers
		if ($('expand') && $('close')){
			$('expand').onclick = function(e){
				e = new Event(e);
				e.preventDefault();
				basket.expand(e);
			}
			$('close').onclick = function(e){
				e = new Event(e);
				e.preventDefault();
				basket.close(e);
			}
		}
	}
}

/*
function loadGIFOrPNG(){
	if( (window.location.protocol == "https:") && (navigator.appName.indexOf("Microsoft") != -1) && (navigator.appName.indexOf('Opera') == -1) && (parseFloat(navigator.appVersion.charAt(navigator.appVersion.indexOf('MSIE')+5)) == 6) ){
		if(!document.getElementById("utilsBg")){
			return;
		}
		else {
			var targetElement = document.getElementById("utilsBg");
			targetElement.style.cssText = 'behavior: none; background: url("' + staticRoot + 'img/bag_closed.gif") no-repeat;"';
		}
	}
}
*/

var minicart = {
	init: function() {
		var addProductBtnId = "addProduct";
		if(!document.getElementById(addProductBtnId)) return;
		var addToCartButton =  $(addProductBtnId);
		var url = document.getElementById("hiddenURL").value;
		addToCartButton.addEvent('click', function(e) {
			e = new Event(e);
			e.preventDefault();
			minicart.addProduct(document.forms.cartaddproduct, url);
			return false;
		});
	},
	addProduct: function(form, url) {
		var ajax = new Ajax(url, {method: 'post', data: form, onComplete: minicart.showBasketWhenComplete}).request();
	},
	showBasketWhenComplete: function(result) {
		var basketId = "basketContent";
		var totalsId = "utilsItemPrice";
		var basketObj = $(basketId);
		var totalsObj = $(totalsId);
		if( basketObj != null && totalsObj != null && result != null ) {
			var strResult = result.split('<ul id="basketContent" class="clearfix">');
			var basketResult = strResult[1].split('</ul>');
			basketResult = basketResult[0];
			strResult = result.split('<ul id="utilsItemPrice">');
			
			var totalsResult = strResult[1].split('</ul>');
			totalsResult = totalsResult[0];
		
			basketObj.setHTML(basketResult);
			totalsObj.setHTML(totalsResult);
			
			basket.show('3000');
		}
	}
}

window.addEvent('domready', function(){	minicart.init(); });
//window.addEvent('load', function(){	loadGIFOrPNG(); });