/**
        * 网上营业厅导航
        */
        function init(id, targetId) {
            var container = $("#" + id);
			var colors = {
					bgColor: convertColor($("#content").css("background-color")),
					bgTitle: convertColor($("#htmlSubHeader").css("background-color")),
					fontColor: convertColor($("#htmlSubHeader .subHeader-body").css("color")),
					fontTitle: convertColor($("#htmlSubHeader .subHeader-body").css("color"))
				};
            function createUL(data, istop) {
                if (!istop) {
                    istop = false;
                }
                var ul = $(document.createElement("ul"));
                if (!istop) {
                    ul.hide();
                }
                //console.log(data);

                $.each($.grep(data, function(n, i) {
                    return i > 2;
                }), function(i, n) {
                    ul.append(createLI(n, istop));
                });

                return ul;
            }
            function createLI(data, istop) {
                if (!istop) {
                    istop = false;
                }
                //data[0] // name
                //data[1] // path
                //data[2] // icon
                //data[3] // sub
                var li = $(document.createElement("li"));

                if (typeof data == 'undefined') {
                    return;
                }
                var path = data[1];
                if (path) {
                    //path = path; //polishSrc(path, getModuleStyle(self), true);
                    if (path.indexOf("?") == -1) {
	                    path += "?";
	                }
	                else {
	                    path += "&";
	                }
	                path += $.param(colors).replace(/%23/g, "");
	
	                path += "&t=" + ((Math.random().toString()).replace(".", ""));
                }
                else {
                    path = "#";
                }

                var link = $(document.createElement("a")).text(data[0]).attr({
                    "href": path,
                    "target": targetId
                }).appendTo(li).click(function() {
                    if (path != "#") {
                        maskPage("<img src='/serviceportal/application/themes/images/loading_circle.gif' />");
                        $("#" + targetId).one("load", function() {
                            $.unblockUI();
                        }).attr("src", path);
                        
                    }
                    //return false;
                });

                if (typeof data[3] != 'undefined') {
                    li.append(createUL(data));
                }

                return li;
            }
            var dPath = "/serviceportal/application/common/jsp/fmsportlets.jsp?t=" + ((Math.random().toString()).replace(".", ""));
            dPath+="&"+$.param(colors).replace(/%23/g, "");
            $.ajax({
                type: "get",
                url: '/serviceportal/getMenu?option=menu',
                cache: false,
                global: false,
                dataType: "json",
                success: function(data) {
                    if (data) {
                        $(".loading", container).remove();
                        container.append(createUL(data, true));
                        $("#serviceHall").attr("src", dPath);
                        $("li:has(ul),li ul", container).addClass("sub");
                        $(">ul", container).addClass("nav");
                        $("li", container).addClass("item").find("a").click(function() {
                            var $this = $(this).closest("li");
                            var ul = $(">ul", $this);
                            if (ul.size() > 0 && !ul.is(":visible")) {
                                $(">ul:visible", $this.siblings("li").removeClass("sub_down")).slideUp();

                                ul.slideDown("fast")
                                $this.addClass("sub_down");
                            }
                            return false;
                        });
                    }
                },
                error: function() {
                    //$(".loading", container).removeClass(".loading").addClass("failture");
                     $(".loading", container).remove();
					 $(container).text("Failture...");
                }
            });

        };