﻿/*-----------------------------------------------------------------------------/
 * JavaScript Framework Written by KS for UPTONG, Powered by SiteFactory.
/*----------------------------------------------------------------------------*/

//根据ID取元素
function $(elementid)
{
	return document.getElementById(elementid);
}
//根据TagName取元素
function T$(parentName, tagName)
{
	if(typeof(parentName) != "object")parentName = $(parentName);
	return parentName.getElementsByTagName(tagName);
}
//根据class取元素
function C$(parentName, className) {
	if(typeof(parentName) != "object")parentName = $(parentName);
	var tags = T$(parentName, "*");
	for (var i=0, n=tags.length, element=[]; i<n; i++) {
		if(tags[i].className == className) element.push(tags[i]);
	}
	return element;
}

function SwitchTab(containerId, defaultIndex, titOnClassName, interTime, tagName)
{
	var tagname = (tagName!='') ? 'li' : tagName;
	var temp = T$(containerId, "dt");
	var tit = T$(temp[0], tagname);
	var con = T$(containerId, "dd");
	var length = tit.length;
	for(var i=0; i<length; ++i){
		tit[i].index = i;
		con[i].index = i;
	}
	if($(defaultIndex)!=null){
		$(defaultIndex).className = titOnClassName;
		con[$(defaultIndex).index].style.display = "block";
	}
	else if(defaultIndex >= 0){
		tit[defaultIndex].className = titOnClassName;
		con[defaultIndex].style.display = "block";
	}
	for(var i=0; i<length; ++i){
		tit[i].onmouseover = function(){
			var onTag = C$(containerId, titOnClassName)[0];
			if(onTag!=null){
				onTag.className = "";
				con[onTag.index].style.display = "none";
			}
			this.className = titOnClassName;
			con[this.index].style.display = "block";
		};
		con[i].onmouseover = function(){
			var onTag = C$(containerId, titOnClassName)[0];
			if(onTag!=null){
				onTag.className = "";
				con[onTag.index].style.display = "none";
			}
			tit[this.index].className = titOnClassName;
			this.style.display = "block";
		};
	}

	if(interTime >= 0){//'interTime' enables auto-switch function.
		setInterval(function next(){
								var onTag = C$(containerId, titOnClassName)[0];
								var itemp = onTag.index;
								onTag.className= "";
								con[itemp].style.display = "none";
								
								if(++itemp >= length)itemp = 0;
								tit[itemp].className = titOnClassName;
								con[itemp].style.display = "block";
							}, interTime);
	}
}

//内容滚动
function Marquee(delaytime, marquee_id, direction){
	var oMarquee = $(marquee_id);
	var oMarqueeCon = $(marquee_id+"Con");
	var oMarqueeCopy = $(marquee_id+"Copy");
	var ScrollUp = function(){
		if(oMarqueeCopy.offsetHeight-oMarquee.scrollTop<=0){
			oMarquee.scrollTop = 0;
		}else{
			oMarquee.scrollTop++;
		}
	}
	var ScrollLeft = function(){
		if(oMarqueeCopy.offsetWidth-oMarquee.scrollLeft<=0){
			oMarquee.scrollLeft = 0;
		}else{
			oMarquee.scrollLeft++;
		}
	}
	var ScrollRight = function(){
		if(oMarquee.scrollLeft<=0){
			oMarquee.scrollLeft += oMarqueeCopy.offsetWidth;
		}else{
			oMarquee.scrollLeft--;
		}
	}

	oMarqueeCopy.innerHTML = oMarqueeCon.innerHTML;
	switch(direction){
		case "left":
			var oScroll=setInterval(ScrollLeft, delaytime);
			oMarquee.onmouseout=function(){
				oScroll=setInterval(ScrollLeft, delaytime);
			}
			break;
		case "right":
			var oScroll=setInterval(ScrollRight, delaytime);
			oMarquee.onmouseout=function(){
				oScroll=setInterval(ScrollRight, delaytime);
			}
			break;
		case "up":
		default:
			var oScroll=setInterval(ScrollUp, delaytime);
			oMarquee.onmouseout=function(){
				oScroll=setInterval(ScrollUp, delaytime);
			}
	}
	oMarquee.onmouseover=function(){
		clearInterval(oScroll);
	}
}

