﻿
//获取id或该id所包含的元素
var $ = function(id,elN){
	if(elN && id){
		return document.getElementById(id).getElementsByTagName(elN);
	}else{
		return document.getElementById(id);
	}
}

//清空目标内容
function burnIt(bIt) {$(bIt).value = "";}

/*清空特定容器内所包含的input(类型为text)或textarea中的内容
 *bAll为特定容器的id
 *bTag为要清空的类型
 *如 burnItAll("temp001","input")
*/
function burnItAll(bAll,bTag) {
	var bAll = $(bAll,bTag);
	for(var bA = 0;bA < bAll.length;bA++){
		if(bTag == "input"){
			if(bAll[bA].type == "text"){
				bAll[bA].value = "";
			}
		}
		if(bTag == "textarea"){
			bAll[bA].value = "";
		}
	}
}

/*设定当前input点击或获得焦点时value的颜色.失去焦点时判断是否返回value的原始值.
 *tInput,当前input,一般是this
 *fColor,点击或获得焦点后的文字颜色.可以是16进制或rgb或浏览器默认的颜色值.16进制可缩写.
 *defVal,默认value值
 *val,当前input的值,一般是this.value
 *如 chkThisInput(this,'#f00','search',this.value)
*/
function chkThisInput(tInput,fColor,defVal,val) {
	if(fColor){tInput.style.color = fColor;}
	if(val == defVal){tInput.value = "";};
	tInput.onblur = function(){
		if(tInput.value == ""){
			tInput.value = defVal;
			if(fColor){tInput.style.color = "";}
		}
	}
}

function setThisBorder(tTag,tColor){
	tTag.style.borderColor = tColor;
	tTag.onblur = function(){
		tTag.style.borderColor = ""
	}
}

//显示或隐藏目标
function divCtrlTypeA(divTa) {
	var divTa = $(divTa);
	divTa.style.display = divTa.style.display == "block"?"none":"block";
}

function divCtrlTypeB(divTa1,divTa2) {
	var divTa1,chkDiv;
	var divTag1 = $(divTa1),divTag2 = $(divTa2);
	divTag1.style.display = divTag1.style.display == "block"?"none":"block";
	divTag2.style.display = divTag2.style.display == "block"?"none":"block";
}

/*平衡指定目标区域高度
 *tag1为主要目标，tag2为比较目标.当tag1高度小于tag2则将tag2高度加修正高度赋予tag1.
 *当tag2高度过低(<500)时，则将屏幕分辨率高度减deduct值所得高度赋予tag1.
 *如 balanceArea("div01","div02",50,180)
*/
function balanceArea(tag1,tag2,reNum,deduct) {
	var tag1,tag2,reNum,deduct;
	tag1 = $(tag1),
	tag2 = $(tag2);
	if(tag1.scrollHeight < tag2.scrollHeight){
		tag1.style.height = tag2.scrollHeight+ reNum + "px";
	}else{
		if(tag2.scrollHeight > 500){
			tag1.style.height = tag2.scrollHeight+ reNum + "px";
		}else{
			tag1.style.height = (window.screen.availHeight - deduct)+"px";
		}
	}
}
function balanceArea2(oTag1,oTag2,fixNum) {
	var oTag1,oTag2;
	oTag1 = $(oTag1),
	oTag2 = $(oTag2);
	oTag1.style.height = oTag2.scrollHeight + fixNum + "px";
}

/*选项卡
 *ctrlId为标签栏的ID，下面内容栏的ID将以该ID+数字的方式命名；
 *type为选项卡的类型，参看CSS文档；
 *Num要控制的内容栏序号；
 *reClass，当当前样式为reClass时则返回不操作。
 *如chgTab(this,'warTab','A',0,'tabOnA')
*/
function chgTab(thisObj,ctrlId,type,Num,reClass){
	var type,reClass;
	if(thisObj.className == reClass)return;
	var tabList = document.getElementById(ctrlId).getElementsByTagName("li");
	for(var tl=0; tl <tabList.length; tl++){
		var mli = document.getElementById(ctrlId+tl);
		if (tl == Num){
			thisObj.className = "tabOn"+type;
			mli.style.display = "block";
		}else{
			tabList[tl].className = ""; 
			mli.style.display = "none";
		}
	} 
}

var isrun = false;
function saleTable(tObj,sId,fId,num,rClass){
	if (isrun) return ;
	isrun = true;
	if(tObj.className == rClass){isrun = false;return;}
	var liList = $(sId,"li");			//列表
	var swid = tObj.getElementsByTagName("strong")[0].scrollWidth || tObj.getElementsByTagName("strong")[0].offsetWidth;
	var tBox,tBox2;
	for(var i = 0 ; i <  liList.length ; i ++ )
	{
		tBox = $(sId+i);
		if (i == num){tBox2 = tBox; continue;}
		liList[i].style.width = "";
		liList[i].className = "";
		tBox.style.display = "none";
		tObj.style.width = "";
		$(fId).style.width = ""; 
	}
	if (!tBox2){isrun = false;return ;}
	tObj.className = rClass;
	tObj.appendChild($(fId));//选项卡上的两个三角
	tBox2.style.display = "block";
	setTabWidth(sId,rClass,fId); 
	isrun = false;
}

function setTabWidth(sB1,rrCls,arroId){
	var sTags = $(sB1,"li");
	for(var sss = 0;sss <sTags.length;sss++){
		if(sTags[sss].className == rrCls){
			var sStrong = sTags[sss].getElementsByTagName("strong")[0].scrollWidth || sTags[sss].getElementsByTagName("strong")[0].offsetWidth;
			sTags[sss].style.width =sStrong +40+ "px";
			$(arroId).style.width = sStrong +54+ "px";
		}
	}
}

function chgTab2(theObj,cId,n,reC){
	var reC;
	if(theObj.className == reC)return;
	var tabList2 = $(cId,"li");
	for(var dl=0; dl <tabList2.length; dl++){
		var dIds=cId+dl;
		var dbox = $(dIds);
		if (dl == n){
			theObj.className = reC;
			dbox.style.display = "block";
		}else{
			tabList2[dl].className = ""; 
			dbox.style.display = "none";
		}
	} 
}

/*容器垂直滚动
 *div为主要容器ID；
 *delay为延迟执行时间,也就是setTimeout的时间；
 *speed容器滚动的速度；
 *lh，滚动的高度。
 *bType,为滚动容器的类型
*/
function slideLine(div, delay, speed,lh,bType) {
	var slideBox = $(div);
	var tid = null, pause = false;
	var start = function() {
		tid=setInterval(slide, speed);
	}
	var slide = function() {
		if (pause) return;
			slideBox.scrollTop += 2;
		if (slideBox.scrollTop % lh == 0) {
			clearInterval(tid);
			slideBox.appendChild($(div,bType)[0]);
			slideBox.scrollTop = 0;
			setTimeout(start, delay);
		}
	}
	slideBox.onmouseover=function(){pause=true;}
	slideBox.onmouseout=function(){pause=false;}
	setTimeout(start, delay);
}