function basketSlide(){
	var $ = document.id;
	var slideArea = 'basketContent';
	var contentArea = 'utilsContainer';
	var buttonsArea = 'utilsViewCheckout';
	var toolsArea = 'utilsNav';
	
	if ($(slideArea) && $(contentArea)){
	
		// create buttons
		if ($(buttonsArea)) {
			var buttonNames = Array ("Close", "Expand bag");
			var buttonIds = Array ("close", "expand");
			for (var i=0; i<buttonNames.length; i++) {
				var listItem = document.createElement("li");
				var listLink = document.createElement("a");
				
				/* this line is important please dont remove
				 - you need selector on the li's, but they must be ids for ie */			
				$(listItem).setAttribute("id", buttonIds[i]);
				$(listLink).setAttribute("href", "#");
				$(listLink).setAttribute("title", buttonNames[i]);
				//USC-1472
				$(listLink).setAttribute("rel", "nofollow");
				//$(listLink).setAttribute("id", buttonClasses[i]);
				$(listLink).set('html', buttonNames[i]);
				listItem.appendChild(listLink);
				$(listItem).injectTop(buttonsArea);
			}
		}
	
		// instantiate
		var mySlide = new Fx.Slide(slideArea,{
				duration: 600,
				transition: Fx.Transitions.linear,
				onComplete: function(){
					if (state == 'opening'){
						$(contentArea).addClass('slideExpanded');
					} 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(){
			$(contentArea).addClass('slideExpanding');
			state = 'opening';
			mySlide.slideIn();
			BWCC.toggleSelectBoxes("productSupportInfo", "hidden");
		};
		
		// close
		this.close = function(){
			$(contentArea).removeClass('slideAuto');
			$(contentArea).removeClass('slideExpanded');
			$(contentArea).addClass('slideCollapsing');
			state = 'closing';
			mySlide.slideOut();
			BWCC.toggleSelectBoxes("productSupportInfo", "visible");
		};
		
		// 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').addEvent('click', this.expand);
			$('close').addEvent('click', this.close);
		}

	}
}