// JavaScript Document

var new_position;
new_position = 2;
var auto_rotate;
auto_rotate = setInterval(function(){ 
    //code goes here that will be run every 5 seconds.   
	if (new_position == 5) {
		new_position = 1
	}
	document.getElementById('rotate_box_menu_1').src = 'img/use/feature/1/up.png';
	document.getElementById('rotate_box_menu_2').src = 'img/use/feature/2/up.png';
	document.getElementById('rotate_box_menu_3').src = 'img/use/feature/3/up.png';
	document.getElementById('rotate_box_menu_4').src = 'img/use/feature/4/up.png';
    document.getElementById('rotate_box_menu_'+new_position).src = 'img/use/feature/'+new_position+'/active.png';
	document.getElementById('rotate_box').style.background='url(img/use/feature/'+new_position+'/bg.png)';
	new_position++;
}, 4000);



function rotate_box_rollover(position){
	document.getElementById('rotate_box_menu_1').src = 'img/use/feature/1/up.png';
	document.getElementById('rotate_box_menu_2').src = 'img/use/feature/2/up.png';
	document.getElementById('rotate_box_menu_3').src = 'img/use/feature/3/up.png';
	document.getElementById('rotate_box_menu_4').src = 'img/use/feature/4/up.png';
    document.getElementById('rotate_box_menu_'+position).src = 'img/use/feature/'+position+'/active.png';
	document.getElementById('rotate_box').style.background='url(img/use/feature/'+position+'/bg.png)';
	clearInterval(auto_rotate);
	new_position = position;
}
function rotate_box_rollout(position){
	auto_rotate = setInterval(function(){ 
    //code goes here that will be run every 5 seconds.   
	if (new_position == 5) {
		new_position = 1
	}
	document.getElementById('rotate_box_menu_1').src = 'img/use/feature/1/up.png';
	document.getElementById('rotate_box_menu_2').src = 'img/use/feature/2/up.png';
	document.getElementById('rotate_box_menu_3').src = 'img/use/feature/3/up.png';
	document.getElementById('rotate_box_menu_4').src = 'img/use/feature/4/up.png';
    document.getElementById('rotate_box_menu_'+new_position).src = 'img/use/feature/'+new_position+'/active.png';
	document.getElementById('rotate_box').style.background='url(img/use/feature/'+new_position+'/bg.png)';
	new_position++;
}, 4000);
}