function $(_id) {return document.getElementById(_id)}
var s=15; //移动步幅(px)
var minheight=30;
var maxheight=570;
var openN=1; //默认第1个自动展开
var timer;
var	keyS=[],kl;
var detailS=[]
var keyOpen,keyNum=0;

function viewingtab(_this) {
	clearTimeout(timer)
	keyOpen=_this.id;
	keyNum=0;
	viewing()
}

function viewing() {
  var tem=0
  for (var i=0;i<kl;i++) {
	var key = $(keyS[i]);
	var detail=$(detailS[i]);
	
	var t=detail.style;
	if(t.height==""||t.height==0)
	t.height=minheight;
	var h=parseInt(t.height);
  
	if (keyOpen==keyS[i]) //点击对象（展开）
		if (h<maxheight) {
		    h+=s;
		    t.height=h+"px";
		    tem=1;		    
		}
		else {
		    t.height=maxheight+"px";
		    key.innerHTML="<img src=\"../images/detail_off.gif\" />";
		}
	else //非点击对象（收缩）
		if (h>minheight) {
		    h-=s;
		    t.height=h+"px";
		    tem=1;
		}
		else {
		    t.height=minheight+"px";
		    key.innerHTML="<img src=\"../images/detail_on.gif\" class=\"finger\" />";
		}
  }
  if (tem==1)
  	timer=setTimeout(viewing,1)
}	

onload=function() {
  kl=keyS.length
  for (var i=0;i<kl;i++) {
  	detailS[i]=$(keyS[i]).parentNode.id
  }
  $(detailS[openN-1]).style.height=maxheight;
  $(keyS[openN-1]).innerHTML="<img src=\"../images/detail_off.gif\" />";
}