// JavaScript Document

var debug = true;
/************************************************
 *   创建LLn_Control中params参数所需的json结构  *
 ************************************************/
function makeJson(paraml, params)
{
	var jsonArr = new Array();
	for (var i = 0; i < paraml.length; i++)
		jsonArr.push(paraml[i]);
	for (var i = 0; i < params.length; i++)
		jsonArr.push({
			ids: [params[i]],
			max: 9999999999,
			min: -9999999999
		});
	return jsonArr;
}

function pageWidth()
{
    return window.innerWidth != null? window.innerWidth: document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body != null? document.body.clientWidth:null;
}

function pageHeight()
{
    return window.innerHeight != null? window.innerHeight: document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body != null? document.body.clientHeight:null;
} 

/************************************************
 *           通用多参数多范围控制器             *
 ************************************************
 * >params为json数组，其中：                    *
 *    >params[n].ids为该系列输入框的id的数组    *
 *    >params[n].min和params[i].max为该系列输入 *
 *     框的输入范围                             *
 * >output为输出框id数组                        *
 * >func为执行操作的函数                        *
 ************************************************/
LLn_Control = function(params, output, func)
{
	var inputs = new Array();
	var outputs = new Array();
	var fomula = func;
	for (var i = 0; i < params.length; i++)
	{
		inputs[i] = {
			objs: new Array(),
			max: params[i].max,
			min: params[i].min
		}
		for (var j = 0; j < params[i].ids.length; j++)
		{
			inputs[i].objs[j] = document.getElementById(params[i].ids[j]);
			if (!inputs[i].objs[j]) alert("无法找到输入框"+params[i].ids[j]);
		}
	}
	for (var i = 0; i < output.length; i++)
	{
		outputs[i] = document.getElementById(output[i]);
		if (outputs[i] == null) alert("无法找到输出框"+output[i]);
		outputs[i].readOnly = true;
	}
	this.calc = function()
	{
		// 检测变量
		var values = new Array();	// 一维参数表
		var bQuit = false;
		var outValues = new Array();
		for (var i = 0; i < outputs.length; i++)
			outValues[i] = outputs[i].value;
			
		for (var i = 0; i < inputs.length; i++)
		{
			var max = inputs[i].max;	// 上限
			var min = inputs[i].min;	// 下限
			var lastValue = min;
			for (var j = 0; j < inputs[i].objs.length; j++)
			{
				var v;
				if (inputs[i].objs[j].type == "checkbox")
					v = inputs[i].objs[j].checked ? 1 : 0;
				else
					v = parseFloat(inputs[i].objs[j].value);
				if (!isNaN(v) && v >= lastValue && v <= max)
				{
					// 通过检验，则加入参数表
					values.push(v);
					lastValue = v;
				}
				else
				{
					bQuit = true;
					break;
				}
			}
			if (bQuit) break;
		}
		if (!bQuit)
			fomula(values, outputs);
		else
		{
			for (var i = 0; i < outputs.length; i++)
				outputs[i].value = "";
		}
		for (var i = 0; i < outputs.length; i++)
			if (outputs[i].value != outValues[i])
				if (outputs[i].onchange) outputs[i].onchange();
	}			
	// 附加事件处理
	var c = 0;
	if (/msie/i.test(navigator.userAgent))
	{
		for (var i = 0; i < inputs.length; i++)
			for (var j = 0; j < inputs[i].objs.length; j++)
				inputs[i].objs[j].onpropertychange = this.calc;
	}
	else
	{  
		for (var i = 0; i < inputs.length; i++)
			for (var j = 0; j < inputs[i].objs.length; j++)
			{
				inputs[i].objs[j].addEventListener("input",this.calc,false); 
				inputs[i].objs[j].onchange = this.calc;
				c++;
			}
	}
}

/********************************************** 
 *            单范围多参数运算控件            *
 **********************************************
 *   paramA为输入限定值的输入框ID             *
 *   minvalue和maxvalue分别为输入的下限和上限 *
 *   output为输入结果的对话框数组             *
 *   func为计算函数                           *
 **********************************************/
 
L_Control = function(paramA, params, minvalue, maxvalue, output, func)
{
	LLn_Control(
		makeJson([{ids:[paramA], min:minvalue, max:maxvalue}], params),
		output,
		function(v, o) { func(v[0], v.slice(1), o);}
	);
}

