var activeTab='userSpace';
var userid,nodeMsg;
var currentFeed,FeedType,ContentType="null";
var renderer1, renderer2, renderer3;
var cutomizeDialog,postLink;
var alertDiv;
var customize_layout = function(){

    var Btn,subBtn;
    return {
        init : function(){
	       	userid=hdenForms.activeUsrID.value;
	       	loginUser=hdenForms.activeUserLgn.value;
	       	msOwner=hdenForms.userLgn.value;
	       	sitepath=hdenForms.siteurl.value;
	       	if(loginUser==msOwner) {
	             postLink = Ext.get('customizeModule_New');
	             this.createDialog();
	             postLink.on('click', function(e){
	             e.stopEvent();
	              // tabs.activate('post-tab');
	             cutomizeDialog.show(postLink);
             });
	       	}
        },
        
         submitMedia : function(){
            var submitMediaSuccess = function(o){
                subBtn.enable();
                ms_Title.innerHTML=mediaspacefrm.title.value
                ms_Desc.innerHTML=mediaspacefrm.description.value
                var showResult;
                Ext.get('mediaAlertMsg').update("<br><center><font class=feedEmptyMsg>Updated Successfully...</font></center>");
//	            Ext.MessageBox.alert('Status', 'Updated Successfully...',showResult);	
            };
            var submitMediaFailure = function(o){
                subBtn.enable();
            };
           Ext.lib.Ajax.formRequest('mediaspacefrm', 'userlayout/updateMediaspaceInfo.php',
                    {success: submitMediaSuccess, failure: submitMediaFailure});  
        },
        
      
        
        // submit the comment to the server
        createDialog : function(){
            cutomizeDialog = new Ext.LayoutDialog("customize-dlg-new", { 
      				modal:true,
                    width:750,
                    height:500,
                    shadow:true,
                    minWidth:500,
                    minHeight:300,
                    proxyDrag: true,
                      north: {
	                        split:true,
	                        initialSize: 100,
	                        height:80,
	                        minSize: 90,
	                        maxSize: 100,
	                        titlebar: true,
	                        collapsible: true,
	                        animate: true
						},
	                    center: {
	                        autoScroll:true,
	                        tabPosition: 'top',
	                        closeOnTab: true,
	                        alwaysShowTabs: true
	                    }
            });
            cutomizeDialog.addKeyListener(27, cutomizeDialog.hide, cutomizeDialog);
            subBtn = cutomizeDialog.addButton('Submit', this.submitMedia, this);            
            cutomizeDialog.addButton('Close', cutomizeDialog.hide, cutomizeDialog);
			
			var layout = cutomizeDialog.getLayout();


			layout.add('center', new Ext.ContentPanel('mediaInfo', {title: 'Media Space Profile'}));
			layout.add('center', new Ext.ContentPanel('customize_center1', {title: 'User Content'}));
			layout.add('center', new Ext.ContentPanel('customize_center2', {title: 'Indiainteracts'}));
			layout.add('center', new Ext.ContentPanel('customize_center3', {title: 'UserFeeds'}));


			layout.add('north', new Ext.ContentPanel('customize_north1', {title: '<b>Help Messages</b>'}));
			var northData1 = Ext.get('customize_north1');
           	northData1.update("<font class=gossipgenarchive style='padding-left:25px'><b> You can edit your mediaspace title, description and tags that will help others to identify you mediaspace. To change the layout of your mediaspace, click on specific tabs, change the layout of the tab by dragging and rearrange the blocks.</b></font>");


			layout.getRegion('center').showPanel('mediaInfo');
            layout.findPanel('customize_center1').addListener('activate', function(){
            	//get the user content and display here
            	activeTab='userSpace';            	
            	layout.beginUpdate();
            	subBtn.hide();
				var my_us = Ext.get("customize_center1");
				renderer1 = new mod_customize_block(my_us, "userSpace");
		        var updater = my_us.getUpdateManager();
		        updater.setRenderer(renderer1);
        		updater.update(unCacheUrl('userlayout/getUserPreferenceForCustomization.php?userid='+userid+'&tab=userSpace'));
        		layout.endUpdate();
	            Ext.get('mediaAlertMsg').update("");
            });
			
			layout.findPanel('customize_center2').addListener('activate', function(){
            	//get the user content and display here
            	activeTab='iiSpace';
            	layout.beginUpdate();
            	subBtn.hide();
				var my_us = Ext.get("customize_center2");
				renderer2 = new mod_customize_block(my_us, "iiSpace");
		        var updater = my_us.getUpdateManager();
		        updater.setRenderer(renderer2);
        		updater.update(unCacheUrl('userlayout/getUserPreferenceForCustomization.php?userid='+userid+'&tab=iiSpace'));
        		layout.endUpdate();
		        Ext.get('mediaAlertMsg').update("");
            });
			layout.findPanel('customize_center3').addListener('activate', function(){
            	//get the user content and display here
            	activeTab='userFeeds';
            	layout.beginUpdate();
            	subBtn.hide();
				var my_us = Ext.get("customize_center3");
				renderer3 = new mod_customize_block(my_us, "userFeeds");
		        var updater = my_us.getUpdateManager();
		        updater.setRenderer(renderer3);
        		updater.update(unCacheUrl('userlayout/getUserPreferenceForCustomization.php?userid='+userid+'&tab=userFeeds'));
        		layout.endUpdate();
   				        Ext.get('mediaAlertMsg').update("");
            });
            layout.findPanel('mediaInfo').addListener('activate', function(){
            	subBtn.show();
            });
        }
        
    };
}();




