overlay "mask" attribute Created Aug 23, 2010

Hello,

I am using following code

        $("a[rel]").each(function(i){
            $(this).overlay({

		mask: 'darkred',
		effect: 'apple',
                //closeOnClick: false,

                onBeforeLoad: function()
                {
                    // grab wrapper element inside content
                    var wrap = this.getOverlay().find(".contentWrap");

                    // load the page specified in the trigger
                    var self = this;
                    wrap.load(this.getTrigger().attr("href"), function(){
                        $('a.close', this).click(function(){self.close()});
                    });
                }

            });
        });

with the mask attribute set to 'darkred', I am expecting the source window to be turned into dark red and not be clickable. This is not the case. I am wondering what I could be doing wrong here.... Any Idea?

Thanks in advance.