/**
 * Boxy 0.1.4 - Facebook-style dialog, with frills
 *
 * (c) 2008 Jason Frame
 * Licensed under the MIT License (LICENSE)
 */
 
/*
 * jQuery plugin
 *
 * Options:
 *   message: confirmation message for form submit hook (default: "Please confirm:")
 * 
 * Any other options - e.g. 'clone' - will be passed onto the boxy constructor (or
 * Boxy.load for AJAX operations)
 */

var globalUrl = "";
var globalConfig = "";
var globalTitle = "";
var globalVars = new Array();

function nuevoAjax()
{		
	var xmlhttp = false;		
	try{			
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");			
	}
	catch(e){			
		try{				
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");				
		}
		catch(E){				
			xmlhttp = false;				
		}
	}				
	if(!xmlhttp && typeof XMLHttpRequest != 'undefined'){			
		xmlhttp = new XMLHttpRequest();			
	}		
	return xmlhttp;		
}

/**
* Se encarge de mostrar un formulario determinado del archivo administrar modificar algo en un boxy..
*/
function show(send)
{
	ajax = nuevoAjax();	
	contenedor = document.getElementById("documento");
	contenedor.innerHTML="<div class='cargando'>Cargando...</div>";
	boxy.center("x");
	boxy.center("y");
	
	ajax.open("POST", "http://"+globalConfig+"/apps/"+globalUrl, true);
	
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.onreadystatechange = function()
	{
		if(ajax.readyState == 4)
		{
			contenedor.innerHTML = ajax.responseText;
			boxy.center("x");
			boxy.center("y");
		}
	}
	ajax.send(send);
}



jQuery.fn.boxy = function(options) {
    options = options || {};
    return this.each(function() {      
        var node = this.nodeName.toLowerCase(), self = this;
        if (node == 'a') {
            jQuery(this).click(function() {
                var active = Boxy.linkedTo(this),
                    href = this.getAttribute('href'),
                    localOptions = jQuery.extend({actuator: this, title: this.title}, options);
                    
                if (active) {
                    active.show();
                } else if (href.indexOf('#') >= 0) {
                    var content = jQuery(href.substr(href.indexOf('#'))),
                        newContent = content.clone(true);
                    content.remove();
                    localOptions.unloadOnHide = false;
					//alert(newContent);
                    new Boxy(newContent, localOptions);
                } else { // fall back to AJAX; could do with a same-origin check
                    if (!localOptions.cache) localOptions.unloadOnHide = true;
                    Boxy.load(this.href, localOptions);
                }
                
                return false;
            });
        } else if (node == 'form') {
            jQuery(this).bind('submit.boxy', function() {
                Boxy.confirm(options.message || 'Please confirm:', function() {
                    jQuery(self).unbind('submit.boxy').submit();
                });
                return false;
            });
        }
    });
};

//
// Boxy Class

function Boxy(element, options) {
    
    this.boxy = jQuery(Boxy.WRAPPER);
    jQuery.data(this.boxy[0], 'boxy', this);
    
    this.visible = false;
    this.options = jQuery.extend({}, Boxy.DEFAULTS, options || {});

    if (this.options.modal) {
        this.options = jQuery.extend(this.options, {center: true, draggable: true});
		
    }
    
    // options.actuator == DOM element that opened this boxy
    // association will be automatically deleted when this boxy is remove()d
    if (this.options.actuator) {
        jQuery.data(this.options.actuator, 'active.boxy', this);
    }
    
    this.setContent(element || "<div></div>");
    this._setupTitleBar();
    
    this.boxy.css('display', 'none').appendTo(document.body);
    this.toTop();

    if (this.options.fixed) {
        if (jQuery.browser.msie && jQuery.browser.version < 7) {
            this.options.fixed = false; // IE6 doesn't support fixed positioning
        } else {
            this.boxy.addClass('fixed');
        }
    }
    
    if (this.options.center && Boxy._u(this.options.x, this.options.y)) {
        this.center();

    } else {
        this.moveTo(
            Boxy._u(this.options.x) ? this.options.x : Boxy.DEFAULT_X,
            Boxy._u(this.options.y) ? this.options.y : Boxy.DEFAULT_Y
        );
    }
    
    if (this.options.show) this.show();

};

