$D = YAHOO.util.Dom;
$E = YAHOO.util.Event;
var yuiLoadingPanel = function(conf){
    conf = conf == undefined ? new Array() : conf;
    conf.id = conf.id == undefined ? 'yuiLoadingPanel':confi.id;
    conf.header = conf.header == undefined ? '':conf.header;
    conf.width = conf.width == undefined ? '60px':conf.width;
    this.conf = conf;
    this.cancelEvent = new YAHOO.util.CustomEvent("cancelEvent", this);
    this.init();
	
};

yuiLoadingPanel.prototype = {
    init: function() {
        var loadingPanel = new YAHOO.widget.Panel(this.conf.id, {
            width: this.conf.width,
            fixedcenter: true,
            close: false,
            draggable: false,
            modal: true,
            visible: false
        });

        loadingPanel.setBody(this.conf.header +
               '<img src="' + imgURL + '" id="wait" />');
        loadingPanel.render(document.body);
        $D.addClass(loadingPanel.id, 'tcc_lightboxLoader');
        var cancelLink = document.createElement('a');
        //$D.setStyle(cancelLink, 'cursor', 'hand');
        cancelLink.appendChild(document.createTextNode('attendere'));
        //$E.on(cancelLink, 'click', function(e, o){
        //o.self.loadingPanel.hide();
        //o.self.cancelEvent.fire();
        //}, {self:this});
        loadingPanel.appendToBody(document.createElement('br'));
        loadingPanel.appendToBody(cancelLink);
        $D.setStyle(loadingPanel.body, 'text-align', 'center');
        $D.addClass(document.body, 'yui-skin-sam');
        this.loadingPanel = loadingPanel;
    },
    show: function(text) {
        if (text != undefined) {
            this.loadingPanel.setHeader(text);
        } else {
            this.loadingPanel.setHeader(this.conf.header);
            setTimeout('document.images["wait"].src = "' + imgURL + '"', 100);
        }
        this.loadingPanel.show();
    },
    hide: function() {
        this.loadingPanel.hide();
    }
};
function UpdateImg(ctrl,imgsrc) {
	var img = document.getElementById(ctrl);
	img.src = imgsrc;
	}