var basket = new Array();


function addToBasket(service,obj) {
    
  /*  var img = new Element('img', {'src': '/img/cart.gif', 'class':'basketStartAnim','id':'basket_anim' + service}).injectBefore(obj);
    
    var basketMorph = new Fx.Morph('basket_anim' + service, {wait: false});
    var basketFlash = new Fx.Morph('bgNavBasket', {wait: false});
    
    basketMorph.options.duration=1000;
    basketMorph.options.transition = Fx.Transitions['Expo']['easeIn'];
    basketMorph.start("basketEndAnim").chain(function() {
        basketFlash.start('bgNavBasketFlash').chain(function() {
            basketFlash.start('bgNavBasket').chain(function() {
                basketFlash.start('bgNavBasketFlash').chain(
                    function() {
                        basketFlash.start('bgNavBasket')
                    }
                );
            });
        });
    });
    */
    basket[basket.length] = service;
    new Ajax("/ajaxProcessors/basket.asmx/AddToBasket", {
        method: 'post',
        urlEncoded: false,
        headers: {'Content-Type': 'application/json; charset=utf-8', 'SOAPAction': 'http://www.withsass.com/AddToBasket'},
        onComplete: function(webServiceResponse) {
           var jsonTxt = webServiceResponse.toString().replace(/\\/g,"");
           jsonTxt = jsonTxt.substring(1,jsonTxt.length-1);
           var myObject = JSON.parse(jsonTxt);
           
           
           var hasInnerText = (document.getElementsByTagName("body")[0].innerText != undefined);
           if(!hasInnerText){
            document.getElementById('basketNumberOfItems').textContent = myObject.count;
           } else{
            document.getElementById('basketNumberOfItems').innerText = myObject.count;
           }
        },
        onFailure: function(webServiceResponse) {
            alert("ajax failure" + webServiceResponse);
        }
    }).request("{'item': '" + service + "'}");
}




Fx.Morph = Fx.Styles.extend({
 
	start: function(className){
 
		var to = {};
 
		$each(document.styleSheets, function(style){
			var rules = style.rules || style.cssRules;
			$each(rules, function(rule){
				if (!rule.selectorText.test('\.' + className + '$')) return;
				Fx.CSS.Styles.each(function(style){
					if (!rule.style || !rule.style[style]) return;
					var ruleStyle = rule.style[style];
					to[style] = (style.test(/color/i) && ruleStyle.test(/^rgb/)) ? ruleStyle.rgbToHex() : ruleStyle;
				});
			});
		});
		return this.parent(to);
	}
 
});
 
Fx.CSS.Styles = ["backgroundColor", "backgroundPosition", "color", "width", "height", "left", "top", "bottom", "right", "fontSize", "letterSpacing", "lineHeight", "textIndent", "opacity"];
 
Fx.CSS.Styles.extend(Element.Styles.padding);
Fx.CSS.Styles.extend(Element.Styles.margin);