/*
 * Script from NETTUTS.com [by James Padolsey]
 * @requires jQuery($), jQuery UI & sortable/draggable UI modules
 */

var iNettuts = {
    
    jQuery : $,
    
    settings : {
        columns : '.column',
        widgetSelector: '.widget',
        handleSelector: '.gadget-head',
        handleSelectorButtoms: '.gadget-head-buttoms',
        handleSelectorPrivateIcon: '.gadget-head-private-status',
        contentSelector: '.gadget-content',
        newGadgets: '.newgadgetsnav',
        movingGadget: '',
        targetZone: '',
        startZone: '',
        zoneOrder: '',
        openedConfig: 0,
        widgetDefault : {
            movable: true,
            removable: true,
            collapsible: true,
            editable: true,
			minimized: false,
            colorClasses : ['color-yellow', 'color-red', 'color-blue', 'color-white', 'color-orange', 'color-green']
        },
        widgetIndividual : {
            staticwidget : {
                movable: false,
                removable: false,
                collapsible: false,
                editable: false,
                minimized: false
            },
            contentwidget : {
                movable: false,
                removable: false,
                collapsible: true,
                editable: true,
                minimized: false
            },
            minimizedwidget : {
                movable: true,
                removable: true,
                collapsible: true,
                editable: true,
                minimized: true
            }
        }
    },

    init : function () {
//alert(ActualGridSkin);    	
//        this.attachStylesheet('/grid/css/'+ActualGridSkin+'/grid.css');
//        this.attachStylesheet('/grid/css/'+ActualGridSkin+'/grid.js.css');
//        this.attachStylesheet('/grid/css/default/jquery.core.all.css');
        this.addWidgetControls();
        this.makeSortable();

        $('#GadgetsNav a').
        	livequery('click', function(event) {
        		var GadgetId = $(this).parent().attr("id");
        		var GTitle = $(this).text();
        		
        		GadgetId = GadgetId.substr( GadgetId.indexOf('_')+1 );

//alert("GadgetId: "+GadgetId);

				insertWidget("#zone1", GadgetId );

				var Urls = AccountDir+'/ajax/gadget.php?Action=newgadget&GId='+GadgetId;
				var DivName = 'NewDiv'+GadgetId;
//				RefreshAjaxDiv(DivName, Urls, '','','','','','','','','','','AddGadgetControls("'+GadgetId+'")');
				var Ret = $.ajax({
				   type: "GET",
				   url: Urls,
				   success: function(DataRet){
						if(DataRet.indexOf("//JS_AJAX;")!=-1)
						{
							DataRet = DataRet.substring(10);
							eval(DataRet);
						} else if( DataRet )
						  		$("#"+DivName).html(DataRet);
						AddGadgetControls(GadgetId);
				   }	
				 });

//				insertWidget("#zone2", GadgetId, GTitle, 'classic', GadgetId  );
//				iNettuts.delNewWidget( GadgetId );
				tb_remove();
				
        	});

        $('#GridSkinsNav a').
        	livequery('click', function(event) {
        		
				var Theme = $(this).parent().attr("id");
        		var ThemeCode = Theme.substr( Theme.indexOf('_')+1 );
        		var ThemeHash = ThemeCode.substr( Theme.indexOf('_') );

        		ThemeCode = ThemeCode.substr( 0, Theme.indexOf('_')-1 );

        		var Urls = AccountDir+'/index.php?ThemeCode='+ThemeCode+'&ThemeHash='+ThemeHash;
        		
        		tb_remove();
        		window.location = Urls;
        	});

        $('#save a').
        	livequery('click', function(event) {

				var thisWidgetSettings = iNettuts.getWidgetSettings(this.id);
            	var s = '';
                $(this).parents('.widget')
                	.find('.edit-box').find('input').each(function () {
                	 s += $(this).serialize() + '|';
        		});
        		var prvLevel = '';
                $(this).parents('.widget')
                	.find('.edit-box').find('select').each(function () {
                	 s += $(this).serialize() + '|';
                	 if( $(this).attr("id") == "PrivateLevel" )
                	 	prvLevel = $(this).attr("value");
        		});
                //iNettuts.debugInfo("serialize:",s,'log')

				var thisId = $(this).parents('.widget').attr('id');

                if( prvLevel == 'U' )
                { 
                	$("#prvStatus_"+thisId).removeClass('public');
                	$("#prvStatus_"+thisId).addClass('private');
                	$("#prvStatus_"+thisId).html('Zona Privada');
                	$("#prvStatus_"+thisId).attr('title','Zona Privada');
                }
                else
                { 
                	$("#prvStatus_"+thisId).addClass('public');
                	$("#prvStatus_"+thisId).removeClass('private');
                	$("#prvStatus_"+thisId).html('Zona Pública');
                	$("#prvStatus_"+thisId).attr('title','Zona Pública');
                }

                $(this).parents('.widget').find('.edit').removeClass("edit-off")
                    .parents('.widget')
                        .find('.edit-box').hide();

				thisWidgetSettings.openedConfig = 0;

				var Urls = AccountDir+'/ajax/gadget.php?GId='+thisId+'&Action=upddata&Data='+escape(s);
				var DivName = 'gadget_content_'+thisId;
//				RefreshAjaxDiv(DivName, Urls);
				var Ret = $.ajax({
				   type: "GET",
				   url: Urls,
				   success: function(DataRet){
						if(DataRet.indexOf("//JS_AJAX;")!=-1)
						{
							DataRet = DataRet.substring(10);
							eval(DataRet);
						} else if( DataRet )
						  		$("#"+DivName).html(DataRet);
				   }	
				 });

				// $('<a href="#" class="edit">EDITAR</a>').toggle();


        	});
            //selectskin
/*            $('.edit-box select').
        	livequery('click', function(event) {
                alert("EM");
                        if ($(this).val()!=0){
                	       alert("A Partir de XX/YY/AAAA Los SMS tendrán un consto de $1 c/u");
                        }                	       
        	});*/ 

/*        $('.alertsfrequency').
        	livequery('click', function(event) {
        	   alert($(this).attr("id"));
        	   $(this).find('.alertsfrequency').each(function () {
                	 $(this).change(function () {
                        if ($(this).val()!=0){
                	       alert("A Partir de XX/YY/AAAA Los SMS tendrán un consto de $1 c/u");
                        }                	       
                     })

        	   });
            });*/                
    },
    
    getWidgetSettings : function (id) {
        var $ = this.jQuery,
            settings = this.settings;
        var subId = id.substr(0,id.indexOf("_"));
        if( subId == 'minimizedwidget' )
        	id = 'minimizedwidget';
        return (id&&settings.widgetIndividual[id]) ? $.extend({},settings.widgetDefault,settings.widgetIndividual[id]) : settings.widgetDefault;
    },
    
    addWidgetControls : function () {
        var iNettuts = this,
            $ = this.jQuery,
            settings = this.settings;
            
        $(settings.widgetSelector, $(settings.columns)).each(function () {
            var thisWidgetSettings = iNettuts.getWidgetSettings(this.id);
            var thisId = this.id.replace('minimizedwidget_','');

//iNettuts.debugInfo('thisId: ',thisId,'log');

            if (thisWidgetSettings.removable) {
                $('<a href="#" class="remove" title="Quitar la zona del Entorno Movistar">CERRAR</a>').mousedown(function (e) {
                    e.stopPropagation();    
                }).click(function () {
//                    if(confirm('Esta zona será eliminada, ok?')) {
                        $(this).parents(settings.widgetSelector).animate({
                            opacity: 0    
                        },function () {
                            $(this).wrap('<div/>').parent().slideUp(function () {
                                $(this).remove();
                            });
                        });

						var Urls = AccountDir+'/ajax/gadget.php?GId='+thisId+'&Action=delgadget';
						var DivName = 'gadget_content_'+thisId;
//						RefreshAjaxDiv(DivName, Urls);
						var Ret = $.ajax({
						   type: "GET",
						   url: Urls,
						   success: function(DataRet){
								if(DataRet.indexOf("//JS_AJAX;")!=-1)
								{
									DataRet = DataRet.substring(10);
									eval(DataRet);
								} else if( DataRet )
								  		$("#"+DivName).html(DataRet);
						   }	
						 });

//                    }
                    return false;
                }).appendTo($(settings.handleSelectorButtoms, this));
            }

            if (thisWidgetSettings.editable) {
                $('<a href="#" class="edit" title="Configurar la zona">EDITAR</a>').mousedown(function (e) {
                    if( thisWidgetSettings.openedConfig )
                    {
	                    $(this).removeClass("edit-off")
	                        .parents(settings.widgetSelector)
	                            .find('.edit-box').hide();
						$(this).attr("title","Configurar la zona");
	                            
						thisWidgetSettings.openedConfig = 0;
	                    return false;
                    }
                    else
                	{
	                    $(this).addClass("edit-off")
	                        .parents(settings.widgetSelector)
	                            .find('.edit-box').show().find('input').focus();
	                    $(this).attr("title","Salir de configuración");
	
						var Urls = AccountDir+'/ajax/gadget.php?GId='+thisId+'&Action=getgadgetconf';
						var DivName = 'form_config_'+thisId;

						// RefreshAjaxDiv(DivName, Urls);
						var Ret = $.ajax({
						   type: "GET",
						   url: Urls,
						   success: function(DataRet){
								if(DataRet.indexOf("//JS_AJAX;")!=-1)
								{
									DataRet = DataRet.substring(10);
									eval(DataRet);
								}else
								  $("#"+DivName).html(DataRet);
                                
                                 $('#'+DivName+' select').
                                	livequery('change', function(event) {
                                	   if ($(this).val()!=0)
                                            LoadAlertMessage("Espacio Movistar te da GRATIS 2 alertas por día. Si configuras más de 2, cada alerta adicional tendrá un costo de $1 imp. incl.  por SMS enviado.","W","Open");
                                	});   
                                /*$('#alertsfrequency').change(function(event) {
                                    if ($(this).val()!=0){
                                        LoadAlertMessage("Espacio Movistar te da GRATIS 2 alertas por día. Si configuras más de 2, cada alerta adicional tendrá un costo de $1 imp. incl.  por SMS enviado.","W","Open");
                                        //alert("A Partir de XX/YY/AAAA Los SMS tendrán un consto de $1 c/u");
                                        $('#MsgAlertPayment').show();
                                    }                	       

                                });*/                                   
                                
						   }	
						 });
						
						thisWidgetSettings.openedConfig = 1;
	                    return false;
                	}
                    e.stopPropagation();
                }).toggle(function () { 
                },function () {
                	}).appendTo($(settings.handleSelectorButtoms,this));

                var EditBoxHtml = '<label for="Code" class="item" title="Enviando un SMS al 4444 con la palabra PANEL seguida de este código, podrás comunicarte desde tu celular Movistar a esta zona">Código SMS (al 4444)</label><input id="Code" name="Code" value="' + $('.jsCode',this).text() + '" title="Enviando un SMS al 4444 con la palabra PANEL seguida de este código, podrás comunicarte desde tu celular Movistar a esta zona" />';
                EditBoxHtml += '<label for="Title" class="item" title="Título de la zona">Título</label><input id="Title" name="Title" value="' + $('h1',this).text() + '" title="Título de la zona" />';
                EditBoxHtml += '<label for="Skin" class="item" title="Cambia el diseño de tu zona de acuerdo a tu preferencia">Diseño</label><select id="Skin" name="Skin" class="selectskin" title="Cambia el diseño de tu zona de acuerdo a tu preferencia"><option value="gdgtSolidBox" '+ ($('.jsSkin',this).text()=='gdgtSolidBox' ? 'selected' : '' )+' >Sólido</option><option value="gdgtUnfilledBox" '+ ($('.jsSkin',this).text()=='gdgtUnfilled Box' ? 'selected' : '' )+' >Hueco</option><option value="gdgtHideBox" '+ ($('.jsSkin',this).text()=='gdgtHideBox' ? 'selected' : '' )+' >Oculto</option><option value="gdgtCrystalBox" '+ ($('.jsSkin',this).text()=='gdgtCrystalBox' ? 'selected' : '' )+' >Cristal</option></select>';
                EditBoxHtml += '<div id="form_config_'+thisId+'"></div>';
                EditBoxHtml += '<label id="save"><a href="javascript:;" class="save"><img src="/images/grid/entorno_azul/grabar.png" title="Grabar" align="right"></a></label>';
                    
                $('<div class="edit-box" style="display:none;"/>')
				.append('<div class="edit-box-in">' + EditBoxHtml + '</div>')
                .insertAfter($(settings.handleSelector,this));
            }
            
            if (thisWidgetSettings.collapsible) {
            	if( thisWidgetSettings.minimized )
            	{
	                $('<a href="#" class="collapse" title="Maximizar la zona">COLLAPSE</a>').mousedown(function (e) {
	                    e.stopPropagation();    
	                }).toggle(function () {	// Maximizar la zona
	                	$(this).attr("title","Minimizar la zona");
	                    $(this).removeClass("collapse-off")
	                        .parents(settings.widgetSelector)
	                            .find(settings.contentSelector).show();
							
	                        var gId = $(this).parent().parent().parent().attr("id");
							gId = gId.replace('minimizedwidget_','');

							var Urls = AccountDir+'/ajax/gadget.php?Action=setminimized&GId='+gId+'&Minimized=0';
							var DivName = 'gadget_content_'+gId;
//							RefreshAjaxDiv(DivName, Urls);
							var Ret = $.ajax({
							   type: "GET",
							   url: Urls,
							   success: function(DataRet){
									if(DataRet.indexOf("//JS_AJAX;")!=-1)
									{
										DataRet = DataRet.substring(10);
										eval(DataRet);
									}else if( DataRet )
									  		$("#"+DivName).html(DataRet);
							   }	
							 });
	
	                    return false;
	                },function () {	// Minimizar la zona
	                	$(this).attr("title","Maximizar la zona");
	                    $(this).addClass("collapse-off")
	                        .parents(settings.widgetSelector)
	                        .find(settings.contentSelector).hide();
	                        
	                        var gId = $(this).parent().parent().parent().attr("id");
							gId = gId.replace('minimizedwidget_','');

							var Urls = AccountDir+'/ajax/gadget.php?Action=setminimized&GId='+gId+'&Minimized=1';
							var DivName = 'gadget_content_'+gId;
//							RefreshAjaxDiv(DivName, Urls);
							var Ret = $.ajax({
							   type: "GET",
							   url: Urls,
							   success: function(DataRet){
									if(DataRet.indexOf("//JS_AJAX;")!=-1)
									{
										DataRet = DataRet.substring(10);
										eval(DataRet);
									}else if( DataRet )
									  		$("#"+DivName).html(DataRet);
							   }	
							 });
	                        
	                    return false;
	                }).appendTo($(settings.handleSelectorButtoms,this));
                    $(this).find('.collapse').addClass("collapse-off")
	        	}
	        	else
	        	{
	                $('<a href="#" class="collapse" title="Minimizar la zona">COLLAPSE</a>').mousedown(function (e) {
	                    e.stopPropagation();    
	                }).toggle(function () {	// Minimizar la zona
	                	$(this).attr("title","Maximizar la zona");
	                    $(this).addClass("collapse-off")
	                        .parents(settings.widgetSelector)
	                        .find(settings.contentSelector).hide();
	                        
	                        var gId = $(this).parent().parent().parent().attr("id");
							gId = gId.replace('minimizedwidget_','');

							var Urls = AccountDir+'/ajax/gadget.php?Action=setminimized&GId='+gId+'&Minimized=1';
							var DivName = 'gadget_content_'+gId;
//							RefreshAjaxDiv(DivName, Urls);
							var Ret = $.ajax({
							   type: "GET",
							   url: Urls,
							   success: function(DataRet){
									if(DataRet.indexOf("//JS_AJAX;")!=-1)
									{
										DataRet = DataRet.substring(10);
										eval(DataRet);
									}else if( DataRet )
									  		$("#"+DivName).html(DataRet);
							   }	
							 });
	                        
	                    return false;
	                },function () {	// Maximizar la zona
	                	$(this).attr("title","Minimizar la zona");
	                    $(this).removeClass("collapse-off")
	                        .parents(settings.widgetSelector)
	                            .find(settings.contentSelector).show();
	
	                        var gId = $(this).parent().parent().attr("id");
							var Urls = AccountDir+'/ajax/gadget.php?Action=setminimized&GId='+gId+'&Minimized=0';
							gId = gId.replace('minimizedwidget_','');
							
							var DivName = 'gadget_content_'+gId;
//							RefreshAjaxDiv(DivName, Urls);
							var Ret = $.ajax({
							   type: "GET",
							   url: Urls,
							   success: function(DataRet){
									if(DataRet.indexOf("//JS_AJAX;")!=-1)
									{
										DataRet = DataRet.substring(10);
										eval(DataRet);
									}else if( DataRet )
									  		$("#"+DivName).html(DataRet);
							   }	
							 });
	
	                    return false;
	                }).appendTo($(settings.handleSelectorButtoms,this));
	        	}
            }
        });
        
        $('.edit-box').each(function () {
            $('.title',this).keyup(function () {
                $(this).parents(settings.widgetSelector).find('h1').text( $(this).val() );
//                $(this).parents(settings.widgetSelector).find('h3').text( $(this).val().length>20 ? $(this).val().substr(0,20)+'...' : $(this).val() );
            });
            $('.codigo',this).keyup(function () {
                $(this).parents(settings.widgetSelector).find('.jsCode').text( $(this).val() );
//                $(this).parents(settings.widgetSelector).find('h3').text( $(this).val().length>20 ? $(this).val().substr(0,20)+'...' : $(this).val() );
            });
            $('.selectskin',this).change(function () {
            	$(this).parents(settings.widgetSelector)
            		.removeClass($(this).parents(settings.widgetSelector).find('.jsSkin').text())
            		.addClass( $(this).val() );
                $(this).parents(settings.widgetSelector).find('.jsSkin').text( $(this).val() );
            });
//            $('ul.colors li',this).click(function () {
//                
//                var colorStylePattern = /\bcolor-[\w]{1,}\b/,
//                    thisWidgetColorClass = $(this).parents(settings.widgetSelector).attr('class').match(colorStylePattern)
//                if (thisWidgetColorClass) {
//                    $(this).parents(settings.widgetSelector)
//                        .removeClass(thisWidgetColorClass[0])
//                        .addClass($(this).attr('class').match(colorStylePattern)[0]);
//                }
//                return false;
//            });
        });
        
/*        $('#GadgetsNav a').
        	livequery('click', function(event) {
        		var GadgetId = $(this).parent().attr("id");
        		if( $('#AddGadgetForm').length > 0 )
        		{
	                $("#AddGadgetForm")
	                    .append('<div id="AddGadgetForm">')
	                    .append('<input type="hidden" id="GadgetId" name="GadgetId" value="aaa'+ GadgetId +'"/>')
	                    .append('<ul><li class="item"><label>Seleccione un nombre para el nuevo gadget</label><input id="Id" name="Id" value=""/></li>')
	                    .append('<li class="item"><label>Público?</label><input type="hidden" id="Visibility" name="Visibility" value="1"/><input type="Checkbox" id="Visibility" name="Visibility" value="0"/></li>')
	                    .append('<li class="item"><input type="Submit" value="Agregar"/></li>')
	                    .append('</ul></div>')
	                    .replaceWith($("#AddGadgetForm",this));
        		}
        		else
        		{
	                $("#TB_window")
	                    .append('<div id="AddGadgetForm">')
	                    .append('<input type="hidden" id="GadgetId" name="GadgetId" value="'+ GadgetId +'"/>')
	                    .append('<ul><li class="item"><label>Seleccione un nombre para el nuevo gadget</label><input id="Id" name="Id" value=""/></li>')
	                    .append('<li class="item"><label>Público?</label><input type="hidden" id="Visibility" name="Visibility" value="1"/><input type="Checkbox" id="Visibility" name="Visibility" value="0"/></li>')
	                    .append('<li id="AddNewGadget"><input type="Submit" value="Agregar"/></li>')
	                    .append('</ul></div>')
	                    .insertAfter($("#TB_window",this));
        		}
    		});
    	
    	$('#AddNewGadget input').
    		livequery('click', function(event) {
            	var s = '';
                $('#AddGadgetForm').parent().find('input').each(function () {
                	if( this.name == 'Id' && !this.value )
                	{
                		alert('Debe ingresar un identificador para el nuevo Gadget');
                		return false;
                	}
                	else
                	{
                		if( this.name=='Id')
                			var GadgetId = this.value;
                	}
                	
                	// TO-DO: En el else, tengo que validar por ajax que no sea repetido el nombre!!!
                	
                	s += $(this).serialize() + '|';
        		});

    			console.log( s );

				var Urls = '/ajax/gadget.php?Action=newgadget&Data='+escape(s);
				var DivName = 'AddGadgetForm';
				RefreshAjaxDiv(DivName, Urls);

				insertWidget("#zone1", GadgetId, '' );
				
				tb_remove();
    		});
  */      
    },
    
    attachStylesheet : function (href) {
        var $ = this.jQuery;
        return $('<link href="' + href + '" rel="stylesheet" type="text/css" />').appendTo('head');
    },
    
    makeSortable : function () {
        var iNettuts = this,
            $ = this.jQuery,
            settings = this.settings,
            $sortableItems = (function () {
                var notSortable = '#w,';
                $(settings.widgetSelector,$(settings.columns)).each(function (i) {

//iNettuts.debugInfo('id',this.id,'log');        

                    if (!iNettuts.getWidgetSettings(this.id).movable) {
//iNettuts.debugInfo('id',this.id,'log');        
                        if(!this.id) {
                            this.id = 'widget-no-id-' + i;
                        }
                        notSortable += '#' + this.id + ',';
                    }
                });
                return $('> li:not(' + notSortable + ')', settings.columns);
            })();

//        $sortableItems = $('> li ',settings.columns);

        $sortableItems.find(settings.handleSelector).css({
            cursor: 'move'
        }).mousedown(function (e) {
            $(this).parent().addClass('dragging');

//iNettuts.debugInfo('ParentId',$(this).parent().attr("id"),'log');

//			$(this).css({width:'25%'});
            $sortableItems.css({width:''});
            $(this).parent().css({
                width: $(this).parent().width() + 'px'
//                width: '33%'
            });
        }).mouseup(function () {
        	settings.movingGadget = $(this).parent().attr('id');
            if(!$(this).parent().hasClass('dragging')) {
                $(this).parent().css({width:''});
            } else {
                $(this).parent().removeClass('dragging');
//                $(settings.columns).sortable('disable');
            }
        });

        $(settings.columns).sortable({
            items: $sortableItems,
            connectWith: $(settings.columns),
            handle: settings.handleSelector,
            placeholder: 'widget-placeholder',
            forcePlaceholderSize: true,
            revert: 300,
            delay: 200,
            opacity: 0.8,
            containment: 'document'
//            start: function (E,ui) {
//                $(ui.helper).addClass('dragging');
//            },
//            stop: function (e,ui) {
//                $(ui.item).css({width:''}).removeClass('dragging');
//                $(settings.columns).sortable('enable');
//
//console.log($(ui.item).parent().attr("id"));
//				zoneid = $(ui.item).parent().attr("id");
//				var s = '';
//				$.each( $("#"+zoneid+" > li"), function(i,n){
//					s += n.id + ',';
//				});
//
//				var thisId = '';
//				thisId = $(ui.item).attr("id");
//
//				var Urls = '/ajax/gadget.php?Action=updgridgadget&Zone='+escape(zoneid)+'&GadgetOrder='+escape(s);
//				var DivName = 'gadget_content_'+thisId;
//				RefreshAjaxDiv(DivName, Urls);
//            },
        });

		$(settings.columns).bind('sortstart', function(event, ui) {
			settings.startZone = $(this).attr('id');

			settings.zoneOrder = '';
			$.each( $("#"+settings.startZone+" > li"), function(i,n){
				settings.zoneOrder += n.id + ',';
			});

//iNettuts.debugInfo("start con",$(this).attr('id'),'log');
		});

		$(settings.columns).bind('sortupdate', function(event, ui) {
			settings.targetZone = $(this).attr('id');
//iNettuts.debugInfo('update con',$(this).attr('id'),'log');
		});

		$(settings.columns).bind('sortstop', function(event, ui) {
//iNettuts.debugInfo('movi', settings.movingGadget,'log');
//iNettuts.debugInfo('desde la zona',settings.startZone,'log');
//iNettuts.debugInfo('a la zona',settings.targetZone,'log');
			if( !settings.targetZone )
				return;
				
			zoneid = settings.targetZone;
			var s = '';
			$.each( $("#"+zoneid+" > li"), function(i,n){
				s += n.id + ',';
			});
			
			if( settings.startZone == settings.targetZone && settings.zoneOrder == s )
				return;

            $sortableItems.css({width:''});

			var thisId = '';
			thisId = settings.movingGadget;

			var Urls = AccountDir+'/ajax/gadget.php?Action=updgridgadget&Zone='+escape(zoneid)+'&GadgetOrder='+escape(s);
			var DivName = 'gadget_content_'+thisId;
//			RefreshAjaxDiv(DivName, Urls);
			var Ret = $.ajax({
			   type: "GET",
			   url: Urls,
			   success: function(DataRet){
					if(DataRet.indexOf("//JS_AJAX;")!=-1)
					{
						DataRet = DataRet.substring(10);
						eval(DataRet);
					} else if( DataRet )
					  		$("#"+DivName).html(DataRet);
			   }	
			 });
			
			settings.movingGadget = '';
			settings.targetZone = '';
		});
    },
    
	delNewWidget : function () {
        var iNettuts = this,
            $ = this.jQuery,
            settings = this.settings;
            
        $(settings.widgetSelector, $(settings.columns)).each(function () {
       		$(this).removeClass('new');
    	});
    },
    
    debugInfo : function (msg,obj,debugType) {
    	if( window.console )
    	{
    		switch( debugType )
    		{
    			case "debug":
    				console.debug(msg,obj);
    			break;
    			case "error":
    				console.error(msg,obj);
    			break;
    			case "warning":
    				console.warn(msg,obj);
    			break;
    			case "log":
    				console.log(msg,obj);
    			default:
    			
    			break;
    		}
    	}
    }
};

 function insertWidget(where, GId ) {
    salida = '<div id="NewDiv'+GId+'"></div>';
    $(where).prepend(salida).fadeIn("slow");
}

