function load_all_gadgets(){

		for(var idx in GADGET_AUTO){
			load_gadget(idx,GADGET_AUTO[idx],GADGET_COLOR[idx]);
		}
		for(var idx in GADGET_CMS){
			load_gadget(idx,GADGET_CMS[idx],GADGET_COLOR[idx]);
		}
		load_calendar(GADGET_CALENDAR_PATH);
	}

	function load_gadget(boxid,url,color){

console.log('load_gadget:boxid='+boxid+",url=" + url);
		var boxname = get_box_name(boxid);
		var boxnameAll = get_box_name(parseInt(boxid) + GADGET_ALLTAB_BOX_START_ID);//df_dragArea_all

		var loadArea = get_load_area(boxid);
		var loadAreaAll = get_load_area(parseInt(boxid) + GADGET_ALLTAB_BOX_START_ID);//df_dragArea_all



       jQuery.ajax({
         async:true,
         url: url,
         beforeSend: function(){  
           loadArea.html("loading...");
	},

         success: function(msg,textStatus){  
           //loadArea.empty();
           //loadArea.append(msg);
           loadArea.html(msg);
           loadAreaAll.html(msg);
//console.log('load:'+boxid);
//console.log("success:"+msg);
//console.log(loadArea.html());
         }
       });

			set_gadget_color(boxname,color);
			set_gadget_color(boxnameAll,color);

	}

	function get_load_area(boxid){
		var loadArea =  $("#" + get_box_list_name(boxid) + " > .df_pickup_topics_area");
		return loadArea;
	}

	function get_box_name(boxid){
		var boxname ="df_Box" + boxid ;
		return boxname;
	}

	function get_box_list_name(boxid){
		var boxlistname = get_box_name(boxid) + "_list";
		return boxlistname;
	}

	function load_calendar(url,dumm){
//return;
console.log("load calendar");

	var loadArea = $("#calendar_area");

       jQuery.ajax({
         async:true,
         url: url,
         beforeSend: function(){  
           //loadArea.html("loading...");
	},
         success: function(msg,textStatus){  
           loadArea.html(msg);
//console.log("success:"+loadArea.html());
         }
       });

	}

	function set_gadget_color(boxname,color){
		var gadget = $('#'+boxname).find('.df_drag_box_title');
		var url = "url(" + GADGET_COLOR_IMAGE[color] + ")";
		var border = GADGET_COLOR_BORDER[color];
		gadget.css('background-image',url);
		gadget.css('border',border);
console.log("color=" + gadget.css('background-image'));

	}