//-->

//Tab切换
//说明：示例如下
//      <div>
/************切换的Tab 共两层Div， 且第一层Div不能添加任何样式***************/
//          <div>
//            <div>
//              <ul>
//                  <li onmouseout="javascript:clearShift()" onmouseover="javascript:startShift(this)"><a href="#">Tab标题一</a></li>
//                  <li onmouseout="javascript:clearShift()" onmouseover="javascript:startShift(this)"><a href="#">Tab标题二</a></li>
//              </ul>
//          </div>
//         <div>
/**************Tab标题对应的区域 Div层数不限 但是最外层的Div不能指定任何样式*****/

//          <div>Tab标题一对应的内容</div>
//          <div>Tab标题二对应的内容</div>
//      </div>
//  注： 如果该切换需要双击编辑需要
var tm;
function startShift(o)
{      
    window.setTimeout2 = function(handle,minisecond,obj)
    {
        var arg = Array.prototype.slice.call(arguments,2);
        var cb =  handle;
        if(typeof(handle) == "function")
        {
	        cb = function()
	        {
		        handle.apply(null,arg);
	        }
        }
     
        return window.setTimeout(cb,minisecond);
    }
    
	var obj = o;
	tm = window.setTimeout2(chShift,270,obj);	
}

function clearShift()
{
    window.clearTimeout(tm);
}

function findA(obj)
{
	TagA=obj.getElementsByTagName("a");
	if (TagA.length>0)
		return TagA[0];

}

function findContentDIV(obj)
{
	TagDiv=obj.parentNode.parentNode.childNodes;
	var arrDiv = new Array;
	for(i=0;i<TagDiv.length;i++)
	{
		var objDiv = TagDiv[i];
		var re = /div/i;
		var arr = re.exec(objDiv.tagName);
		if(arr != null)
		{
			if(arr.index == 0)
			{
				arrDiv.push(objDiv);
			}
		}			 
	}
	return arrDiv;
}
function chShift(o)
{
    o.style.cursor="pointer";
	var t=o.parentNode;
	var tA=t.getElementsByTagName("a");
			
	var tParent=t.parentNode;
	var tParentDIV=findContentDIV(tParent);
	
	for(i=0;i<tA.length;i++)
	{	
		tA[i].className= null;			
		tParentDIV[i+1].style.display="none";
		if(tA[i]==findA(o))
		{
			tA[i].className="on";
			tParentDIV[i+1].style.display="block";
		}
	}
	
	
	if(tm != null)
	{
	    clearShift();
	    tm=null;
	}
}