var forEach = function(array, callback, thisObject){
	if(array.forEach){
		array.forEach(callback, thisObject);
	}else{
		for (var i = 0, len = array.length; i < len; i++) { callback.call(thisObject, array[i], i, array); }
	}
}

//設置選單數量
var st = new SlideTrans("idContainer", "idSlider", 4, { Vertical: false });

var nums = [];
//插入數字
for(var i = 0, n = st._count - 1; i <= n;){
	(nums[i] = $("idNum").appendChild(document.createElement("li"))).innerHTML = ++i;
}

forEach(nums, function(o, i){
	o.onmouseover = function(){ o.className = "on"; st.Auto = false; st.Run(i); }
	o.onmouseout = function(){ o.className = ""; st.Auto = true; st.Run(); }
})

//設置按鈕樣式
st.onStart = function(){
	forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; })
}
/*
$("idAuto").onclick = function(){
	if(st.Auto){
		st.Auto = false; st.Stop(); this.value = "自動";
	}else{
		st.Auto = true; st.Run(); this.value = "停止";
	}
}


st.Auto = true; st.Run();
$("idNext").onclick = function(){ st.Next(); }
$("idPre").onclick = function(){ st.Previous(); }

$("idTween").onchange = function(){
	switch (parseInt(this.value)){
		case 2 ://默認變化方式2
			st.Tween = Tween.Bounce.easeOut; break;
		case 1 ://默認變化方式1
			st.Tween = Tween.Back.easeOut; break;
		default ://預設默認變化方式
			st.Tween = Tween.Quart.easeOut;
	}
}
*/
st.Auto = true;
st.Run();