var mod_customize = function(){
    var cutomizeDialog,postLink;
    var AddBtn,subBtn;
    return {
        init : function(){
	       	userid=hdenForms.activeUsrID.value;
			userid=hdenForms.activeUsrID.value;
	       	loginUser=hdenForms.activeUserLgn.value;
	       	msOwner=hdenForms.userLgn.value;
	       	
	       	if(loginUser==msOwner) {
	             postLink = Ext.get('customizeModule');
	             this.createDialog();
	             postLink.on('click', function(e){
	                 e.stopEvent();
	                // tabs.activate('post-tab');
		             cutomizeDialog.show(postLink);
	             });
	       	}
        },
        
         submitMedia : function(){
            var submitMediaSuccess = function(o){
                subBtn.enable();
                ms_Title.innerHTML=mediaspacefrm.title.value
                ms_Desc.innerHTML=mediaspacefrm.description.value
                var showResult;
	            Ext.MessageBox.alert('Status', 'Updated Successfully...',showResult);	
            };
            var submitMediaFailure = function(o){
                subBtn.enable();
            };
           Ext.lib.Ajax.formRequest('mediaspacefrm', 'userlayout/updateMediaspaceInfo.php',
                    {success: submitMediaSuccess, failure: submitMediaFailure});  
        },
        
        addFeed : function(){
			//alert(currentFeed);
			var feedUrl = Ext.get('feedurl');
	        var feedTitle = Ext.get('feedtitle');
	        var feedDesc = Ext.get('feeddesc');
			var feedTag = Ext.get('feedtag');
			var addFdChk=0;
			
            var addFeedSuccess = function(o){
                var retMsg=o.responseText;
		/*	    var samplePage = Ext.get("customize_center");
			    var newdiv = document.createElement('DIV');
				newdiv.innerHTML = "<br><br><center><font class=feedEmptyMsg>"+retMsg+"</font></center>";
				samplePage.appendChild(newdiv);
				
				AddBtn.disable();
				if(addFdChk==1) {
				AddBtn.enable();
				}*/

				AddBtn.disable();
				if(addFdChk==1 || nodeMsg=="Add a Feed" ) {
					AddBtn.enable();
					var mssg="<br><br><center><font class=feedEmptyMsg>"+retMsg+"</font></center>";
					    Ext.get('customize_center').update(addToFeed.innerHTML+mssg);
				} 
				else {
		        	        var newdiv = document.createElement('DIV');
					newdiv.innerHTML = "<br><br><center><font class=feedEmptyMsg>"+retMsg+"</font></center>";
					var samplePage = Ext.get("customize_center");
					samplePage.appendChild(newdiv);					
				}

			
				feedUrl.dom.value='';
				feedTitle.dom.value='';
				feedDesc.dom.value='';
				feedTag.dom.value='';
            };
            var addFeedFailure = function(o){

            };
//			alert(FeedType);
			if(ContentType=="null" && nodeMsg!="Add a Feed")
			{
				Ext.MessageBox.alert('Status', 'Please select content');	
			}
			else
			{
			
			 if(nodeMsg=="Add a Feed")
	           {
	           addFdChk=1;
	 				if(feedUrl.dom.value =='' || feedTitle.dom.value=='') {
		 				Ext.get('alertMsg').update("<font color=red><h1 align=center>Fill the Mandatory Fields</h1></font>");

	 				} else {
			           Ext.lib.Ajax.formRequest('ufCustomize', 'userlayout/customizeotherfeed.php?userid='+userid,
			                    {success: addFeedSuccess, failure: addFeedFailure});  
	 				}
	
	           }
	           else if(ContentType=="Other")  {
	           addFdChk=0;
	           Ext.lib.Ajax.formRequest('hdenForms', 'userlayout/updateNewFeed.php?feedid='+currentFeed+'&userid='+userid+"&type="+FeedType,
	                    {success: addFeedSuccess, failure: addFeedFailure});  
	           }
	           
	           else {
	           addFdChk=0;
	           Ext.lib.Ajax.formRequest('hdenForms', 'userlayout/updateUserContent.php?userid='+userid+"&contenttype="+currentFeed,
	                    {success: addFeedSuccess, failure: addFeedFailure});  
	           }
			}
           
        },
        
        // submit the comment to the server
        createDialog : function(){
            cutomizeDialog = new Ext.LayoutDialog("customize-dlg", { 
      				modal:true,
                    width:750,
                    height:500,
                    shadow:true,
                    minWidth:500,
                    minHeight:300,
                    proxyDrag: true,
                    west: {
	                        split:true,
	                        initialSize: 200,
	                        minSize: 100,
	                        maxSize: 900,
	                        titlebar: true,
	                        collapsible: true,
	                        animate: true
						},
	                    center: {
	                        autoScroll:true,
	                        tabPosition: 'top',
	                        closeOnTab: true,
	                        alwaysShowTabs: true
	                    },
	                    north: {
	                        split:true,
	                        initialSize: 100,
	                        height:100,
	                        minSize: 90,
	                        maxSize: 100,
	                        titlebar: true,
	                        collapsible: true,
	                        animate: true
						}
	                    
            });
            cutomizeDialog.addKeyListener(27, cutomizeDialog.hide, cutomizeDialog);
            AddBtn = cutomizeDialog.addButton('Add', this.addFeed, this);

            cutomizeDialog.addButton('Close', cutomizeDialog.hide, cutomizeDialog);
			
//			var feedTree = west.getEl().createChild({tag:'div', id:'cust_modules'});

            var tree = new Ext.tree.TreePanel('customize_west', {
                animate:true, 
                containerScroll: false,
                enableDrag:true,
                loader: new Ext.tree.TreeLoader({dataUrl:'userlayout/getModules.php'})
            });
            var root = new Ext.tree.TreeNode({
                text: 'Modules', 
                allowDrag:false,
                allowDrop:false
            });

            tree.setRootNode(root);
            
            root.appendChild(
	            new Ext.tree.AsyncTreeNode({text:'User Content', cls:'album-node', draggable:false, id:'userContent'}),
                new Ext.tree.AsyncTreeNode({text:'indiainteracts.com', cls:'album-node', draggable:false, id:'indiainteracts'}),
                new Ext.tree.AsyncTreeNode({text:'Feed Directory', cls:'album-node', draggable:false, id:'userFeeds'}),
                new Ext.tree.AsyncTreeNode({text:'Add a Feed', cls:'album-node', draggable:false, id:'addfeed'})
            );
            
            
            
            var layout = cutomizeDialog.getLayout();
			var west=new Ext.ContentPanel('customize_west', {title: '<b>Modules</b>', autoScroll:true, fitToFrame:true});
//			var west_feed=new Ext.ContentPanel('customize_west_feed', {title: '<b>Add Feed</b>'});
			
			var north=new Ext.ContentPanel('customize_north', {title: '<b>Help Message</b>'});
            layout.add('north', north);
            var northData = Ext.get('customize_north');
            northData.update("<font class=gossipgenarchive style='padding-left:25px'><b>To add a feed to your Media Space select the desired feed and click add button. To submit feed of your choice provide the URL of the feed with feed title, description and tags.</b></font>");
			
			
			
			layout.add('west', west);
			layout.add('center', new Ext.ContentPanel('customize_center', {title: 'Preview Content'}));
            tree.render();
            root.expand();
            layout.endUpdate();

			tree.on('click', function(node){
			    nodeMsg=node.text;

			   	if(nodeMsg=="Add a Feed")
			    {
				    Ext.get('customize_center').update(addToFeed.innerHTML);
				AddBtn.enable();
			    }
			    else {
				if(!node.isLeaf()){
					node.toggle();
			    } else {
				    var layout = cutomizeDialog.getLayout();

				    //cache the feedid for update the user database if the user decides to add this to 
				    //his mediaspace
				    currentFeed=node.attributes.id;
				    FeedType=node.attributes.feedtype;
 				    ContentType=node.attributes.type;
 				    
// 				    alert(currentFeed);
// 				    alert(FeedType);
// 				    alert("Typp.."+ContentType); 				     				    
 				    
				    //okay now refrsh the center panel
				    var samplePage = Ext.get("customize_center");
				    feedRenderer = new displayFeed(samplePage,ContentType);
				    var updater = samplePage.getUpdateManager();
				    updater.setRenderer(feedRenderer);
			    	AddBtn.enable();
//				    alertDiv = document.createElement('DIV');
//					samplePage.appendChild(alertDiv);
				    

				    if(ContentType=="Blog") {
   						updater.update('userlayout/getBlog.php?userid='+userid);
				    }
				    else if(ContentType=="Story") {
   						updater.update('userlayout/getStory.php?userid='+userid);
				    }
				    else if(ContentType=="Video") {
   						updater.update('userlayout/getmyVideo.php?userid='+userid);
				    }
				    else if(ContentType=="Photo") {
   						updater.update('userlayout/getmyAlbums.php?userid='+userid);
				    }
				    else {
						updater.update(('userlayout/feedproxy.php?feedurl='+node.attributes.url));				    	
				    }
				    
			    }
			
				    
					//updater.update(('userlayout/feedproxy.php?feedurl='+node.attributes.url));
					//updater.update(('userlayout/getBlog.php?userid='+userid));
				    //layout.findPanel('center').dom.src = node.attributes.url;
			    }	
			});
        }
        
    };
}();
function unCacheUrl(url) {
	var d = new Date();
	var time = d.getTime();
	return url+"&timestamp="+time;
}

