var QuoteBasket = Class.create();
QuoteBasket.prototype = {
    
    initialize: function() {
        
        if(!$('navlink_basket'))
        return false;
        
        this.link = $('navlink_basket');
        
        this.spinner = $(new Image);
        this.spinner.src = '/images/spinner_white_on_black_24.gif';
        this.spinner.width  = 23;
        this.spinner.height = 23;
        
        this.navImage = $('navimg_basket');
        
        this.navImgSrc    = $('navimg_basket').src;
        this.navImgWidth  = $('navimg_basket').width;
        this.navImgHeight = $('navimg_basket').height;
        
    },
    
    update: function() {
        
        this.navImage.src    = this.spinner.src;
        this.navImage.width  = this.spinner.width;
        this.navImage.height = this.spinner.height;
        this.navImage.setStyle({
            position: 'relative',
            left:     '75px'
        });
        
        var url = '/products.php?getQuotes';
        new Ajax.Request(url, {
            
            onSuccess: function(t, json) {

                if(json.length > 0) {
                    this.show();
                } else {
                    this.hide();
                }
                
                this.navImage.src    = this.navImgSrc;
                this.navImage.width  = this.navImgWidth;
                this.navImage.height = this.navImgHeight;
                this.navImage.setStyle({
                    position: 'relative',
                    left:     '0px'
        });
                
            }.bind(this)
        });
    },
    
    show: function() { new Effect.Appear(this.link, { duration: 0.5 }); },
    hide: function() { new Effect.Fade(this.link, { duration: 0.5 }) }
}

var quoteBasket = false;
Event.observe(window, 'load', function() { quoteBasket = new QuoteBasket(); });