/* kingdee JoelLeung */
function showPanel(title, content, width) {
	
	var config = {
		width: width + "px", 
		fixedcenter: true, 
		underlay: "none", 
		close: false,
		modal: true, 
		visible: true	
	};
	
	var panelId = "box1";
	var panel = new YAHOO.widget.Panel(panelId, config);
	if ( !title ) title = "友商网";
	panel.setHeader(title);
	var temp = "<p>" + content + "</p>";
	temp += "<div class='ft'></div>";
	panel.setBody(temp);
	panel.render(document.body);
	
	var i = 3;
	while (arguments[i]) { 
		var label = arguments[i];
		var callback = arguments[i + 1];
		var delay = 0;
		if (!isNaN(arguments[i + 2])) {
			if (arguments[i + 2] <= 0) {
				alert("delay must bigger than zero!");
				return;			
			}
			delay = arguments[i + 2];
		}
		if (!callback) {
			alert("参数格式错误，请参看函数说明！");
			return;
		} 
		
		
		var onclick = (function(func, delayTime) {
					      return function() {
							  if (delayTime == 0) {
							  	  var close = func();
								  if (close) {
								  	panel.hide();
								  	panel.destroy();
								  }
							  }
							  else {
								  panel.hide();
								  panel.destroy();					  
							      setTimeout(function(){func();}, delayTime);
							  }
						  }
					  })(callback, delay);
					  
		var buttonId = YAHOO.util.Dom.generateId();
		var button = '<span class="button3"><span id="' + buttonId + '"><span class="first-child"><button type="button">';
		button += label + '</button></span></span></span>';
		$(button).appendTo("#" + panelId + " > .bd > .ft").click(onclick).css("margin-left", "5px");
		var oButton = new YAHOO.widget.Button(buttonId);
    	oButton.on("click", onclick);
		// $("<button>" + label + "</button>").appendTo("#" + panelId + " > .bd > .ft").click(onclick).css("margin-left", "5px");
		
		i += 2;
		if (delay > 0) i++;
	}
	
	return panel;
		
}

/* the config format
{
	title: "",
	content: "",
	width: 100,
	buttons: [
		{
			label: "",
			fn: function() {},
			focus: false
		},
		{}
	]
}
*/

/* The new design */
function PopPanel(config) {

	var PANEL_ID = "PopPanelID";
	
	var panel = new YAHOO.widget.Panel(PANEL_ID, config);
	
	this.refresh = function() {
		var xy = panel.cfg.getProperty("xy");
		panel.moveTo(xy[0], xy[1]+1);
		panel.moveTo(xy[0], xy[1]-1);
	}
	
	this.locale = config.locale;
	
	this.buttons = [];
	
	if (!config.title) {
		alert("you need a title!");
	}
	panel.setHeader(config.title);
	
	var content = "<p>" + config.content + "</p>";
	content += "<div class='ft'></div>";
	panel.setBody(content);
	panel.render(document.body);
	
	for (var i = 0; i < config.buttons.length; i++) {
		var btnConfig = config.buttons[i];
		if (!btnConfig.fn) btnConfig.fn = function(){};
		
		var buttonId = YAHOO.util.Dom.generateId();
		var button = '<span class="button3"><span id="' + buttonId + '"><span class="first-child"><button type="button">';
		button += btnConfig.label + '</button></span></span></span>';
		$(button).appendTo("#" + PANEL_ID + " > .bd > .ft").css("margin-left", "5px");
		var oButton = new YAHOO.widget.Button(buttonId);
		
		var clickListener = (function(cfg) {
			return function() {
				var close = cfg.fn();
			    if (close !== false) {
				  	panel.hide();
				  	panel.destroy();
			    }
		    };
		})(btnConfig);

		
    	oButton.addListener("click", clickListener);
    	
    	if (i == 0 || btnConfig.focus) {
    		oButton.focus();
    	}
    	
    	this.buttons[this.buttons.length] = oButton;

	}	
}

PopPanel.alert = function(content, func, width, locale) {
	
	var btnLabel = "";
	var panelTitle = "";
	if (!locale) locale = "";
	switch(locale.toLocaleLowerCase()) {
		case "en".toLocaleLowerCase():
			btnLabel = "OK";
			panelTitle = "YouShang.com";
	    	break;
	    case "zh-HK".toLocaleLowerCase():
	    case "zh_HK".toLocaleLowerCase():
			btnLabel = "確定";
			panelTitle = "友商網";
	    	break;
	  	default:
	  		btnLabel = "确定";
	  		panelTitle = "友商网";
	    	break;
	}
	//alert(btnLabel);
	//alert(panelTitle);
	
	if (!width) {
		width = 300;
	}
	if (!func) {
		func = function(){};
	}
	
	return new PopPanel({
		width: width + "px", 
		fixedcenter: true, 
		underlay: "none", 
		close: false,
		modal: true, 
		visible: true,
		
		title: panelTitle,
		content: content,
		
		buttons: [{
			label: btnLabel,
			fn: func,
			focus: true
		}]			
	});
}

PopPanel.confirm = function(config) {
	
	var label1;
	var label2;
	var title;
	if (!config.locale) config.locale = "";
	switch(config.locale.toLocaleLowerCase()) {
		case "en".toLocaleLowerCase():
			label1 = "OK";
			label2 = "CANCEL"
			title = "YouShang.com";
	    	break;
	   	case "zh-HK".toLocaleLowerCase():
	    case "zh_HK".toLocaleLowerCase():
			label1 = "確定";
			label2 = "取消"
			title = "友商網";
	    	break;
	  	default:
	  		label1 = "确定";
	  		label2 = "取消"
	  		title = "友商网";
	    	break;
	}
	
	if (!config.width) {
		config.width = 300;
	}
	if (!config.funcOk) {
		config.funcOk = function() {};
	}
	if (!config.funcCancel) {
		config.funcCancel = function() {};
	}
	
	return new PopPanel({
		width: config.width + "px", 
		fixedcenter: true, 
		underlay: "none", 
		close: false,
		modal: true, 
		visible: true,
		
		title: title,
		content: config.content,
		
		buttons: [{
			label: label1,
			fn: config.funcOk
		}, {
			label: label2,
			fn: config.funcCancel
		}]			
	});
}

PopPanel.show = function(config) {
	
	if (!config.title) {
		switch(config.locale) {
			case "en":
				config.title = "YouShang.com";
		    	break;
		    case "zh_HK":
				config.title = "友商網";
		    	break;
		  	default:
		  		config.title = "友商网";
		}
	}
	
	if (!config.width) {
		config.width = 300;
	}
	
	return new PopPanel({
		width: config.width + "px", 
		fixedcenter: true, 
		underlay: "none", 
		close: false,
		modal: true, 
		visible: true,
		
		title: config.title,
		content: config.content,
		buttons: config.buttons
	});
}