/**
 * Sexy Alert Box - for mootools 1.2 - jQUery 1.3
 * @name sexyalertbox.v1.2.js
 * @author Eduardo D. Sada - http://www.coders.me/web-js-html/javascript/sexy-alert-box
 * @version 1.2.2
 * @date 25-May-2009
 * @copyright (c) 2009 Eduardo D. Sada (www.coders.me)
 * @license MIT - http://es.wikipedia.org/wiki/Licencia_MIT
 * @example http://www.coders.me/ejemplos/sexy-alert-box/
 * @based in <PBBAcpBox> (Pokemon_JOJO, <http://www.mibhouse.org/pokemon_jojo>)
 * @thanks to Pokemon_JOJO!
 * @features:
 * * Chain Implemented (Cola de mensajes)
 * * More styles (info, error, alert, prompt, confirm)
 * * ESC would close the window
 * * Focus on a default button
*/

var SexyAlertBox=new Class({
    Implements:[Options, Chain],
    getOptions:function(){
        return{
            name:'SexyAlertBox',
            zIndex:65555,
            onReturn:false,
            onReturnFunction:$empty,
            BoxStyles:{
                'width':500
            },
            OverlayStyles:{
                'background-color':'#000',
                'opacity':0.7
            },
            showDuration:200,
            showEffect:Fx.Transitions.linear,
            closeDuration:100,
            closeEffect:Fx.Transitions.linear,
            moveDuration:500,
            moveEffect:Fx.Transitions.Back.easeOut,
            onShowStart:$empty,
            onShowComplete:$empty,
            onCloseStart:$empty,
            onCloseComplete:function(a){
                this.options.onReturnFunction(this.options.onReturn)
                }.bind(this)
            }
        },
initialize:function(b){
    this.i=0;
    this.setOptions(this.getOptions(),b);
    this.Overlay=new Element('div',{
        'id':'BoxOverlay',
        'styles':{
            'display':'none',
            'position':'absolute',
            'top':'0',
            'left':'0',
            'opacity':0,
            'z-index':this.options.zIndex,
            'background-color':this.options.OverlayStyles['background-color'],
            'height':window.getScrollHeight()+'px',
            'width':window.getScrollWidth()+'px'
            }
        });
this.Content=new Element('div',{
    'id':this.options.name+'-BoxContenedor'
    });
this.Contenedor=new Element('div',{
    'id':this.options.name+'-BoxContent'
    }).adopt(this.Content);
    this.InBox=new Element('div',{
    'id':this.options.name+'-InBox'
    }).adopt(this.Contenedor);
    this.Box=new Element('div',{
    'id':this.options.name+'-Box',
    'styles':{
        'display':'none',
        'z-index':this.options.zIndex+2,
        'position':'absolute',
        'top':'0',
        'left':'0',
        'width':this.options.BoxStyles['width']+'px'
        }
    }).adopt(this.InBox);
this.Overlay.injectInside(document.body);
this.Box.injectInside(document.body);
this.preloadImages();
window.addEvent('resize',function(){
    if(this.options.display==1){
        this.Overlay.setStyles({
            'height':window.getScrollHeight()+'px',
            'width':window.getScrollWidth()+'px'
            });
        this.replaceBox()
        }
    }.bind(this));
this.Box.addEvent('keydown',function(a){
    if(a.key=='esc'){
        this.options.onReturn=false;
        this.display(0)
        }
    }.bind(this));
window.addEvent('scroll',this.replaceBox.bind(this))
},
preloadImages:function(){
    var a=new Array(2);
    a[0]=new Image();
    a[1]=new Image();
    a[2]=new Image();
    a[0].src=this.Box.getStyle('background-image').replace(new RegExp("url\\('?([^']*)'?\\)",'gi'),"$1");
    a[1].src=this.InBox.getStyle('background-image').replace(new RegExp("url\\('?([^']*)'?\\)",'gi'),"$1");
    a[2].src=this.Contenedor.getStyle('background-image').replace(new RegExp("url\\('?([^']*)'?\\)",'gi'),"$1")
    },
togFlashObjects:function(a){
    var b=new Array("embed","iframe","object");
    for(y=0;y<b.length;y++){
        var c=document.getElementsByTagName(b[y]);
        for(i=0;i<c.length;i++){
            c[i].style.visibility=a
            }
        }
    },
display:function(a){
    if(this.Transition)this.Transition.cancel();
    if(this.options.display==0&&a!=0||a==1){
        if(Browser.Engine.trident4)$$('select','object','embed').each(function(node){
            node.style.visibility='hidden'
            });
        this.togFlashObjects('hidden');
        this.Overlay.setStyle('display','block');
        this.options.display=1;
        this.fireEvent('onShowStart',[this.Overlay]);
        this.Transition=new Fx.Tween(this.Overlay,{
            property:'opacity',
            duration:this.options.showDuration,
            transition:this.options.showEffect,
            onComplete:function(){
                sizes=window.getSize();
                scrollito=window.getScroll();
                this.Box.setStyles({
                    'display':'block',
                    'left':(scrollito.x+(sizes.x-this.options.BoxStyles['width'])/2).toInt()
                    });
                this.replaceBox();
                this.fireEvent('onShowComplete',[this.Overlay])
                }.bind(this)
            }).start(this.options.OverlayStyles['opacity'])
        }else{
        if(Browser.Engine.trident4)$$('select','object','embed').each(function(node){
            node.style.visibility='visible'
            });
        this.togFlashObjects('visible');
        this.queue.delay(500,this);
        this.Box.setStyles({
            'display':'none',
            'top':0
        });
        this.Content.empty();
        this.options.display=0;
        this.fireEvent('onCloseStart',[this.Overlay]);
        if(this.i==1){
            this.Transition=new Fx.Tween(this.Overlay,{
                property:'opacity',
                duration:this.options.closeDuration,
                transition:this.options.closeEffect,
                onComplete:function(){
                    this.fireEvent('onCloseComplete',[this.Overlay])
                    }.bind(this)
                }).start(0)
            }
        }
},
replaceBox:function(){
    if(this.options.display==1){
        sizes=window.getSize();
        scrollito=window.getScroll();
        if(this.MoveBox)this.MoveBox.cancel();
        this.MoveBox=new Fx.Morph(this.Box,{
            duration:this.options.moveDuration,
            transition:this.options.moveEffect
            }).start({
            'left':(scrollito.x+(sizes.x-this.options.BoxStyles['width'])/2).toInt(),
            'top':(scrollito.y+(sizes.y-this.Box.offsetHeight)/2).toInt()
            });
        this.focusin.delay(this.options.moveDuration,this)
        }
    },
focusin:function(){
    if($chk($('BoxAlertBtnOk'))){
        $('BoxAlertBtnOk').focus()
        }else if($chk($('BoxPromptInput'))){
        $('BoxPromptInput').focus()
        }else if($chk($('BoxConfirmBtnOk'))){
        $('BoxConfirmBtnOk').focus()
        }
    },
queue:function(){
    this.i--;
    this.callChain()
    },
messageBox:function(a,b,c,d){
    this.chain(function(){
        c=$extend({
            'textBoxBtnOk':'Verder winkelen',
            'textBoxBtnCancel':'Afrekenen',
            'textBoxInputPrompt':null,
            'password':false,
            'onComplete':$empty
        },c||{});
        this.options.onReturnFunction=c.onComplete;
        this.ContenedorBotones=new Element('div',{
            'id':this.options.name+'-Buttons'
            });
        if(a=='alert'||a=='info'||a=='error'){
            this.AlertBtnOk=new Element('input',{
                'id':'BoxAlertBtnOk',
                'type':'submit',
                'value': 'Ok',
                'styles':{
                    'width':'120px',
                    'margin-left':'0'
                }
            });
        this.AlertBtnOk.addEvent('click',function(){
            this.options.onReturn=true;
            this.display(0)
            }.bind(this));
        if(a=='alert')this.clase='BoxAlert';
        else if(a=='error')this.clase='BoxError';
        else if(a=='info')this.clase='BoxInfo';
        this.Content.setProperty('class',this.clase).set('html',b);
        this.AlertBtnOk.injectInside(this.ContenedorBotones);
        this.ContenedorBotones.injectInside(this.Content);
        this.display(1)
        }else if(a=='confirm'){
        this.ConfirmBtnOk=new Element('input',{
            'id':'BoxConfirmBtnOk',
            'type':'submit',
            'value':c.textBoxBtnOk,
            'styles':{
                'width':'120px',
                'margin-left':'0'
            }
        });
    this.ConfirmBtnCancel=new Element('input',{
        'id':'BoxConfirmBtnCancel',
        'type':'submit',
        'value':c.textBoxBtnCancel,
        'styles':{
            'width':'100px'
        }
    });
    this.ConfirmBtnOk.addEvent('click',function(){
        this.options.onReturn=true;
        this.display(0)
        }.bind(this));
    this.ConfirmBtnCancel.addEvent('click',function(){
        this.options.onReturn=false;
        this.display(0)
        }.bind(this));
    this.Content.setProperty('class','BoxConfirm').set('html',b);
    this.ConfirmBtnOk.injectInside(this.ContenedorBotones);
    this.ConfirmBtnCancel.injectInside(this.ContenedorBotones);
    this.ContenedorBotones.injectInside(this.Content);
    this.display(1)
    }else if(a=='prompt'){
    this.PromptBtnOk=new Element('input',{
        'id':'BoxPromptBtnOk',
        'type':'submit',
        'value':c.textBoxBtnOk,
        'styles':{
            'width':'120px',
            'margin-left':'0'
        }
    });
this.PromptBtnCancel=new Element('input',{
    'id':'BoxPromptBtnCancel',
    'type':'submit',
    'value':c.textBoxBtnCancel,
    'styles':{
        'width':'100px'
    }
});
a=c.password?'password':'text';
this.PromptInput=new Element('input',{
    'id':'BoxPromptInput',
    'type':a,
    'value':d,
    'styles':{
        'width':'250px'
    }
});
this.PromptBtnOk.addEvent('click',function(){
    this.options.onReturn=this.PromptInput.value;
    this.display(0)
    }.bind(this));
this.PromptBtnCancel.addEvent('click',function(){
    this.options.onReturn=false;
    this.display(0)
    }.bind(this));
this.Content.setProperty('class','BoxPrompt').set('html',b+'<br />');
this.PromptInput.injectInside(this.Content);
new Element('br').injectInside(this.Content);
this.PromptBtnOk.injectInside(this.ContenedorBotones);
this.PromptBtnCancel.injectInside(this.ContenedorBotones);
this.ContenedorBotones.injectInside(this.Content);
this.display(1)
}else{
    this.options.onReturn=false;
    this.display(0)
    }
});
this.i++;
if(this.i==1)this.callChain()
    },
alert:function(a,b){
    this.messageBox('alert',a,b)
    },
info:function(a,b){
    this.messageBox('info',a,b)
    },
error:function(a,b){
    this.messageBox('error',a,b)
    },
confirm:function(a,b){
    this.messageBox('confirm',a,b)
    },
prompt:function(a,b,c){
    this.messageBox('prompt',a,c,b)
    }
});
SexyAlertBox.implement(new Events,new Options);
window.addEvent('domready',function(){
    Sexy=new SexyAlertBox()
    });