var Dialog = {};
Dialog.Box = Class.create();
Object.extend(Dialog.Box.prototype, {
    initialize: function(id) {
        this.createOverlay();

        this.dialog_box = $(id);
        this.dialog_box.show = this.show.bind(this);
        this.dialog_box.hide = this.hide.bind(this);

        this.parent_element = this.dialog_box.parentNode;

        // this.dialog_box.style.min_width = '700px';
        this.dialog_box.style.min_height = '300px';
        var e_dims = Element.getDimensions(this.dialog_box);

        // this.dialog_box.style.left = (document.width-e_dims.width)/2 + 'px';
        this.dialog_box.style.top = '90px';



    },

    createOverlay: function() {
        if($('dialog_overlay')) {
            this.overlay = $('dialog_overlay');
        } else {
            this.overlay = document.createElement('div');
            this.overlay.id = 'dialog_overlay';
            Object.extend(this.overlay.style, {
                position: 'absolute',
                top: 0,
                left: 0,
                zIndex: 2,
                width: '100%',
                backgroundColor: '#888',
                display: 'none'
            });
            document.body.insertBefore(this.overlay, document.body.childNodes[0]);
        }
    },

    moveDialogBox: function(where) {
        Element.remove(this.dialog_box);
        if(where == 'back')
            this.dialog_box = this.parent_element.appendChild(this.dialog_box);
        else
            this.dialog_box = this.overlay.parentNode.insertBefore(this.dialog_box, this.overlay);
    },

    up_is: function(up_in_px){
        this.dialog_box.style.top = up_in_px+'px';
    },
    show: function() {
        this.overlay.style.height = $('body').getHeight()+'px';
        //  this.moveDialogBox('out');
        this.overlay.onclick = this.hide.bind(this);
        //this.selectBoxes('hide');
        this.dialog_box.style.display = '';
        new Effect.Appear(this.overlay, {
            duration: 0.1,
            from: 0.0,
            to: 0.5
        });
    
        this.dialog_box.style.zIndex = this.overlay.style.zIndex + 1;
	
    },
    center: function() {
        var e_dims = Element.getDimensions(this.dialog_box);
        this.dialog_box.style.left = (document.width-e_dims.width)/2 + 'px'
    },
    hide: function() {
        this.selectBoxes('show');
        new Effect.Fade(this.overlay, {
            duration: 0.1
        });
        this.dialog_box.style.display = 'none';
    // this.moveDialogBox('back');
    // $A(this.dialog_box.getElementsByTagName('input')).each(function(e){if(e.type!='submit')e.value=''});
    },

    selectBoxes: function(what) {
    /*  $A(document.getElementsByTagName('select')).each(function(select) {
      Element[what](select);
    });*/

    // if(what == 'hide')
    // $A(this.dialog_box.getElementsByTagName('select')).each(function(select){Element.show(select)})
    }
});

function select_onglet(num) {
    var onglet_name = 'onglet' + num;

    $$('#onglets a.active').each(function(s) {
        s.removeClassName('active');
    });

    $(onglet_name).addClassName('active');

    for(var i=1; i<=4; i++) {
        if (i != num) {
            if ($('onglet' + i + '_content'))
                $('onglet' + i + '_content').hide();
        }
    }

    $(onglet_name + '_content').show();
}