/*
---
description: MooTact class displays a custom contact form, posts the user's message to the server and handles the JSON response. It's a Lightboxed contact form.

license: 
 - MIT-style

authors:
 - Caleb Crane (http://www.simulacre.org)

requires: 
 - core:1.2.4:Request.JSON
 - more:1.2.4:Element.Position
 - more:1.2.4:Spinner
 - more:1.2.4:Mask
 
provides: 
 - MooTact


*/
/* 
  Copyright (c) 2009 Caleb Crane <license [at] simulacre.org>, Simulacre Publishing LLC

  Permission is hereby granted, free of charge, to any person
  obtaining a copy of this software and associated documentation
  files (the "Software"), to deal in the Software without
  restriction, including without limitation the rights to use,
  copy, modify, merge, publish, distribute, sublicense, and/or sell
  copies of the Software, and to permit persons to whom the
  Software is furnished to do so, subject to the following
  conditions:

  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  Except as contained in this notice, the name(s) of the above 
  copyright holders shall not be used in advertising or otherwise 
  to promote the sale, use or other dealings in this Software 
  without prior written authorization.
  
  The end-user documentation included with the redistribution, if 
  any, must include the following acknowledgment: "This product 
  includes software developed by Simulacre Publishing LLC 
  (http://www.simulacre.org/) and its contributors", in the same 
  place and form as other third-party acknowledgments. Alternately, 
  this acknowledgment may appear in the software itself, in the same
  form and location as other such third-party acknowledgments.

  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
  OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
  NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
  HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
  WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
  OTHER DEALINGS IN THE SOFTWARE.
*/


/* ========================== [ MooTact ] ================================
 * ====---------------------------------------------------------------====
 *      MooTools based Contact Form
 *
 *  Submissions are made via JSON and responses are expected as same.
 * ====---------------------------------------------------------------====
 * ========================== [ MooTact ] ================================ */