Boxy.EF = function() {};
jQuery.extend(Boxy, {
    
    WRAPPER:    "<table cellspacing='0' cellpadding='0' border='0' class='boxy-wrapper'>" +
                "<tr><td class='top-left'></td><td class='top'></td><td class='top-right'></td></tr>" +
                "<tr><td class='left'></td><td class='boxy-inner'></td><td class='right'></td></tr>" +
                "<tr><td class='bottom-left'></td><td class='bottom'></td><td class='bottom-right'></td></tr>" +
                "</table>",
    
    DEFAULTS: {
        title:                  null,           // titlebar text. titlebar will not be visible if not set.
        closeable:              true,           // display close link in titlebar?
        draggable:              true,           // can this dialog be dragged?
        clone:                  false,          // clone content prior to insertion into dialog?
        actuator:               null,           // element which opened this dialog
        center:                 true,           // center dialog in viewport?
        show:                   true,           // show dialog immediately?
        modal:                  false,          // make dialog modal?
        fixed:                  false,           // use fixed positioning, if supported? absolute positioning used otherwise
        closeText:              'Cerrar',      // text to use for default close link
        unloadOnHide:           true,          // should this dialog be removed from the DOM after being hidden?
        clickToFront:           true,          // bring dialog to foreground on any click (not just titlebar)?
        behaviours:             Boxy.EF,        // function used to apply behaviours to all content embedded in dialog.
        afterDrop:              Boxy.EF,        // callback fired after dialog is dropped. executes in context of Boxy instance.
        afterShow:              Boxy.EF,        // callback fired after dialog becomes visible. executes in context of Boxy instance.
        afterHide:              Boxy.EF,        // callback fired after dialog is hidden. executed in context of Boxy instance.
        beforeUnload:           Boxy.EF         // callback fired after dialog is unloaded. executed in context of Boxy instance.
    },
    
    DEFAULT_X:          50,
    DEFAULT_Y:          50,
    zIndex:             1337,
    dragConfigured:     false, // only set up one drag handler for all boxys
    resizeConfigured:   false,
    dragging:           null,
    
    // load a URL and display in boxy
    // url - url to load
    // options keys (any not listed below are passed to boxy constructor)
    //   type: HTTP method, default: GET
    //   cache: cache retrieved content? default: false
    //   filter: jQuery selector used to filter remote content
    load: function(url, options) {
        options = options || {};
        
        var ajax = {
            url: url, type: 'GET', dataType: 'html', cache: false, success: function(html) {
                html = jQuery(html);
                if (options.filter) html = jQuery(options.filter, html);
				//alert(html); Este es el mensaje de alerta que deshabilité para que el ajax saliera directamente.
               new Boxy(html, options);
            }
        };
        
        jQuery.each(['type', 'cache'], function() {
            if (this in options) {
                ajax[this] = options[this];
                delete options[this];
            }
        });
        
        jQuery.ajax(ajax);
        
    },
    
    // allows you to get a handle to the containing boxy instance of any element
    // e.g. <a href='#' onclick='alert(Boxy.get(this));'>inspect!</a>.
    // this returns the actual instance of the boxy 'class', not just a DOM element.
    // Boxy.get(this).hide() would be valid, for instance.
    get: function(ele) {
        var p = jQuery(ele).parents('.boxy-wrapper');
        return p.length ? jQuery.data(p[0], 'boxy') : null;
    },
    
    // returns the boxy instance which has been linked to a given element via the
    // 'actuator' constructor option.
    linkedTo: function(ele) {
        return jQuery.data(ele, 'active.boxy');
    },
    
    // displays an alert box with a given message, calling optional callback
    // after dismissal.
    alert: function(message, callback, options) {
        return Boxy.ask(message, ['Aceptar'], callback, options);
    },
    
    // displays an alert box with a given message, calling after callback iff
    // user selects OK.
    confirm: function(message, after, options) {
        return Boxy.ask(message, ['Aceptar', 'Cancelar'], function(response) {
            if (response == 'Aceptar') after();
        }, options);
    },
    
    // asks a question with multiple responses presented as buttons
    // selected item is returned to a callback method.
    // answers may be either an array or a hash. if it's an array, the
    // the callback will received the selected value. if it's a hash,
    // you'll get the corresponding key.
    ask: function(question, answers, callback, options) {
        
        options = jQuery.extend({modal: true, closeable: true},
                                options || {},
                                {show: true, unloadOnHide: true});
        
        var body = jQuery('<div></div>').append(jQuery('<div class="question"></div>').html(question));
        
        // ick
		var tam = 0;		
        var map = {}, answerStrings = [];
        if (answers instanceof Array) {
			tam = answers.length;
            for (var i = 0; i < answers.length; i++) {
                map[answers[i]] = answers[i];
                answerStrings.push(answers[i]);
            }
        } else {
            for (var k in answers) {
                map[answers[k]] = k;
                answerStrings.push(answers[k]);
            }
			tam = k;
        }
        
        var buttons = jQuery('<form class="answers"></form>');
        buttons.html(jQuery.map(answerStrings, function(v) {
			if(tam == 1)
			{
				if(v == "Aceptar" || v == "Si")
				{
					return "<table class='boxyButton'><tr><td align='center'><div class='boxyButtonFooter' style='display: block; '><label class='boxyButtonblue'><input type='button' value='"+v+"' /></label></div></td></tr></table>";
				}
			}
			if(tam == 2)
			{
				if(v == "Aceptar" || v == "Si")
				{  
					return "<table class='boxyButton'><tr><td align='center'><div class='boxyButtonFooter' style='display: block; '><label class='boxyButtonblue'><input type='button' value='"+v+"' /></label>";
				}
				else if(v == "Cancelar" || v == "No")
				{
					return "<label class=''><input type='button' value='"+v+"' /></label></div><div style='top: 28px; visibility: hidden; zoom: 1; opacity: 0;' class='boxyButtonOverlay'>&nbsp;</div></td></tr></table>";				
				}				
			}
        }).join(' '));
        
        jQuery('input[type=button]', buttons).click(function() {
            var clicked = this;
            Boxy.get(this).hide(function() {
                if (callback) callback(map[clicked.value]);
            });
        });
        
        body.append(buttons);
        
//		alert(body);
        new Boxy(body, options);
        
    },
    
    // returns true if a modal boxy is visible, false otherwise
    isModalVisible: function() {
        return jQuery('.boxy-modal-blackout').length > 0;
    },
    
    _u: function() {
        for (var i = 0; i < arguments.length; i++)
            if (typeof arguments[i] != 'undefined') return false;
        return true;
    },
    
    _handleResize: function(evt) {
        var d = jQuery(document);
        jQuery('.boxy-modal-blackout').css('display', 'none').css({
            width: d.width(), height: d.height()
        }).css('display', 'block');
    },
    
    _handleDrag: function(evt) {
        var d;
        if (d = Boxy.dragging) {
            d[0].boxy.css({left: evt.pageX - d[1], top: evt.pageY - d[2]});
        }
    },
    
    _nextZ: function() {
        return Boxy.zIndex++;
    },
    
    _viewport: function() {
        var d = document.documentElement, b = document.body, w = window;
        return jQuery.extend(
            jQuery.browser.msie ?
                { left: b.scrollLeft || d.scrollLeft, top: b.scrollTop || d.scrollTop } :
                { left: w.pageXOffset, top: w.pageYOffset },
            !Boxy._u(w.innerWidth) ?
                { width: w.innerWidth, height: w.innerHeight } :
                (!Boxy._u(d) && !Boxy._u(d.clientWidth) && d.clientWidth != 0 ?
                    { width: d.clientWidth, height: d.clientHeight } :
                    { width: b.clientWidth, height: b.clientHeight }) );
    }

});

