var f = TagToggle("activeCls", "inactiveCls", "click", 0);
	for(var i = 1; i <=2; i++)
	f("tab" + i, "text" + i);
	/*
	* Author: Asfman
	* Contact: [url]http://jsframework.cn[/url]
	*/
	 function TagToggle(activeCls, inactiveCls, eventType, defaultID)
	 {
		 var count = 0;
		 var isIE = navigator.appName == "Microsoft Internet Explorer";
		 eventType = eventType || "mousedown";
		 defaultID =  defaultID || 0;
		 var selectedIndex = defaultID;
		 var tagArr = [];
		 function overFunc(content, curNum)
		 {
			var curObj = this;
			return function(){
				tagArr[selectedIndex][0].className = inactiveCls;
				tagArr[selectedIndex][1].style.display = "none";
				curObj.className = activeCls;
				$(content).style.display = "";
				selectedIndex = curNum;
			}
		 }
		 function $(str){return document.getElementById(str);}
		 return function(tag, content){
			 tagArr.push([$(tag), $(content)]);
			 if(count == defaultID)
			 {
				 $(tag).className = activeCls;
				 $(content).style.display = "";
			 }else{
				 $(tag).className = inactiveCls;
				 $(content).style.display = "none";
			 }
			if(isIE)
				$(tag).attachEvent("on" + eventType, overFunc.call($(tag), content, count));
			else
				$(tag).addEventListener(eventType, overFunc.call($(tag), content, count), false);		    
			 count++;
		 }
	 }
	//-->