jQuery(function($) {
    if (window.jqueryMylayout) {
        return;
    }

    window.jqueryMylayout = true;


    function createWraper(a) {
        var wid = 'jwrap_' + $(a).attr('id');
        if ($(wid).length) return $(wid);
        var content = $(a).next();
        return $('<div class="jwrap"></div>')
		    .append(a)
		    .append(content)
		    .attr('id', wid);
    }
    function init() {
        $('a[name]').each(function() {
            if (parseInt(this.name)) {
                this.id = this.name;
            }
        });
        for (var i = 0; i < layout.length; i++) {
            var container = $("#" + layout[i][0]);
            for (var j = 0; j < layout[i][1].length; j++) {
                container.append(createWraper($("a[id=" + layout[i][1][j] + "]")));
            }
        }

    }
    $('.jmanagelayout').click(function() {
        $('body').css('overflow', 'auto');
        $("td[id^=dnn_]>a[id],div[id^=dnn_]>a[id]").filter(function() {
            return /\d+/.test(this.id);
        }).each(function() {
            var container = $(this).parent();
            container.append(createWraper(this).addClass('jcontrol'));
        });
        $("td[id^=dnn_],div[id^=dnn_]").filter(function() {
            return this.id.split('_').length == 2 && this.id != "dnn_ControlPanel" && enabledPanes.indexOf(this.id.substring(4)) >= 0;
        })
	.addClass("jcontainer")
	.each(function() {
	    $(this).prepend('<span class="subhead"><center>' + this.id.substring(4) + '</center></span></br>')
	});

        $(".jcontainer")
        //.append($('<div class=\"\" ></div>'))
	    .hover(function() {
	        $(this).addClass("jcontainer-hover");
	    }, function() {
	        $(this).removeClass("jcontainer-hover");
	    });

        $(".jcontainer")
	    .sortable(
	    { connectWith: $('.jcontainer'),
	        revert: true,
	        scroll: true,
	        placeholder: "jwrap-hover",
	        opacity: 0.5,
	        items: ".jwrap",
	        zIndex: 9999,
	        //appendTo: 'body',
	        start: function(e, ui) {
	            ui.helper.css({ width: ui.item.width(), height: ui.item.height() });

	        },
	        change: function(e, ui) {

	        },

	        update: function(e, ui) {

	        }

	    });
        $('.jsavelayout').show();
        $(this).hide();
        return false;
    });
    $('.jsavelayout').click(function() {
        var sers = "[" + $('.jcontainer').filter('[id^=dnn]').map(function() {
            var ser = "";
            ser += "[\"" + this.id + "\",[";
            ser += $(this).find(".jwrap").filter('[id]').map(function() {

                return this.id.substring(6);
            }).get().join(",");
            ser += "]]";
            return ser;
        }).get().join(",");
        sers += "]";
        dnn.setVar("jmylayout", sers);
    });
    init();
    $('.jsavelayout').hide();

});