function modalDiv(options){
    this.id = "modalDiv";
    this.opacity = 0.7;
    this.contentMode = "div";
    this.showLoading = true;
    this.showContentHeader = true;
    this.headerCaption = "";
    this.parent = null;


    $extend(this,options);


    this.divBackground = null;
    this.divContainer = null;
    this.iframeContent = null;
    this.divContentHeader = null;
    this.divContentHeaderCaption = null;
    this.divContentrLoading = null;

    

    this.build = function(){
        this.divBackground = new Element("div",{
            "id": this.id + "_background",
            "class":"modalBackground",
            "styles":{
                "opacity": this.opacity,
                "display": "none"
            }
        });
        this.divBackground.addEvent('click', function(e) {
            e.stop();
            this.toggle();
        }.bind(this));


        this.divContainer = new Element("div",{
            "id": this.id + "_container",
            "class":"modalContainer",
            "styles":{
                "display": "none"
            }
        });
        
        if (this.showContentHeader){
            this.divContentHeader = new Element("div",{
                "id": this.id + "_contentHeader",
                "class":"modalContentHeader"
            });

            this.divContentHeaderCaption = new Element("div",{
                "id": this.id + "_contentHeaderCaption",
                "class":"modalContentHeaderCaption",
                "text": this.headerCaption,
                "styles":{
                    "float":"left"
                }
            });
            this.divContentHeader.appendChild(this.divContentHeaderCaption);
            
            var imgClose = new Element("img",{
                "id": this.id + "_imgClose",
                "src": "img/close.png",
                "class":"modalCloseImg",
                 "styles":{
                    "float":"right"
                }
            });
            imgClose.addEvent('click', function(e) {
                e.stop();
                this.toggle();
            }.bind(this));
            
            
            this.divContentHeader.appendChild(imgClose);

            this.divContainer.appendChild(this.divContentHeader);
        }

        this.divContent = new Element("div",{
                "id": this.id + "_content",
                "class":"modalContent"
            });
        this.divContainer.appendChild(this.divContent);




        //this.divContainer.innerHTML = "Adsadasdasdasdasdasdasdadaaaaaaaaaaaaaaaaaaaaaa"

        if (this.parent){
            this.parent.appendChild(this.divBackground);
            this.parent.appendChild(this.divContainer);
        } else {
            document.getElementsByTagName("body")[0].appendChild(this.divBackground);
            document.getElementsByTagName("body")[0].appendChild(this.divContainer);
        }
        



    }

    this.toggle = function(){
        this.divBackground.style.display = (this.divBackground.style.display == "none") ? "block" : "none";
        this.divContainer.style.display = (this.divContainer.style.display == "none") ? "block" : "none";
    }
    
    this.setHeader = function(header){
        
        if (this.divContentHeader){
            while(this.divContentHeaderCaption.firstChild) this.divContentHeaderCaption.removeChild(this.divContentHeaderCaption.firstChild);
            this.divContentHeaderCaption.appendChild(document.createTextNode(header));
            this.header = header;    
        }
        
    }

    this.setContent = function(content){
        if (this.divContent){
            this.divContent.innerHTML = content;
        }
    }

    this.build();


}
/*
        var wModal = wContainer- 2*margin;
        var hModal = hMainLeft+ 2*margin + hSubBanner;
        var tModal = hBanner;
        var modalContentWRatio = 0.5;
        var modalContentHRatio = 0.7;
        var modalContentHeaderHeight = 25;

        this.sizeElement("divMainModal",wModal,hModal,margin,tModal);
        this.sizeElement("divModalContent",wModal * modalContentWRatio,hModal * modalContentHRatio,(wModal - (wModal * modalContentWRatio))/2,(hModal - (hModal * modalContentHRatio))/2);
        this.sizeElement("iframeModalContent",false,(hModal * modalContentHRatio) - modalContentHeaderHeight,false,modalContentHeaderHeight);
        this.sizeElement("divModalContentLoading",false,(hModal * modalContentHRatio) - modalContentHeaderHeight,false,modalContentHeaderHeight);


<div id="divMainModal" style="display:none;">
    <div id="divModalContent">
        <div id="divModalContentHeader"><a id="aModalClose" href="javascript:void(0)">Tancar</a></div>
        <div id="divModalContentLoading" style="display:none">
            <img src="img/utils/loading.gif" alt="Carregant" /> Carregant contingut...
        </div>
        <iframe id="iframeModalContent" src="" frameborder="0"></iframe>
    </div>
    <div id="divMainModalBackground"></div>
</div>
*/