Boxy.prototype = {
    
    // Returns the size of this boxy instance without displaying it.
    // Do not use this method if boxy is already visible, use getSize() instead.
    estimateSize: function() {
        this.boxy.css({visibility: 'hidden', display: 'block'});
        var dims = this.getSize();
        this.boxy.css('display', 'none').css('visibility', 'visible');
        return dims;
    },
                
    // Returns the dimensions of the entire boxy dialog as [width,height]
    getSize: function() {
        return [this.boxy.width(), this.boxy.height()];
    },
    
    // Returns the dimensions of the content region as [width,height]
    getContentSize: function() {
        var c = this.getContent();
        return [c.width(), c.height()];
    },
    
    // Returns the position of this dialog as [x,y]
    getPosition: function() {
        var b = this.boxy[0];
        return [b.offsetLeft, b.offsetTop];
    },
    
    // Returns the center point of this dialog as [x,y]
    getCenter: function() {
        var p = this.getPosition();
        var s = this.getSize();
        return [Math.floor(p[0] + s[0] / 2), Math.floor(p[1] + s[1] / 2)];
    },
                
    // Returns a jQuery object wrapping the inner boxy region.
    // Not much reason to use this, you're probably more interested in getContent()
    getInner: function() {
        return jQuery('.boxy-inner', this.boxy);
    },
    
    // Returns a jQuery object wrapping the boxy content region.
    // This is the user-editable content area (i.e. excludes titlebar)
    getContent: function() {
        return jQuery('.boxy-content', this.boxy);
    },
    
    // Replace dialog content
    setContent: function(newContent) {
        newContent = jQuery(newContent).css({display: 'block'}).addClass('boxy-content');
        if (this.options.clone) newContent = newContent.clone(true);
        this.getContent().remove();
        this.getInner().append(newContent);
        this._setupDefaultBehaviours(newContent);
        this.options.behaviours.call(this, newContent);
        return this;
    },
    
    // Move this dialog to some position, funnily enough
    moveTo: function(x, y) {
        this.moveToX(x).moveToY(y);
        return this;
    },
    
    // Move this dialog (x-coord only)
    moveToX: function(x) {
        if (typeof x == 'number') this.boxy.css({left: x});
        else this.centerX();
        return this;
    },
    
    // Move this dialog (y-coord only)
    moveToY: function(y) {
        if (typeof y == 'number') this.boxy.css({top: y});
        else this.centerY();
        return this;
    },
    
    // Move this dialog so that it is centered at (x,y)
    centerAt: function(x, y) {
        var s = this[this.visible ? 'getSize' : 'estimateSize']();
        if (typeof x == 'number') this.moveToX(x - s[0] / 2);
        if (typeof y == 'number') this.moveToY(y - s[1] / 2);
        return this;
    },
    
    centerAtX: function(x) {
        return this.centerAt(x, null);
    },
    
    centerAtY: function(y) {
        return this.centerAt(null, y);
    },
    
    // Center this dialog in the viewport
    // axis is optional, can be 'x', 'y'.
    center: function(axis) {
        var v = Boxy._viewport();
        var o = this.options.fixed ? [0, 0] : [v.left, v.top];
        if (!axis || axis == 'x') this.centerAt(o[0] + v.width / 2, null);
        if (!axis || axis == 'y') this.centerAt(null, o[1] + v.height / 2);
        return this;
    },
    
    // Center this dialog in the viewport (x-coord only)
    centerX: function() {
        return this.center('x');
    },
    
    // Center this dialog in the viewport (y-coord only)
    centerY: function() {
        return this.center('y');
    },
    
    // Resize the content region to a specific size
    resize: function(width, height, after) {
        if (!this.visible) return;
        var bounds = this._getBoundsForResize(width, height);
        this.boxy.css({left: bounds[0], top: bounds[1]});
        this.getContent().css({width: bounds[2], height: bounds[3]});
        if (after) after(this);
        return this;
    },
    
    // Tween the content region to a specific size
    tween: function(width, height, after) {
        if (!this.visible) return;
        var bounds = this._getBoundsForResize(width, height);
        var self = this;
        this.boxy.stop().animate({left: bounds[0], top: bounds[1]});
        this.getContent().stop().animate({width: bounds[2], height: bounds[3]}, function() {
            if (after) after(self);
        });
        return this;
    },
    
    // Returns true if this dialog is visible, false otherwise
    isVisible: function() {
        return this.visible;    
    },
    
    // Make this boxy instance visible
    show: function() {
        if (this.visible) return;
        if (this.options.modal) {
            var self = this;
            if (!Boxy.resizeConfigured) {
                Boxy.resizeConfigured = true;
                jQuery(window).resize(function() { Boxy._handleResize(); });
            }
            this.modalBlackout = jQuery('<div class="boxy-modal-blackout"></div>')
                .css({zIndex: Boxy._nextZ(),
                      opacity: 0.7,
                      width: jQuery(document).width(),
                      height: jQuery(document).height()})
                .appendTo(document.body);
            this.toTop();
            if (this.options.closeable) {
                jQuery(document.body).bind('keypress.boxy', function(evt) {
                    var key = evt.which || evt.keyCode;
                    if (key == 27) {
                        self.hide();
                        jQuery(document.body).unbind('keypress.boxy');
                    }
                });
            }
        }
        this.boxy.stop().css({opacity: 1}).show();
        this.visible = true;
        this._fire('afterShow');
        return this;
    },
    
    // Hide this boxy instance
    hide: function(after) {
        if (!this.visible) return;
        var self = this;
        if (this.options.modal) {
            jQuery(document.body).unbind('keypress.boxy');
            this.modalBlackout.animate({opacity: 0}, function() {
                jQuery(this).remove();
            });
        }
        this.boxy.stop().animate({opacity: 0}, 300, function() {
            self.boxy.css({display: 'none'});
            self.visible = false;
            self._fire('afterHide');
            if (after) after(self);
            if (self.options.unloadOnHide) self.unload();
        });
        return this;
    },
    
    toggle: function() {
        this[this.visible ? 'hide' : 'show']();
        return this;
    },
    
    hideAndUnload: function(after) {
        this.options.unloadOnHide = true;
        this.hide(after);
        return this;
    },
    
    unload: function() {
        this._fire('beforeUnload');
        this.boxy.remove();
        if (this.options.actuator) {
            jQuery.data(this.options.actuator, 'active.boxy', false);
        }
    },
    
    // Move this dialog box above all other boxy instances
    toTop: function() {
        this.boxy.css({zIndex: Boxy._nextZ()});
        return this;
    },
    
    // Returns the title of this dialog
    getTitle: function() {
        return jQuery('> .title-bar h2', this.getInner()).html();
    },
    
    // Sets the title of this dialog
    setTitle: function(t) {
        jQuery('> .title-bar h2', this.getInner()).html(t);
        return this;
    },
    
    //
    // Don't touch these privates
    
    _getBoundsForResize: function(width, height) {
        var csize = this.getContentSize();
        var delta = [width - csize[0], height - csize[1]];
        var p = this.getPosition();
        return [Math.max(p[0] - delta[0] / 2, 0),
                Math.max(p[1] - delta[1] / 2, 0), width, height];
    },
    
    _setupTitleBar: function() {
        if (this.options.title) {
            var self = this;
            var tb = jQuery("<div class='title-bar'></div>").html("<h2>" + this.options.title + "</h2>");
            if (this.options.closeable) {
                tb.append(jQuery("<a id='close' href='#' class='close'></a>").html(this.options.closeText));
            }
            if (this.options.draggable) {
                tb[0].onselectstart = function() { return false; }
                tb[0].unselectable = 'on';
                tb[0].style.MozUserSelect = 'none';
                if (!Boxy.dragConfigured) {
                    jQuery(document).mousemove(Boxy._handleDrag);
                    Boxy.dragConfigured = true;
                }
                tb.mousedown(function(evt) {
                    self.toTop();
                    Boxy.dragging = [self, evt.pageX - self.boxy[0].offsetLeft, evt.pageY - self.boxy[0].offsetTop];
                    jQuery(this).addClass('dragging');
                }).mouseup(function() {
                    jQuery(this).removeClass('dragging');
                    Boxy.dragging = null;
                    self._fire('afterDrop');
                });
            }
            this.getInner().prepend(tb);
            this._setupDefaultBehaviours(tb);
        }
    },
    
    _setupDefaultBehaviours: function(root) {
        var self = this;
        if (this.options.clickToFront) {
            root.click(function() { self.toTop(); });
        }
        jQuery('.close', root).click(function() {
            self.hide();
            return false;
        }).mousedown(function(evt) { evt.stopPropagation(); });
    },
    
    _fire: function(event) {
        this.options[event].call(this);
    }
    
};