/********************************************** 
 *            单范围多参数运算控件            *
 **********************************************
 *   paramA为输入起始值的输入框ID             *
 *   paramB为输入终止值的输入框ID             *
 *   minvalue和maxvalue分别为输入的下限和上限 *
 *   output为输入结果的对话框数组             *
 *   func为计算函数                           *
 **********************************************/
 
LL_Control = function(paramA, paramB, params, minvalue, maxvalue, output, func)
{
	LLn_Control(
		makeJson([{ids:[paramA, paramB], min:minvalue, max:maxvalue}], params),
		output,
		function(v, o) { func(v[0], v[1], v.slice(2), o);}
	);
}

/********************************************** 
 *           双范围多参数运算控件             *
 **********************************************
 *  》paramA为输入第一个参数的输入框ID        *
 *  》paramB为输入第一个参数的输入框ID        *
 *  》params为其它无限制参数输入框ID数组      *
 *  》minvalue1和maxvalue1分别为              *
 *	  paramA输入的下限和上限                  *
 *  》minvalue2和maxvalue2分别为              *
 *    paramB输入的下限和上限                  *
 *  》output为输入结果的对话框数组            *
 *  》func为计算函数                          *
 **********************************************/
 
LL2_Control = function(paramA, paramB, params, minvalue1, maxvalue1, minvalue2, maxvalue2, output, func)
{
	LLn_Control(
		makeJson([{ids:[paramA], min:minvalue1, max:maxvalue1}, {ids:[paramB], min:minvalue2, max:maxvalue2}], params),
		output,
		function(v, o) { func(v[0], v[1], v.slice(2), o);}
	);
}


/********************************************** 
 *                总数计算控件                *
 **********************************************
 *  》source为被统计输入框ID数组              *
 *  》output为输入结果的输入框ID              *
 **********************************************/
TotalBox = function(source, output)
{
	var s = new Array();
	for (var i = 0; i <source.length; i++)
		s[i] = document.getElementById(source[i]);
	var o = document.getElementById(output);
	o.readOnly = true;
	this.calc = function()
	{
		var c = 0;
		for (var i = 0; i <s.length; i++)
		{
			t = parseInt(s[i].value);
			if (isNaN(t)) t = 0;
			c += t;
		}
		o.value = c;
	}
	for (i = 0; i < s.length; i++)
		s[i].onchange = this.calc;
	this.calc();
}

/********************************************** 
 *                 组合框控件                 *
 **********************************************
 *  》source为包含内容的div                   *
 *  》title为组合框标题                       *
 *  》x, y, w, h分别为左、上、宽、高          *
 **********************************************/
GroupBoxEx = function(source, title, x, y, w, h, style)
{
	var s_obj = document.getElementById(source);
	this.Panel = document.createElement("div");
	this.Title = null;
	this.Panel.style.borderColor = "#000000";
	this.Panel.style.paddingTop = "5px";
	this.Panel.style.paddingLeft = "5px";
	this.Panel.style.backgroundColor = "#eeeeff";
	for (key in style)
	{
		eval("this.Panel.style." + key + " = \"" + style[key] + "\"");
	}	
	this.Panel.style.position = "absolute";
	this.Panel.style.left = x + "px";
	if (title == "") y -= 17;
	this.Panel.style.top = (y + 17) + "px";
	this.Panel.style.width = w + "px";
	if (title == "") h += 8;
	this.Panel.style.height = (h - 8) + "px";
	this.Panel.style.borderStyle = "solid";
	this.Panel.style.borderWidth = "1px";	
	this.Panel.innerHTML = s_obj.innerHTML;
	
	if (title != "")
	{
		this.Title = document.createElement("div");
		this.Title.style.position = "absolute";
		this.Title.style.left = x + "px";
		this.Title.style.top = y + "px";
		this.Title.style.height = "14px";
		this.Title.style.borderStyle = "solid";
		this.Title.style.borderWidth = "1px";
		this.Title.style.borderColor = "#000000";
		this.Title.style.fontSize = "9pt";
		this.Title.style.paddingLeft = "2px";
		this.Title.style.paddingTop = "2px";
		this.Title.style.backgroundColor = "#440055";
		this.Title.style.color = "#ffffff";
		this.Title.innerHTML = title;
	}
	var parent = s_obj.parentNode;
	parent.insertBefore(this.Panel, s_obj.nextSibling);
	if (title != "")
		parent.insertBefore(this.Title, this.Panel);
	parent.removeChild(s_obj);
}

