/*	
	Updated @ 2009-11-03
	License: GNU General Public License v3
	Developer: Ehsun Behravesh
	email: ehsun7b@gmail.com
	Tested on: Firefox, IE 7, IE 8 
*/

var AjaxBox = Class.create({
	initialize: function(url, options) {
		try {
		    this.url                = url;
		    this.eval               = (options != undefined) && (options.eval != undefined) ? options.eval : false;
		    this.darkLayerColor     = (options != undefined) && (options.darkLayerColor != undefined) ? options.darkLayerColor : "black";
		    this.darkLayerOpacity   = (options != undefined) && (options.darkLayerOpacity != undefined) ? options.darkLayerOpacity : "0.5";
		    this.style              = (options != undefined) && (options.style != undefined) ? options.style : "background-color: #FFFFFF; padding: 10px; border: 1px solid black; left: 10px; top: 10px";
		    this.autoShow           = (options != undefined) && (options.autoShow != undefined) ? options.autoShow : false;
		    this.static             = (options != undefined) && (options.static != undefined) ? options.static : false;
		    this.fetched            = false;
		    this.onFetch            = (options != undefined) && (options.onFetch != undefined) ? options.onFetch : null;            		    
            		    
		    //  -----------------------------------------
		    		    		    	    
		    var viewSize = new function() {
		        this.height = document.body.clientHeight;
		        this.width = document.body.clientWidth;
		    }
		    
		    var viewPort = document.viewport.getDimensions();
		    
		    this.darkLayer = new Element("div");
		    this.darkLayer.setStyle({
            'width': Math.max(viewSize.width, viewPort.width) + 'px', 'height': Math.max(viewSize.height, viewPort.height) + 'px',
            'position': 'absolute', 'z-index': '99',
            'top': '0px', 'left': '0px', 'backgroundColor': this.darkLayerColor
        });
        this.darkLayer.setOpacity(this.darkLayerOpacity);
                    
        var containerStyle = 'z-index: 999; position: absolute; ' + this.style;                        

        this.container = new Element("div", {'style': containerStyle});         
                    
        //  -----------------------------------------
        
        if (!this.static)
            this.send();           
        else {
            this.container.update(url);
            if (this.autoShow)
	        this.show();
        }
			} catch (e) {
					alert("error: " + e.message);
			}
    },
    
    send: function() {
        var request = new Ajax.Request(this.url);
		request.options.onSuccess = this.fetch.bind(this, request);
		request.options.onFailure = this.fetchFailure.bind(this, request);
		request.options.onException = this.fetchException.bind(this, request);
    },
    
    fetch: function(req) {
		try {        
			this.container.update(req.transport.responseText.stripScripts());
			if (this.eval == true) {
				var scripts = req.transport.responseText.extractScripts();
				for (i = 0; i < scripts.length; ++i) {
					var e = document.createElement("script");
					e.setAttribute('type','text/javascript');				
					if (Prototype.Browser.IE) {
						e.text = scripts[i];
					} else {
						e.appendChild(document.createTextNode(scripts[i]));
					}
					this.container.appendChild(e);
				}
			}
			
			this.fetched = true;
			
			if (Object.isFunction(this.onFetch))
			    this.onFetch();
						
			if (this.autoShow)
			    this.show();						    
		} catch (e) {
			alert("error: " + e.name + " - " + e.message);
		}
	},
	
	fetchFailure: function(req) {
		try {           
			this.container.update(this.url + ' Not found!');            
		} catch (e) {
			alert("error: " + e.name + " - " + e.message);
		}
	},
	
	fetchException: function(req) {
		try {            
			this.container.update('Error in fetching URL!');            
		} catch (e) {
			alert("error: " + e.name + " - " + e.message);
		}
	},	    
    
    show: function() {                 
        document.body.appendChild(this.darkLayer);
        document.body.appendChild(this.container);        
    },
    
    remove: function() {
        this.container.remove();
        this.darkLayer.remove();
    }
});