$.ajaxSetup ({
    cache: false //关闭AJAX相应的缓存
});

(function($){
    $.fn.extend({
    
        'addYLPanel': function(options){
            
            var op = $.extend({
                'id': 'id_ylpanel_xxxxx',
                'template': '',
                'title': '',
                'height': -1,
                'source' : ''
            }, options);

            var loadingIcon = '<table style="width:100%;height:100%"><tr><td align="center"><img src="/images/loading.gif" width="24" height="24"></tr></td></table>';
            var template = 
                    '<div class="ylpanel" style="background-color:#f7f4f0;border:#f2e9dd solid 1px; padding:5px; height:auto;">' +
                        '<div class="ylpanel_header" style="border-top:solid #ffffff 1px;border-left:solid #ffffff 1px;border-right:solid #ffffff 1px;background-image:url(/images/titbac.jpg); background-repeat:repeat-x; height:27px; line-height:27px;cursor:move">' +
                            '<div class="ylpanel_header_title" style="float:left;color:#333333;font-weight:bold;font-size:14px;padding-left:15px; height:27px;line-height:27px;"></div>' +
                            '<div class="ylpanel_header_icon" style="float:right;padding-top:7px; padding-right:20px;"></div>' + 
                            '<div style="clear:both;"></div>' +
                        '</div>' +
                        '<div class="ylpanel_content" style="margin-top:4px;background-color:#ffffff;border:solid 1px #ffffff;">' +
                        '</div>' +
		            '</div>';
		    
		    if ("" + op.template != "")
		        template = op.template;		        
		        
		    template = template.replace(/\{id\}/gi, op.id);
		    template = template.replace(/\{title\}/gi, op.title);
		    template = template.replace(/\{height\}/gi, op.height < 0 ? 'auto' :op.height + 'px');
		        
            var panel = $(template).appendTo(this);
            
            panel.css({"margin-top":"10px", "margin-bottom":"10px"});
            panel.attr("id", op.id);
            panel.find(".ylpanel_header_title").html(op.title);
            panel.find(".ylpanel_header").css({"cursor" : "move"});
            
            panel.find(".ylpanel_content").css({"height" : (op.height <= 0 ? "auto" : op.height + "px")});
            panel.find(".ylpanel_content").append(loadingIcon);
            
            if ("" + op.source != "")
                panel.find(".ylpanel_content").load(op.source);
            
            // menu
//            $('<a class="ylpanel_header_button" href="javascript:void(0)"><img src="/images/tips2.jpg" border="0"/></a>').appendTo(panel.find(".ylpanel_header_icon"));
//            var menu = $('<ul class="ylpanel_dropmenu" id="ylpanel_dropmenu_' + op.id + '">' +
//                '<li><a class="ylpanel_dropmenu_close_panel" href="javascript:void(0)">关闭面板</a></li>' +
//                '<li><a class="ylpanel_dropmenu_min_panel" href="javascript:void(0)">最小化面板</a></li>';
//                '<li><a href="javascript:void(0)">更多我喜欢的面板</a></li></ul>').appendTo(this);
//                
//            menu.find(".ylpanel_dropmenu_close_panel").click(function(){
//                panel.hide(300);
//            });
//            
//            menu.find(".ylpanel_dropmenu_min_panel").click(function(){
//                if (panel.attr("panel-min") == "true")
//                {
//                    panel.find(".ylpanel_content").show(300);
//                    
//                    panel.attr("panel-min", "false");
//                    menu.find(".ylpanel_dropmenu_min_panel").text('最小化面板');
//                    
//                }
//                else
//                {
//                    panel.find(".ylpanel_content").hide(300);
//                    
//                    panel.attr("panel-min", "true");
//                    menu.find(".ylpanel_dropmenu_min_panel").text('展开面板')
//                } 
//            });
//            
//            panel.find(".ylpanel_header_button").addflexmenu('ylpanel_dropmenu_' + op.id, {'dir':'left'});

              $('<a class="ylpanel_header_button" href="javascript:void(0)" title="最小化"><img src="/images/tips2.jpg" border="0" alt="最小化"/></a>').appendTo(panel.find(".ylpanel_header_icon"));
              panel.find(".ylpanel_header_button").click(function(){
                if (panel.attr("panel-min") == "true")
                {
                    panel.find(".ylpanel_content").show(300);
                    panel.attr("panel-min", "false");
                    panel.find(".ylpanel_header_button").attr("title", "最小化");
                    panel.find(".ylpanel_header_button").find("img").attr("src", "/images/tips2.jpg").attr("alt", "最小化");
                }
                else
                {
                    panel.find(".ylpanel_content").hide(300);
                    panel.attr("panel-min", "true");
                    panel.find(".ylpanel_header_button").attr("title", "展开");
                    panel.find(".ylpanel_header_button").find("img").attr("src", "/images/tips.jpg").attr("alt", "展开");
                }
              });
            
            return panel;
        }
    });
})(jQuery);