var zindex=1000;
var popup_opened=0;


function showPopup2(id, values) {
    var div = $(id);
    if($(id)) {
        if (div.match('.fakepopup')) {
            var popup=div.getParent('.popup');
            if (!popup) {
                makePopup(div);
                popup=div.getParent('.popup');
            }
            if ((popup.getStyle('display')!='block')) {
                var calque=$('calque');
                if (calque) {
                    if (calque.getStyle('display')!='block') {
                        calque.setStyle('display','block');
                        if (Browser.Engine.trident4) hideSelect();
                    }
                    popup_opened++;
                    size=window.getScrollSize();
                    zindex++;
                    calque.setStyles({'width':size.x, 'height':size.y, 'z-index':zindex});
                }

                popup.setStyle('display','block');
                div.setStyles({'display':'block'});
                var scroll = document.getScroll();
                var dsize = document.getSize();
                var psize = popup.getSize();
                zindex++;
                popup.setStyles({'top':scroll.y+Math.floor((dsize.y-psize.y)/2), 'left':scroll.x+Math.floor((dsize.x-psize.x)/2), 'z-index':zindex});
            }
            
            if (id == 'customAlert'){
            	var formcontent = '';
            	//values = 'input/text/votre_nom//votre nom/width:100px|input/text/votre_email//votre email/width:100px|input/text/son_nom//son nom/width:100px|input/text/son_email//son email/width:100px|input/textarea/votre_message//votre/width:100px';
				var fields = values.split('|');
				for (var i = 0; i < fields.length; i++){
					var the_field = fields[i].split('/');
					switch (the_field[0]){
						case 'input':
							formcontent += the_field[4]+'<br /><input type="text" name="'+the_field[2]+'" value="'+the_field[3]+'" style="'+the_field[5]+'" /><br />';
						break;
						case 'input*':
							formcontent += the_field[4]+'<span class="red">*</span><br /><input type="text" name="'+the_field[2]+'" value="'+the_field[3]+'" style="'+the_field[5]+'" /><br />';
						break;
						case 'hidden':
							formcontent += the_field[4]+'<br /><input type="text" name="'+the_field[2]+'" value="'+the_field[3]+'" style="'+the_field[5]+'" /><br />';
						break;
						case 'textarea':
							formcontent += the_field[4]+'<br /><textarea name="'+the_field[2]+'" style="'+the_field[5]+'" >'+the_field[3]+'</textarea><br />';
						break;
						case 'textarea*':
							formcontent += the_field[4]+'<span class="red">*</span><br /><textarea name="'+the_field[2]+'" style="'+the_field[5]+'" >'+the_field[3]+'</textarea><br />';
						break;
						default:
							formcontent += the_field[4]+'<br /><input type="text" name="'+the_field[2]+'" value="'+the_field[3]+'" style="'+the_field[5]+'" /><br />';
						break;
					}
					
				}
				
				$('content_form').set('html',formcontent);
            }
        }
        else {
            div.setStyles({'display':'block'});
        }
    }
}



function showPopup(id) {
    var div = $(id);
    if($(id)) {
        if (div.match('.fakepopup')) {
            var popup=div.getParent('.popup');
            if (!popup) {
                makePopup(div);
                popup=div.getParent('.popup');
            }
            if ((popup.getStyle('display')!='block')) {
                var calque=$('calque');
                if (calque) {
                    if (calque.getStyle('display')!='block') {
                        calque.setStyle('display','block');
                        if (Browser.Engine.trident4) hideSelect();
                    }
                    popup_opened++;
                    size=window.getScrollSize();
                    zindex++;
                    calque.setStyles({'width':size.x, 'height':size.y, 'z-index':zindex});
                }

                popup.setStyle('display','block');
                div.setStyles({'display':'block'});
                var scroll = document.getScroll();
                var dsize = document.getSize();
                var psize = popup.getSize();
                zindex++;
                popup.setStyles({'top':scroll.y+Math.floor((dsize.y-psize.y)/2), 'left':scroll.x+Math.floor((dsize.x-psize.x)/2), 'z-index':zindex});
            }
        }
        else {
            div.setStyles({'display':'block'});
        }
    }
}

function hidePopup(id) {
    var div = $(id);
    if(div) {
        var popup=div.getParent('.popup');
        if(popup) {
            zindex--;
            popup.setStyle('display', 'none');
            var calque=$('calque');
            if (calque) {
                popup_opened--;
                zindex--;
                calque.setStyles({'z-index':zindex});
                if(Math.max(popup_opened,0)==0) {
                    popup_opened=0;
                    calque.setStyle('display','none');
                    if (Browser.Engine.trident4) showSelect();
                }
            }
        }
        else {
            div.setStyles({'display':'none'});
        }
    }
}

function showSelect() {
    var selects = $$('select');
    for(var i=0; i<selects.length; i++) {
        selects[i].setStyle('display','inline');
    }
}

function hideSelect() {
    var selects = $$('select');
    for(var i=0; i<selects.length; i++) {
        selects[i].setStyle('display','none');
    }
}

function makePopup(target) {

    target.setStyle('display','block'); // sinon => size = 0
    size=target.getSize();

    var popup=new Element("div", {'class':'popup'});

    var handler = new Element("div");
    handler.appendChild(new Element("div", {'class':'popup-left-top-corner floatleft'}));
    handler.appendChild(new Element("div", {'class':'popup-top-middle floatleft'}).setStyles({'width':size.x}));
    var closer = new Element("div", {'id':'closer-'+target.id, 'class':'popup-right-top-corner floatleft trans'});
    closer.addEvents({
    'click': function(){
        hidePopup(target.id)
    }
    });
    handler.appendChild(closer);
    popup.appendChild(handler);

    popup.appendChild(new Element("div", {'style':'clear: both;'}));

    var left = new Element("div", {'class':'popup-left-middle trans'});
    var right = new Element("div", {'class':'popup-right-middle trans'});
    var container=new Element("div", {'id':target.id+'_content', 'class':'popup-content'});

    right.appendChild(container);
    left.appendChild(right);
    popup.appendChild(left);
    popup.appendChild(new Element("div", {'style':'clear: both;'}));
    popup.appendChild(new Element("div", {'class':'popup-left-bottom-corner floatleft trans'}));
    popup.appendChild(new Element("div", {'class':'popup-bottom-middle floatleft trans'}).setStyles({'width':size.x}));
    popup.appendChild(new Element("div", {'class':'popup-right-bottom-corner floatleft trans'}));

    $(document.body).appendChild(popup);

    container.grab(target);

    new Drag(popup,  { 'handle' : handler } );

}

document.addEvent('domready', function() {
    var calque=new Element("div", {'id':'calque','class':'calque'});
    $(document.body).adopt(calque);
});