



function recharge() {

	alert('Recharge pop-up here.');

}



function doCart(url, promo) {

	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: function(a,b,html) {
				if (promo==1) {
					window.location = 'checkout.php';
				} else {
					completedRequest(a,b,html);
				}
			},

			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');

}