var mod_customize_block = function(divid, tabid){
	var listEls = new Array();
	this.render = function(el, response) {
		var data = this.parse(response.responseText);
		el.update('');
//        divid.appendChild(this.createBlock(parent,data,tabid));
		this.createBlock(divid,data,tabid);
	};
	
	this.parse = function(json){
		try{
            return eval('(' + json + ')');
        }catch(e){}
        return null;
	};
	
	//post the result back to the server
	this.postNewLayout = function(){
		var lchildren = this.leftul.dom.childNodes;
		var rchildren = this.rightul.dom.childNodes;
		var llen = lchildren.length;
		var rlen = rchildren.length;
		
		var lparam="";
		var rparam=""
		
		if (llen > 0) {
			for (var i=0;i<llen-1;i++){
				lparam += lchildren[i].id+"|";
			}
			//so that the trailing | is not added as this trailing delimiter is causign problems while
			//selecting the query
			lparam +=lchildren[llen-1].id;
		}
		if (rlen > 0) {
			for (var i=0;i<rlen-1;i++){
				rparam += rchildren[i].id+"|";
			}
			rparam += rchildren[rlen-1].id;
		}
		//now post the info back to the server
		Ext.get('myPageStatic').load({
			url: "userlayout/updateuserlayout.php",
			method: "POST",
			params: 'userId='+userid+'&tabid='+tabid+'&lparam='+lparam+'&rparam='+rparam,
			text:"loading"
		});
	}
	
	this.createBlock = function(parent,data, tabid){
		
		var staticdiv=parent.createChild({tag:'div', id:tabid+'_myPageStatic', style:'display:none'});
		var table=parent.createChild({tag:'table', id:tabid+'_master_table', border:0, width:'100%'});
		var tablebd=table.createChild({tag:'tbody', id:tabid+'_table_bd'});
		var trow=tablebd.createChild({tag:'TR', id:tabid+'_singleRow'});
		var tcol1=trow.createChild({tag:'TD', id:tabid+'_leftCol', width:'50%',cls:'customizeBarLeft'});
		var tcol2=trow.createChild({tag:'TD', id:tabid+'_rightCol', width:'50%',cls:'customizeBarRight'});
		
		this.leftul=tcol1.createChild({tag:'ul', id:tabid+'_leftUL', cls:'draglist'});
		this.rightul=tcol2.createChild({tag:'ul', id:tabid+'_rightUL', cls:'draglist'});
		
		var snippet = '<a href="javascript:void(0); onclick=removeBlock("><img src="/privatemsg/images/basic-dialog/close.gif" class="close" title="hide1" alt="hide me1"></a>';				
		
		for (var i=0; i<data.cBlocks.length; i++){
			if (data.cBlocks[i].col == 'left'){
				var div_id=tabid+data.cBlocks[i].feedID;
				listEls[i] = this.leftul.createChild({tag:'li', id:div_id, cls:'list1 close', html:'<table width=100%><tr><td width=90% class=customizeMenuHead>'+data.cBlocks[i].feedTitle+'<td valign=top><a href="javascript:void(0);" onclick="removeBlock('+i+');"><img style="border:0" src="/privatemsg/images/close2.jpg" class="close" title="Remove" alt="Remove"></a></td></tr></table>'});
			} else {
				var div_id=tabid+data.cBlocks[i].feedID;
				listEls[i] = this.rightul.createChild({tag:'li', id:div_id, html:'<table width=100%><tr><td width=90% class=customizeMenuHead>'+data.cBlocks[i].feedTitle+'<td valign=top><a href="javascript:void(0);" onclick="removeBlock('+i+');"><img src="/privatemsg/images/close2.jpg" style="border:0" class="close" title="Remove" alt="Remove"></a></td></tr></table>', cls:'list2 close'});				
			}
			createDragSource(listEls[i], tabid+"DefaultDDGroup");
		}		

		createDropTarget(this.leftul, tabid+"_DefaultDDGroup");
		createDropTarget(this.rightul, tabid+"_DefaultDDGroup");
	
//		return Ext.get(table);
		
	}
	
	removeBlock = function(index){
		
		Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this content?',showResult);	
		
	 function showResult(btn){
	 	if(btn=="yes"){
		 	var et = Ext.get(listEls[index]);
			et.remove();
			saveNewLayout();
	 	}		
	};
	}
}