var MooTact = new Class({
    Implements: [ Options, Events ],
    options: {
        url         : '/mootact',
        "class"     : 'mootact',
        prefix      : 'mootact_',
        "form-rows"    : [
						{ html : '<input type="hidden" id="Buchungsnr" name="mootact[Buchungsnr]" class="name" />','class' : 'hidden'},
						{ html : '<input type="hidden" id="Reiseziel_Programm" name="mootact[Reiseziel_Programm]" class="name" />','class' : 'hidden'},
						{ html : '<input type="hidden" id="Infos" name="mootact[Infos]" class="name" />','class' : 'hidden'},
						{ html : '<input type="hidden" id="Adressat" name="mootact[Adressat]" class="name" />','class' : 'hidden'},
						{ html : '<label for="AnzahlSchueler">Anzahl der Schüler</label><input type="text" id="AnzahlSchueler" name="mootact[AnzahlSchueler]" class="name" />'},
                        { html : '<label for="AnzahlBegleiter">Anzahl der Begleiter:</label><input type="text" id="AnzahlBegleiter" name="mootact[AnzahlBegleiter]" class="name" />'},
                        { html : '<label for="Schule">Name der Schule</label><input type="text" id="Schule" name="mootact[Schule]" class="email" />'},
                        { html : '<label for="Vorname">Ansprechpartner (Vorname, Name):</label><input type="text" id="Vorname" name="mootact[Vorname]" class="subject links" style="width:148px;" /><input type="text" id="Name" name="mootact[Name]" class="subject rechts" style="width:148px;" />'},
                        { html : '<label for="Strasse">Straße:</label><input type="text" id="Strasse" name="mootact[Strasse]" class="subject" />'},
						{ html : '<label for="PLZ">PLZ Ort:</label><input type="text" id="PLZ" name="mootact[PLZ]" class="PLZ links" /> &ndash; <input type="text" id="Ort" name="mootact[Ort]" class="Ort rechts" />'},
						{ html : '<label for="Telefon">Telefon:</label><input type="text" id="Telefon" name="mootact[Telefon]" class="subject" />'},
						{ html : '<label for="Telefax">Telefax:</label><input type="text" id="Telefax" name="mootact[Telefax]" class="subject" />'},
						{ html : '<label for="EMail">E-Mail:</label><input type="text" id="EMail" name="mootact[EMail]" class="subject" />'},
                        { html : '<input type="submit" id="mootact_send" value="Send"/>', "class" : "submit" }
                      ],
        pelem       : null,
        position    : { position: "center" },
        title: "Contact Form",
		text: $empty
    },
    toElement: function(){ return $(this.element); },
    initialize: function(options){
        this.setOptions(options);
  			if(this.options.pelem == null)
  				this.options.pelem = document.body;
			
      	this.pelem      = this.options.pelem;
        this.element    = new Element('form', { id : "mootact-"+ Math.floor(Math.random()*1000000000).toString(16), method : "POST", action : this.options.submitURL, "class" : this.options["class"], "html" : '<a href="#" class="dismiss">&nbsp;</a><h2>'+this.options.title+'</h2><p class="error general"></p><p />'+this.options.text });
		
        $each(this.options["form-rows"],function(row){
		   this.element.adopt(new Element('div', row).addClass("form-row"));
        }.bind(this));

        this.element.addEvent("submit", function(e){
           e.stop();
           this.mail();
        }.bind(this));



        

        $(this).getElement("a.dismiss").addEvent("click", function(e){
            e.stop;
            this.dismiss();
        }.bind(this));

        this.genError = $(this).getElement(".error.general");

		  $(this).store("MooTact", this);

        return this;
    },
    dismiss: function(){
        $(this).dispose();
        $(this.pelem).unmask();
        this.fireEvent("dismiss");
		$$('div.mask').dispose();
        try{delete this;} catch(e) { /* IE7 can't delete this */ }
    },
    show: function(){
        	$(this.pelem).mask({"height":document.getScrollSize().y,"width":"100%"});
        	document.body.adopt(this.element);
        	$(this).position(this.options.position);
			$(this).set("spinner",{ "message" : "", "class" : "mask mootact", "containerPosition": {"position" : "centerTop", "offset" : { y : 100, x : -50 }  } });
    },
    errMsgs : {},
    showErrors: function(exc){
		console.log(exc);
        if(exc.general){
            this.showGenError(exc.general);
        }
        exc.fields && $each(exc.fields, this.showFieldError.bind(this));

    },
    showGenError: function(err){
        err && this.genError.set("html", err);
    },
    showFieldError: function(msg,field){
        var n = field; //this.options.prefix+field;
        if(!$(this).hasChild(n)){
            this.showGenError(msg);
            return;
        }

        this.errMsgs[n] = new Element("div", { "class" : "field error", id : n + "_err", html : msg });
		this.errMsgs[n].makeDraggable();
        $(this).adopt(this.errMsgs[n]);
        this.errMsgs[n].position({ relativeTo : $(n), position: "bottomRight", offset : { x: -25, y : -20 } } );

        $(n).addEvent("focus", function(){
            this.errMsgs[n].dispose();
        }.bind(this));            
    },
    mail: function(){
        var me = this;            
        $(me).spin();
        $each(me.errMsgs, function(ele){ $(ele).dispose(); });
        new Request.JSON({ url : this.options.url, 
                                onSuccess : function(res){
										//console.log(res);
                                        $(me).unspin();
                                        if(!res){
                                          me.showErrors( { general : 'Error: The server returned an error' } );
                                          return;                                          
                                        }
                                          
                                        if(res.success){
                                            me.fireEvent("success");
                                            me.dismiss();
                                            return;
                                        }
                                        if(res.exception) {
										  //console.log(res.exception);
                                          me.showErrors( res.exception ? res.exception : { general : 'Error: The server returned an error' });
										}
                                        me.fireEvent("error");
                                },
                                onException: function(){
									//console.log('onException');
                                    me.showErrors({ general : 'Error: The server returned an error' } );
                                    $(me).unspin();
                                    me.fireEvent("exception");
                                },
                                onFailure: function(){
									//console.log('onFailure');
                                    me.showErrors({ general : 'Error: The server returned an error' } );
                                    $(me).unspin();
                                    me.fireEvent("failure");
                                }
                        }).post($(this));
        me.fireEvent("send");
    }
});