function recharge() {
	alert('Recharge pop-up here.');
}

function doCart(url) {
	var h = window.getHeight();
	var w = window.getWidth();
	
	var hMatte = Math.max(document.body.clientHeight, h, $('background_container').getHeight());
	var wMatte = Math.max(document.body.clientWidth, w);
		
	var newW = (w - 700) / 2;
	
	if (!$('cart')) {
		
		var cartMatte = new Element('div', {
				id: 'cartMatte',
				styles: {
					visibility: 'hidden',
					position: 'absolute',
					top: '0px',
					left: '0px',
					'background-color':'white',
					width: wMatte,
					height: hMatte,
					'z-index':'7999',
					opacity: '0.8'
				},
				events: {
					click: function() {
						closePopupWindow()
					}
				}
		});
		
		cartMatte.inject('background_container', 'top');
		
		var cart = new Element('div', {
				id: 'cart',
				styles: {
					position: 'absolute',
					visibility: 'hidden',
					//opacity: '1',
					width: '700px',
					left: newW,
					'background-color': 'white',
					'z-index': '8000',
					border: '1px solid #ccc'
				}
		});
		
		
		cart.inject('background_container', 'before');
	
	
		var cartHeader = new Element('div', {
			id: 'cartHeader',
			styles: {
				'background-color':'#9ECEE5',
				color: 'white',
				'border-bottom':'1px solid #ccc',
				cursor: 'move'
			}
		});
		
		
		cartHeader.inject(cart);
		new Element('div', { styles: { 'float': 'right', 'padding-right': '10px' }}).inject(cartHeader).innerHTML = '<a href="#" style="color: white" onclick="closePopupWindow(); return false;"><span style="color: white">Close</span></a>';
		new Element('div', { styles: { 'float': 'left', 'padding-left': '10px' }}).inject(cartHeader).innerHTML = 'Shopping Basket';
		new Element('div', { styles: { 'clear': 'both' }}).inject(cartHeader).innerHTML = '';
		
		
		
		var cartContent = new Element('div', {
			id: 'cartContent',
			
			styles: {
				background: 'white',
				clear: 'both',
				'z-index': '8000'
			}
		});
		
		cartContent.inject(cart);
	}
	
	if (!url) url = 'cart2.php';
	
	$('cartMatte').setStyle('height', hMatte);
	$('cartMatte').setStyle('width', wMatte);
	$('cartMatte').setStyle('visibility', 'visible');
		
	$('cartMatte').setStyle('cursor','wait');
	$('cartContent').setStyle('cursor','wait');
	
	var completedRequest = function(a,b,html) {
				//alert(html);
				$('cartMatte').setStyle('cursor','auto');
				$('cartContent').setStyle('cursor','auto');
				$('cartContent').set('html',html);
				
				//console.debug(html);
				//$('cartContent').adopt(html);

				if ($('cart').getStyle('visibility')=='hidden') {
					var c = ($('cart').getCoordinates());
					newH = (window.getHeight() - c.height) / 2;
					//alert (newH);
					
					var size = window.getSize();
					var scroll = window.getScroll();
					var cont = {'width': size.x, 'height': size.y, 'left': scroll.x, 'top': scroll.y, 'right': size.x + scroll.x, 'bottom': size.y + size.y};
					var el = $('cart').getCoordinates();
					
						var limit = {
							'x': [Math.max(0,cont.left), Math.max(0,cont.right - el.width)],
							'y': [Math.max(0,cont.top), Math.max(0,cont.bottom - el.height)]
						};
					
						
						var xy  = getScrollXY();
						
						newH += xy[1];
						
					//newH += window.pageYOffset;
					
					//alert (window.pageYOffset);
					
					$('cart').setStyle('top', Math.max(25,newH));
					$('cart').setStyle('left', newW);
					$('cart').setStyle('visibility', 'visible');
					
					
					$('cart').makeDraggable({
						handle: $('cartHeader'),
						limit: limit
					});
					
					
					//$('cart').setStyle('display', 'block');
				}
				
				
			};
			
	

	var req = new Request.HTML({
			url: url,
			method: 'post',
			//update: $('cartContent'),
			onSuccess: completedRequest,
			onFailure: function() {
				//alert('Failed: ' + url);
			}
	});
	
	req.send();
	
}

function getScrollXY() {
	  var scrOfX = 0, scrOfY = 0;
	  if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	  }
	  return [ scrOfX, scrOfY ];
}

function closePopupWindow() {
	
	$('cartMatte').setStyle('visibility', 'hidden');
	$('cart').setStyle('visibility', 'hidden');
	
	$('cartMatte').setStyle('height','1px');
	$('cartMatte').setStyle('width','1px');
}