var displayFeed = function(divid, type){

	this.render = function(el, response) {
	var data = this.parse(response.responseText);
	el.update('');

	var header = divid.createChild({tag:'div', id:'samplePage1', cls:'modulehead'});
	var headerImg = divid.createChild({tag:'div', id:'headImg', cls:'moduleimg'});
		for (i=0; i<5; i++){
			if (type == 'Blog'){
				header.update("Blog");
				len=data.blogs.length;
				this.showSample(divid, data.blogs[i],len,i,type);
			}			
			else if (type == 'Story'){
				header.update("Story");
				len=data.stories.length;
				this.showSample(divid, data.stories[i],len,i,type);
			}			
			else if (type == 'Video'){
				header.update("Video");
				len=data.videos.length;				
				this.showSample(divid, data.videos[i],len,i,type);
			}
			else if (type == 'Photo'){
				header.update("Album");
				len=data.albums.length;				
				this.showSample(divid, data.albums[i],len,i,type);
			}			
			else if (type == 'Other'){
				if(i==0) {
					header.update(data.feedContent[0].title);
					imgPath=data.feedContent[0].url;
					if(imgPath != null){
					headerImg.update('<br><img width=150 src='+imgPath+'><br>');
					}
				}
				 this.showSample(divid, data.feedContent[i+1]);
			}			
			
		}
	};
	
	this.parse = function(json){
		try{
            return eval('(' + json + ')');
        }catch(e){}
        return null;
	};
	
	this.showSample = function(divid, data,isData,loopcnt,type){
//		alert('after response');
//		var staticdiv=divid.createChild({tag:'div', id:'samplePage', html:staticdiv.innerHTML = staticdiv.innerHTML+'<br><br><h2>'+data.feedContent[i].title+'</h2>'});
//		for (var i=0;i<5;i++){
//			staticdiv.innerHTML = staticdiv.innerHTML+'<br><br><h2>'+data.feedContent[i].title+'</h2>';
			if(isData != 0 )
			divid.createChild({tag:'div', id:'samplePage', html:'<h2>'+data.title+'</h2>'});
			else
			if(loopcnt==4)
			{
			if(type=='Blog')	
			{
					content = "<p align=center><br>";
					content += "<font class=gossipgenarchive><b>Your bloglist is Empty<br><br>";
					content += "<a href='http://"+loginUser+"."+sitepath+"/wp-admin/post-new.php' target=_top>";	
					content += "<img  src='http://"+sitepath+"/icons1/she3.png'><br>";
					content += "Write Blog<br><br /><br /><br /><br /></font></a></b>";
					divid.createChild({tag:'div', id:'samplePage', html:'<h2>'+content+'</h2>'});
			}
			else if(type=='Story')
			{
					content = "<p align=center><br>";
					content += "<font class=gossipgenarchive><b>Your Storylist is Empty<br><br>";
					content += "<a href='http://"+sitepath+"/template/submitContent.php' target=_top>";	
					content += "<img  src='http://"+sitepath+"/icons1/she3.png'><br>";
					content += "Write Story<br><br /><br /><br /><br /></font></a></b>";
					divid.createChild({tag:'div', id:'samplePage', html:'<h2>'+content+'</h2>'});
				
			}
			else if(type=='Video')
			{		
					content ="<tr><td align=center><p align=center><br>";
					content += "<font class=gossipgenarchive><b>Your Videolist is Empty<br>";
					content += "<a href='http://"+sitepath+"/video/upload_video.php' target=_top>";	
					content += "<img  src='http://"+sitepath+"/images/videoicon.jpg'><br>";
					content += "Upload Video<br /><br /><br /><br /></font></a></td></b></tr>";
					divid.createChild({tag:'div', id:'samplePage', html:'<h2>'+content+'</h2>'});
			}
			else if(type=='Photo')
			{
					content = "<p align=center><br>";
					content += "<font class=gossipgenarchive><b>Your Photolist is Empty<br><br>";
					content += "<a href='http://"+sitepath+"/photo/admin/plog-upload.php' target=_top>";	
					content += "<img  src='http://"+sitepath+"/photo/images/photos.png'><br>";
					content += "Upload Photo<br><br /><br /><br /><br /></font></b></a>";
					divid.createChild({tag:'div', id:'samplePage', html:'<h2>'+content+'</h2>'});
								
			}
			}
			//divid.innerHTML=divid.innerHTML+'<h2>'+data.title+'</h2>';
//		}
		
		//add a add your ms button
		
	}
}