GroupBoxEx.prototype.setWidth = function(w)
{
	this.Panel.style.width = w + "px";
}

GroupBoxEx.prototype.setVisibility = function(v)
{
	this.Panel.style.visibility = v ? "visible" : "hidden";
	if (this.Title) this.Title.style.visibility = v ? "visible" : "hidden";
}

GroupBox = function(source, title, x, y, w, h)
{
	GroupBoxEx(source, title, x, y, w, h, {});
}

/********************************************** 
 *           RadioGroup值标签生成器           *
 **********************************************
 *  》name为RadioGroup的name属性              *
 *  》id为目标标签(hidden field)的id          *
 **********************************************/
RadioGroupTab = function(name, id)
{
	var radios = document.getElementsByName(name);
	var rname = name;
	var hid = id;
	if (radios.length > 0)
	{
		var hiddenTab = document.createElement("input");
		hiddenTab.type = "hidden";
		hiddenTab.id = id;
		for (var i = 0; i < radios.length; i++)
		{
			if (radios[i].checked) hiddenTab.value = radios[i].value;
			break;
		}
		radios[0].parentNode.appendChild(hiddenTab);
		this.change = function()
		{
			for (var i = 0; i < radios.length; i++)
				if (radios[i].checked)
				{
					var htab = document.getElementById(hid);
					htab.value = radios[i].value;
					if (htab.onchange) htab.onchange();
					break;
				}
		}
		for (var i = 0; i <radios.length; i++)
			radios[i].onclick = this.change;
	}
}

