var CartIcon = Class.create();
CartIcon.prototype = {
    initialize: function(iconId,divId) {
        this.iconId = iconId;
        this.divId = divId;
        Event.observe($(this.iconId),'mouseover',this.loadCart.bindAsEventListener(this));
        Event.observe($(this.iconId),'mouseout',this.hideCart.bindAsEventListener(this));
        Event.observe($(this.divId),'mouseover',this.showCart.bindAsEventListener(this));
        Event.observe($(this.divId),'mouseout',this.hideCart.bindAsEventListener(this));
    },
    loadCart:function(event) {
        this.showCart();
        new Ajax.Request(
            '/checkout2/cart/icon',
            {
                method:'get',
                onComplete: this.updateCartIcon.bind(this)
            }
        );
    },
    updateCartIcon:function(response){
        result = response.responseText.evalJSON(true);
        $(this.divId).update(result['html']);
    },
    hideCart:function(event) {
        $(this.divId).hide();
        $(this.iconId).removeClassName('active');
    },
    showCart:function(event) {
        $(this.divId).show();
        $(this.iconId).addClassName('active');
    }
}