/**
* Valida el formulario para configurar un widget. 
*/
function configurar_widget(tipo, id, proceso)
{
	ajax = nuevoAjax();	
	var contenedor = document.getElementById(proceso);
	
	ajax.open("POST", "http://"+globalConfig+"/apps/admin_edit_opciones.php?opc=configurar_widget_action", true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");	
	ajax.onreadystatechange = function()
	{
		if(ajax.readyState == 4)
		{
			cerrar_boxy();
			contenedor.innerHTML = ajax.responseText;
		}
	}
	
	if(tipo == "html")
	{
		var titulo = document.getElementById("titulo").value;
		var codigo = document.getElementById("codigo").value;
		var display = document.getElementById("display").value;
		var scrolld = document.getElementById("scroll").checked;
		if(scrolld){ scrolld = 1; }else{ scrolld = 0; }		
		var see = document.getElementById("see").value;
		ajax.send("tipo="+tipo+"&id="+id+"&titulo="+titulo+"&codigo="+urlencode(codigo)+"&display="+display+"&scroll="+scrolld+"&see="+see+"&proceso="+proceso);
	}
	else if(tipo == "lista_v")
	{
		var titulo = document.getElementById("titulo").value;
		var origen = document.getElementById("origen").checked;
		var ordenar = document.getElementById("ordenar").value;
		var items = document.getElementById("items").value;
		var imagen = document.getElementById("imagens").checked;
		var display = document.getElementById("display").value;
		var scrolld = document.getElementById("scroll").checked;
		var height = document.getElementById("height").value;
		var width = document.getElementById("width").value;
		var length = document.getElementById("length").value;
		var usuario = document.getElementById("usuario").checked;
		var visitas = document.getElementById("visitas").checked;

		if(origen){ origen = 1; }else{ origen = 0; }
		if(imagen){ imagen = 1; }else{ imagen = 0; }
		if(scrolld){ scrolld = 1; }else{ scrolld = 0; }
		if(usuario){ usuario = 1; }else{ usuario = 0; }
		if(visitas){ visitas = 1; }else{ visitas = 0; }
		var see = document.getElementById("see").value;
		
		ajax.send("tipo="+tipo+"&id="+id+"&titulo="+titulo+"&origen="+origen+"&ordenar="+ordenar+"&items="+items+"&imagen="+imagen+"&display="+display+"&scroll="+scrolld+"&height="+height+"&width="+width+"&length="+length+"&usuario="+usuario+"&visitas="+visitas+"&see="+see+"&proceso="+proceso);
	}
	else if(tipo == "relacionados")
	{
		var titulo = document.getElementById("titulo").value;
		var items = document.getElementById("items").value;
		var imagen = document.getElementById("imagens").checked;
		var display = document.getElementById("display").value;
		var scrolld = document.getElementById("scroll").checked;
		var height = document.getElementById("height").value;
		var width = document.getElementById("width").value;
		var length = document.getElementById("length").value;
		var usuario = document.getElementById("usuario").checked;
		var visitas = document.getElementById("visitas").checked;
		var duracion = document.getElementById("duracion").checked;
		var ranking = document.getElementById("ranking").checked;
		var comentarios = document.getElementById("comentarios").checked;
		var videos = document.getElementById("videos").checked;
		var post = document.getElementById("post").checked;

		if(imagen){ imagen = 1; }else{ imagen = 0; }
		if(scrolld){ scrolld = 1; }else{ scrolld = 0; }
		if(usuario){ usuario = 1; }else{ usuario = 0; }
		if(visitas){ visitas = 1; }else{ visitas = 0; }
		if(duracion){ duracion = 1; }else{ duracion = 0; }
		if(ranking){ ranking = 1; }else{ ranking = 0; }
		if(comentarios){ comentarios = 1; }else{ comentarios = 0; }
		if(videos){ videos = 1; }else{ videos = 0; }
		if(post){ post = 1; }else{ post = 0; }		

		ajax.send("tipo="+tipo+"&id="+id+"&titulo="+titulo+"&items="+items+"&imagen="+imagen+"&display="+display+"&scroll="+scrolld+"&height="+height+"&width="+width+"&length="+length+"&usuario="+usuario+"&visitas="+visitas+"&duracion="+duracion+"&ranking="+ranking+"&comentarios="+comentarios+"&videos="+videos+"&post="+post+"&proceso="+proceso);
	}
	else if(tipo == "user_info")
	{
		var titulo = document.getElementById("titulo").value;
		var imagen = document.getElementById("imagens").checked;
		var display = document.getElementById("display").value;
		var scrolld = document.getElementById("scroll").checked;
		var height = document.getElementById("height").value;
		var width = document.getElementById("width").value;
		var usuario = document.getElementById("usuario").checked;
		var sexo = document.getElementById("sexo").checked;
		var registro = document.getElementById("registro").checked;
		var pais = document.getElementById("pais").checked;
		var perfil = document.getElementById("perfil").checked;
		var nivel = document.getElementById("nivel").checked;
		var conexiones = document.getElementById("conexiones").checked;		

		if(imagen){ imagen = 1; }else{ imagen = 0; }
		if(scrolld){ scrolld = 1; }else{ scrolld = 0; }
		if(usuario){ usuario = 1; }else{ usuario = 0; }
		if(sexo){ sexo = 1; }else{ sexo = 0; }
		if(registro){ registro = 1; }else{ registro = 0; }
		if(pais){ pais = 1; }else{ pais = 0; }
		if(perfil){ perfil = 1; }else{ perfil = 0; }
		if(nivel){ nivel = 1; }else{ nivel = 0; }
		if(conexiones){ conexiones = 1; }else{ conexiones = 0; }		

		ajax.send("tipo="+tipo+"&id="+id+"&titulo="+titulo+"&items="+items+"&imagen="+imagen+"&display="+display+"&scroll="+scrolld+"&height="+height+"&width="+width+"&length="+length+"&usuario="+usuario+"&sexo="+sexo+"&registro="+registro+"&pais="+pais+"&perfil="+perfil+"&nivel="+nivel+"&conexiones="+conexiones+"&proceso="+proceso);
	}
}

function desplazar_widget_arriba(id, proceso, see)
{
	
	var contenedor = document.getElementById(proceso);
	ajax = nuevoAjax();	
	ajax.open("POST", "http://"+globalConfig+"/apps/admin_edit_opciones.php?opc=desplazar_widget_arriba&id="+id+"&proceso="+proceso+"&see="+see, true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");	
	ajax.onreadystatechange = function()
	{
		if(ajax.readyState == 4)
		{
			cerrar_boxy();
			contenedor.innerHTML = ajax.responseText;
		}
	}
	ajax.send(null);
}

function desplazar_widget_abajo(id, proceso, see)
{
	var contenedor = document.getElementById(proceso);
	ajax = nuevoAjax();	
	ajax.open("POST", "http://"+globalConfig+"/apps/admin_edit_opciones.php?opc=desplazar_widget_abajo&id="+id+"&proceso="+proceso+"&see="+see, true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");	
	ajax.onreadystatechange = function()
	{
		if(ajax.readyState == 4)
		{
			contenedor.innerHTML = ajax.responseText;
		}
	}
	ajax.send(null);
}

function eliminar_widget(id)
{
	var contenedor = document.getElementById(globalVars[0]);
	ajax = nuevoAjax();	
	ajax.open("POST", "http://"+globalConfig+"/apps/admin_edit_opciones.php?opc=eliminar_widget&id="+id+"&proceso="+globalVars[0], true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.onreadystatechange = function()
	{
		if(ajax.readyState == 4)
		{
			contenedor.innerHTML = ajax.responseText;
		}
	}
	ajax.send(null);
}

/**
* Valida el formulario crear widget
*/
function crear_widget(proceso)
{
	var tipo = document.getElementById("tipo").value;
	if(tipo == -1)
	{
		Boxy.DEFAULTS.title = "Alerta!";
		Boxy.zIndex = Boxy.zIndex+1;
		Boxy.alert("Por favor, escoja el tipo de widget.", function() { /*accion*/ });
		Boxy.zIndex = Boxy.zIndex-1;
	}
	else
	{
		var contenedor = document.getElementById(proceso);
		ajax.open("GET", "http://"+globalConfig+"/apps/admin_edit_opciones.php?opc=agregar_widget_action&tipo="+tipo+"&proceso="+proceso, true);
		ajax.onreadystatechange = function()
		{
			if(ajax.readyState == 4)
			{
				cerrar_boxy();
				contenedor.innerHTML = ajax.responseText;
			}
		}
	
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		ajax.send(null);
	}
}

/**
* Codifica una url dada por parametro.
*/
function urlencode(str) 
{
    // URL-encodes string  
    // 
    // version: 1102.614
    // discuss at: http://phpjs.org/functions/urlencode    // +   original by: Philip Peterson
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: AJ
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Brett Zamir (http://brett-zamir.me)    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: travc
    // +      input by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Lars Fischer    // +      input by: Ratheous
    // +      reimplemented by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Joris
    // +      reimplemented by: Brett Zamir (http://brett-zamir.me)
    // %          note 1: This reflects PHP 5.3/6.0+ behavior    // %        note 2: Please be aware that this function expects to encode into UTF-8 encoded strings, as found on
    // %        note 2: pages served as UTF-8
    // *     example 1: urlencode('Kevin van Zonneveld!');
    // *     returns 1: 'Kevin+van+Zonneveld%21'
    // *     example 2: urlencode('http://kevin.vanzonneveld.net/');    // *     returns 2: 'http%3A%2F%2Fkevin.vanzonneveld.net%2F'
    // *     example 3: urlencode('http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a');
    // *     returns 3: 'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a'
    str = (str + '').toString();
     // Tilde should be allowed unescaped in future versions of PHP (as reflected below), but if you want to reflect current
    // PHP behavior, you would need to add ".replace(/~/g, '%7E');" to the following.
    return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').
    replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
}

/**
* Cierra cualquier boxy con esta instrucción.
*/
function cerrar_boxy()
{
	$('#close').click();
}