createDragSource = function (divid, group) {
	var dragProxy = new Ext.dd.StatusProxy();
	var dragProxyEl = dragProxy.getEl();
	dragProxyEl.setHeight(divid.getHeight());
	dragProxyEl.setWidth(divid.getWidth()*.50);
	dragProxyEl.setOpacity(.65);
//	dragProxyEl.setStyle('background', 'FFFFFF');
	
	new Ext.dd.DragSource(divid, {proxy:dragProxy});

//	new Ext.dd.DragSource(divid);
	new createDropTarget(divid, group);
}

var saveNewLayout =  function(){
	if (activeTab =="userSpace"){
		renderer1.postNewLayout();
	}else if (activeTab == "iiSpace"){
		renderer2.postNewLayout();
	}else if (activeTab == "userFeeds"){
		renderer3.postNewLayout();
	}
	return true;	
}

createDropTarget = function(div, group){
	var droptarget = new Ext.dd.DropTarget(div);
	droptarget.notifyDrop = function(dd, e, data) {
//		if (activeTab =="userSpace"){
//			renderer1.postNewLayout();
//		}else if (activeTab == "iiSpace"){
//			renderer2.postNewLayout();
//		}else if (activeTab == "userFeeds"){
//			renderer3.postNewLayout();
//		}
		return saveNewLayout();
	}
	
	droptarget.notifyOver = function(dd, e, data){
		if (droptarget.getDragEl().nodeName.toLowerCase() == 'li'){
			Ext.get(dd.getEl()).insertBefore(droptarget.getDragEl())/*,droptarget.getDragEl())*/;
		} else if (droptarget.getDragEl().nodeName.toLowerCase() == 'ul'){
			Ext.get(dd.getEl()).appendTo(droptarget.getDragEl());
		}
    }
}

Ext.EventManager.onDocumentReady(mod_customize.init, mod_customize, true);
Ext.EventManager.onDocumentReady(customize_layout.init, customize_layout, true);