// JavaScript Document
//
window.onload = initRoll;
//window.onload=initRight;
//

function  initRoll(){
	var el = document.getElementsByName("test");
	var pt = document.getElementsByName("btn_right");
	var bt = document.getElementsByName("btn_left");
	var ar = document.getElementsByName("blue");
	el[0].onmouseover = function(){
			this.className = "btnOver";
			pt[0].className="btn_rightOver";
			bt[0].className="btn_leftOver";
			ar[0].className="arrowOver";
	}
	el[0].onmouseout = function(){
		this.className = "btn";
		pt[0].className="btn_right";
		bt[0].className="btn_left";
		ar[0].className="arrow";
	}
	el[1].onmouseover = function(){
			this.className = "btnOver";
			pt[1].className="btn_rightOver";
			bt[1].className="btn_leftOver";
			ar[1].className="arrowOver";
	}
	el[1].onmouseout = function(){
		this.className = "btn";
		pt[1].className="btn_right";
		bt[1].className="btn_left";
		ar[1].className="arrow";
	}
	el[2].onmouseover = function(){
			this.className = "btnOver";
			pt[2].className="btn_rightOver";
			bt[2].className="btn_leftOver";
			ar[2].className="arrowOver";
	}
	el[2].onmouseout = function(){
		this.className = "btn";
		pt[2].className="btn_right";
		bt[2].className="btn_left";
		ar[2].className="arrow";
	}
	el[3].onmouseover = function(){
			this.className = "btnOver";
			pt[3].className="btn_rightOver";
			bt[3].className="btn_leftOver";
			ar[3].className="arrowOver";
	}
	el[3].onmouseout = function(){
		this.className = "btn";
		pt[3].className="btn_right";
		bt[3].className="btn_left";
		ar[3].className="arrow";
	}
	el[4].onmouseover = function(){
			this.className = "btnOver";
			pt[4].className="btn_rightOver";
			bt[4].className="btn_leftOver";
			ar[4].className="arrowOver";
	}
	el[4].onmouseout = function(){
		this.className = "btn";
		pt[4].className="btn_right";
		bt[4].className="btn_left";
		ar[4].className="arrow";
	}
	el[5].onmouseover = function(){
			this.className = "btnOver";
			pt[5].className="btn_rightOver";
			bt[5].className="btn_leftOver";
			ar[5].className="arrowOver";
	}
	el[5].onmouseout = function(){
		this.className = "btn";
		pt[5].className="btn_right";
		bt[5].className="btn_left";
		ar[5].className="arrow";
	}
	el[6].onmouseover = function(){
			this.className = "btnOver";
			pt[6].className="btn_rightOver";
			bt[6].className="btn_leftOver";
			ar[6].className="arrowOver";
	}
	el[6].onmouseout = function(){
		this.className = "btn";
		pt[6].className="btn_right";
		bt[6].className="btn_left";
		ar[6].className="arrow";
	}
	el[7].onmouseover = function(){
			this.className = "btnOver";
			pt[7].className="btn_rightOver";
			bt[7].className="btn_leftOver";
			ar[7].className="arrowOver";
	}
	el[7].onmouseout = function(){
		this.className = "btn";
		pt[7].className="btn_right";
		bt[7].className="btn_left";
		ar[7].className="arrow";
	}

}