PopWindow = function(href, title, left, top, width, height, pb, opacity)
{
	this.opacity = opacity;
	this.backPanel = document.createElement("div");
	this.backPanel.style.position = "absolute";
	this.backPanel.style.left = "0px";
	this.backPanel.style.top = "0px";
	this.backPanel.style.width = "100%";
	this.backPanel.style.height = "100%";
	this.backPanel.style.backgroundColor = "#000000";
	this.backPanel.style.zIndex = 10000;
	if (/msie/i.test(navigator.userAgent))
		this.backPanel.style.filter = "Alpha(Opacity=0)";
  else
    this.backPanel.style.opacity=0;
	this.dialog = document.createElement("div");
	this.dialog.style.position = "absolute";
	var extraHeight = /msie/i.test(navigator.userAgent) ? 31 : 29;
	if (left == -1 && top == -1)
	{
		left = Math.round((pageWidth() - width - 6) / 2);
		top = Math.round((pageHeight() - height - 29) / 2);
	}
	//this.dialog.style.left = left + "px";
	this.dialog.style.top = top + "px";
	this.dialog.curX = left;
	this.dialog.curY = top;
	this.dialog.style.width = (width + 6) + "px";
	this.dialog.style.height = (height + extraHeight) + "px";
	this.dialog.curW = width + 6;
	this.dialog.curH = height + extraHeight;
	this.dialog.style.padding = "0px";
	this.dialog.style.backgroundColor = "#ffffff";
	this.dialog.style.borderColor = "#000000";
	this.dialog.style.borderStyle = "solid";
	this.dialog.style.borderWidth = "1px";
	this.dialog.backPanel = this.backPanel;
	this.dialog.innerHTML =  
		"<table width='100%' height='"+(height+25)+"' border='0' cellspacing='0' cellpadding='0' style='background-color:#440055;'>" +
		"<tr height='13' style='color:#ffffff;font-size:12px;padding:1px'>" + 
		"<td width='"+(width-10)+"' style='padding-left: 5px'>◇&nbsp;"+title + "</td>" + 
		"<td width='16' style='border:1px #ffffff solid' align='center' valign='middle'><a href='#' title='关闭窗口' style='color:#ffffff; text-decoration:none;'>X</a></td>" +
		"</tr>" +
		"<tr height='"+(height+12)+"'><td colspan='2' style='background-color:#ffffff;padding-left:2px'><iframe frameborder='0' width='"+width+"' height='"+height+"' src='"+href+"' style='border:1px #7777ff solid;visibility:hidden'/></td></tr>" +
		"</table>"; 		
	this.dialog.style.zIndex = 20000;
	if (/msie/i.test(navigator.userAgent))
		this.dialog.style.filter = "Alpha(Opacity=0)";
  else 
    this.dialog.style.opacity=0;  
		
	if (!pb) pb = document.body;
	pb.appendChild(this.dialog);
	pb.appendChild(this.backPanel);
	
	// 拖动支持
	this.dialog.firstChild.firstChild.firstChild.onmousedown = function(e)
	{
		var dialog = this.parentNode.parentNode.parentNode;
		e = e ? e : window.event;
		dialog.old_X = e.clientX;
		dialog.old_Y = e.clientY;
		dialog.moving = true;
	}
	
	this.dialog.firstChild.firstChild.firstChild.onmousemove = function(e)
	{
		var dialog = this.parentNode.parentNode.parentNode;
		e = e ? e : window.event;
		if (dialog.moving)
		{
			if (e.clientX )
			var dx = dialog.old_X - e.clientX;
			var dy = dialog.old_Y - e.clientY;
			dialog.old_X = e.clientX;
			dialog.old_Y = e.clientY;
			dialog.curX -= dx;
			dialog.curY -= dy;
			dialog.style.left = dialog.curX + "px";
			dialog.style.top = dialog.curY + "px";
		}
	}
	
	this.dialog.firstChild.firstChild.firstChild.onmouseout = 
		this.dialog.firstChild.firstChild.firstChild.onmouseup = function()
	{
		var dialog = this.parentNode.parentNode.parentNode;
		dialog.moving = false;
	}
		
	//窗口渐显
	var _self = this;
	this.curOpacity = 0;
	var fadeIn = this.fadeIn = function() {
		_self.curOpacity += 10;
		if (/msie/i.test(navigator.userAgent))
		{
			_self.backPanel.style.filter = "Alpha(Opacity=" + _self.curOpacity * _self.opacity / 100 + ")";
			_self.dialog.style.filter = "Alpha(Opacity=" + _self.curOpacity + ")";
		}
   else
		{
			_self.backPanel.style.opacity=_self.curOpacity * _self.opacity/ 10000;
			_self.dialog.style.opacity=_self.curOpacity / 100;
		}
		_self.dialog.style.left = (_self.dialog.curX + _self.dialog.curW * (0.1 - _self.curOpacity / 1000)) + "px";
		if (_self.curOpacity < 100)
			_self.waitAndFadeIn();
		else
			_self.dialog.firstChild.firstChild.lastChild.firstChild.firstChild.style.visibility = "visible";
	}
	
	this.waitAndFadeIn = function() {
		setTimeout(fadeIn, 50);
	}
	
	this.waitAndFadeIn();
	
	// 渐隐
	var fadeOut = this.fadeOut = function() {
		_self.curOpacity -= 10;
		if (/msie/i.test(navigator.userAgent))
		{
			_self.backPanel.style.filter = "Alpha(Opacity=" + _self.curOpacity * _self.opacity / 100 + ")";
			_self.dialog.style.filter = "Alpha(Opacity=" + _self.curOpacity + ")";
		}
		else 
		{
			_self.backPanel.style.opacity=_self.curOpacity * _self.opacity/ 10000;
			_self.dialog.style.opacity=_self.curOpacity / 100;
		}
		_self.dialog.style.left = (_self.dialog.curX - _self.dialog.curW * (0.1 - _self.curOpacity / 1000)) + "px";
		if (_self.curOpacity > 0)
			_self.waitAndFadeOut();
		else
		{
			_self.dialog.parentNode.removeChild(_self.dialog);
			_self.backPanel.parentNode.removeChild(_self.backPanel);
		}
	}
	
	this.waitAndFadeOut = function() {
		_self.dialog.firstChild.firstChild.lastChild.firstChild.firstChild.style.visibility = "hidden";
		setTimeout(fadeOut, 30);
     return false;
	}
	
	// 添加关闭窗口事件
	this.dialog.firstChild.firstChild.firstChild.childNodes[1].firstChild.onclick = this.waitAndFadeOut;
}