function moveElement(elementID,final_x,final_y,interval) {
  if (!document.getElementById) return false;
  if (!document.getElementById(elementID)) return false;
  var elem = document.getElementById(elementID);
  if (elem.movement) {
    clearTimeout(elem.movement);
  }
  if (!elem.style.left) {
    elem.style.left = "0px";
  }
  if (!elem.style.top) {
    elem.style.top = "0px";
  }
  var xpos = parseInt(elem.style.left);
  var ypos = parseInt(elem.style.top);
  if (xpos == final_x  &&  ypos == final_y) {
  return true;
  }
  if (xpos < final_x) {
    var dist = Math.ceil((final_x - xpos)/10);
    xpos = xpos + dist;
  }
  if (xpos > final_x) {
    var dist = Math.ceil((xpos - final_x)/10);
    xpos = xpos - dist;
  }
  if (ypos < final_y) {
    var dist = Math.ceil((final_y - ypos)/10);
    ypos = ypos + dist;
  }
  if (ypos > final_y) {
    var dist = Math.ceil((ypos - final_y)/10);
    ypos = ypos - dist;
  }
  elem.style.left = xpos + "px";
  elem.style.top = ypos + "px";
  var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
  elem.movement = setTimeout(repeat,interval);
}
function classNormal(){
	var focusBtnList = $('#focus_change_btn li.current').removeClass('current');
}
function focusChange() {
	var focusBtnList = $('#focus_change_btn li');
	for(var i=0; i<focusBtnList.length; i++) {
		focusBtnList[i].onmouseover = (function(index){
			var i=index;
			return function() {
			moveElement('focus_change_list',i*(-533),0,5);
			classNormal();
			focusBtnList.eq(i).addClass("current");
			}
		})(i)
	}
}
$( function() {
	function autoFocusChange() {
		var focusBtnList = $('#focus_change_btn li');
		var focusBtn = $('#focus_change_btn li.current + li');
		if ( focusBtn.length > 0 ) {
			var index = focusBtnList.index(focusBtn[0]);
			moveElement ('focus_change_list', (index)*(-533),0,5);
			classNormal();
			focusBtn.addClass("current");
		} else {
			moveElement ('focus_change_list', (0)*(-533),0,5);
			classNormal();
			$('#focus_change_btn ul li:first-child').addClass("current");
		}
	}
	setInterval(autoFocusChange, 6000);
	focusChange();
} );
