/**
 *	AJAX wrapper to do the little loaders in the product divs..
 */

var AjaxBasket = new Class.create();

AjaxBasket.prototype = {
	
	initialize: function (){},
	
	add: function(u,i){
		if ( u && i ) {
			h = '/ajax_shop' + $(u).readAttribute('href');
			m = $('ajaxmarker_'+i);
			if ( m ){
				m.innerHTML = "Adding your item...";
				m.show();
				this.showing.push( m );
			}
			// url, target, no-back, quiet (no-loader) 
			saf.navigate(h,$('mini-basket'),true,true);
			return false;
		}
	},
	
	showing : [],
	
	clear_markers : function (){
		for ( i = 0; i < this.showing.length; i ++ ) {
			if ( this.showing[i] && this.showing[i].tagName ) {
				this.showing[i].innerHTML = "Done.";
			}
		}
		window.setTimeout( basket.hide_markers, 750 );
	},
	
	hide_markers : function (){
		for ( i = 0; i < basket.showing.length; i ++ ) {
			if ( basket.showing[i] && basket.showing[i].tagName ) {
				basket.showing[i].hide();
			}
		}
		this.showing = [];
	},
	
	highlightChange : function (){
		if ( $('mini-basket') ) {
			$('mini-basket').highlight();
		}
	}
	
}

var basket = new AjaxBasket();








// Basket Close Timer
var tBasket	= false;



document.observe("dom:loaded", function() {
	var miniBasket = $('mini-basket');
	var miniBasketToggle = miniBasket.down('p.basket-overview');
	var miniBasketSummary = miniBasket.down('div.basket-summary');
	
	miniBasketToggle.observe('click', function(event){
		Event.stop(event);
		
		//console.log(Event.element(event));
		
		var animateSpeed = 0.25;
		if(!miniBasket.hasClassName('basket-visible') ) {
			miniBasket.addClassName('basket-visible');
			miniBasket.down('.basket-summary').appear({
				duration: animateSpeed,
				beforeStart: function() {
					miniBasket.addClassName('basket-animating');					
				},
				afterFinish: function() {							
					miniBasket.removeClassName('basket-animating');	
					
				}		
			});
		} else {			
			miniBasket.down('.basket-summary').fade({duration: animateSpeed});
			miniBasket.removeClassName('basket-visible');
			
		}
	});
	
	/*
	$('mini-basket').hover(
		function(){
			/ *
			$('mini-basket').addClassName('basket-visible');
			$('mini-basket').down('.basket-summary').appear({
				duration: 0.25,
			});
			* /
		},
		function(){
			$('mini-basket').removeClassName('basket-visible');
			$('mini-basket').down('.basket-summary').fade({
				duration: 1.25
			});
		},
		{
			enterDelay	: 0,
      		leaveDelay	: 500
		}
	);
	*/
});