// function insertWidget(where, GId, GTitle, GSkin, GCode ) {
//    var selectorOld = iNettuts.settings.widgetSelector;
//    iNettuts.settings.widgetSelector = '.new';
//    salida = '<li class="new widget '+GSkin+'" id="'+GId+'"><div id="gadget_head_'+GId+'" class="gadget-head"><h3>'+GTitle+'</h3><h10 style="display:none">'+GCode+'</h10><h11 style="display:none">'+GSkin+'</h11></div>';
//    salida+= '<div id="gadget_content_'+GId+'" class="gadget-content"><p></p></div></li>';
//    $(where).append(salida);
//    iNettuts.addWidgetControls();
//    iNettuts.makeSortable();
//    iNettuts.settings.widgetSelector = selectorOld;
//}
//
function AddGadgetControls(GId)
{
	var cnt = $("#NewDiv"+GId).contents()
	$("#NewDiv"+GId).replaceWith(cnt);
	
    var selectorOld = iNettuts.settings.widgetSelector;
    iNettuts.settings.widgetSelector = '.new';
    iNettuts.addWidgetControls();
    iNettuts.settings.widgetSelector = selectorOld;

	iNettuts.delNewWidget();

	$(iNettuts.settings.columns).sortable('destroy');
	iNettuts.makeSortable();
}

iNettuts.init();