//+++++====var i;
//function $(id) { return document.getElementById(id); }
//function addLoadEvent(func){
//	var oldonload = window.onload;
//	if (typeof window.onload != 'function') {
//		window.onload = func;
//	} else {
//		window.onload = function(){
//			oldonload();
//			func();
//		}
//	}
//}
//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').getElementsByTagName('li');
//	for(var e=0; e<focusBtnList.length; e++) {
//		focusBtnList[e].className='';
//	}
//}

//function focusChange() {
//	$('focus_change').onmouseover = function(){atuokey = true};
//	$('focus_change').onmouseout = function(){atuokey = false};
//	var focusBtnList = $('focus_change_btn').getElementsByTagName('li');
//	for(var n=0; n<focusBtnList.length; n++) {
//        focusBtnList[n].onmouseover = function() {
//			moveElement('focus_change_list',-700*n,0,5);
//			classNormal()
//			focusBtnList[n].className='current'
//		}
//			
//	+++++++=====}
	
	
	
//		focusBtnList[0].onmouseover = function() {
//			moveElement('focus_change_list',0,0,5);
//			classNormal()
//			focusBtnList[0].className='current'
//		}
//		focusBtnList[1].onmouseover = function() {
//			moveElement('focus_change_list',-700,0,5);
//			classNormal()
//			focusBtnList[1].className='current'
//		}
//		focusBtnList[2].onmouseover = function() {
//			moveElement('focus_change_list',-1400,0,5);
//			classNormal()
//			focusBtnList[2].className='current'
//		}
//		focusBtnList[3].onmouseover = function() {
//			moveElement('focus_change_list',-2100,0,5);
//			classNormal()
//			focusBtnList[3].className='current'
//		}
//		focusBtnList[4].onmouseover = function() {
//			moveElement('focus_change_list',-2800,0,5);
//			classNormal()
//			focusBtnList[4].className='current'
//		}
//		focusBtnList[5].onmouseover = function() {
//			moveElement('focus_change_list',-3500,0,5);
//			classNormal()
//			focusBtnList[5].className='current'
//		}
		
//+++++++==}
//setInterval('autoFocusChange()', 3000);
//var atuokey = false;
//function autoFocusChange() {
//	if(atuokey) return;
//	var focusBtnList = $('focus_change_btn').getElementsByTagName('li');
//	for(i=0; i<focusBtnList.length; i++) {
//		if (focusBtnList[i].className == 'current') {
//			var currentNum = i;
//		}
//			
//	}
//	if (currentNum==i){
//	moveElement('focus_change_list',0,0,5);
//		classNormal()
//		focusBtnList[0].className='current'
//	}
//	else
//	{
//	moveElement('focus_change_list',-700*(currentNum+1),0,5);
//		classNormal()
//		focusBtnList[currentNum+1].className='current'
//		+++++++===}

//	if (currentNum==0 ){
//		moveElement('focus_change_list',-700,0,5);
//		classNormal()
//		focusBtnList[1].className='current'
//	}
//	if (currentNum==1 ){
//		moveElement('focus_change_list',-1400,0,5);
//		classNormal()
//		focusBtnList[2].className='current'
//	}	
//	if (currentNum==2 ){
//		moveElement('focus_change_list',-2100,0,5);
//		classNormal()
//		focusBtnList[3].className='current'
//	}
//	if (currentNum==3 ){
//		moveElement('focus_change_list',-2800,0,5);
//		classNormal()
//		focusBtnList[4].className='current'
//	}
//	if (currentNum==4 ){
//		moveElement('focus_change_list',-3500,0,5);
//		classNormal()
//		focusBtnList[5].className='current'
//	}
//	if (currentNum==5 ){
//		
//		moveElement('focus_change_list',0,0,5);
//		classNormal()
//		focusBtnList[0].className='current'
	//}
//}


  //焦点图开始

//    var t = n = 0, count = $("#focus_change_list a").size();  
//    $(function(){	
//	    $("#focus_change_list a:not(:first-child)").hide();
//	    $("#focus_change_btn li").click(function() {
//		    var i = $(this).text() - 1;
//		    n = i;
//		    if (i >= count) return;
//		    $("#focus_change_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
//		    $(this).css({"background":"#FF7300",'color':'#fff'}).siblings().css({"background":"#fff",'color':'#FF7300'});
//	    });
//	    t = setInterval("showAuto()", 5000);
//	    $("#focus_change").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 5000);});
//    })

//    function showAuto()
//    {
//	    n = n >= (count - 1) ? 0 : ++n;
//	    $("#focus_change_btn li").eq(n).trigger('click');
//    }

 
 
// addLoadEvent(focusChange);
    //焦点图结束
    
    function $(id) { return document.getElementById(id); }
function addLoadEvent(func){
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function(){
			oldonload();
			func();
		}
	}
}
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').getElementsByTagName('li');
	for(var i=0; i<focusBtnList.length; i++) {
		focusBtnList[i].className='';
	}
}

function focusChange() {
	$('focus_change').onmouseover = function(){atuokey = true};
	$('focus_change').onmouseout = function(){atuokey = false};
	var focusBtnList = $('focus_change_btn').getElementsByTagName('li');
		focusBtnList[0].onmouseover = function() {
			moveElement('focus_change_list',0,0,5);
			classNormal()
			focusBtnList[0].className='current'
		}
		focusBtnList[1].onmouseover = function() {
			moveElement('focus_change_list',-700,0,5);
			classNormal()
			focusBtnList[1].className='current'
		}
		focusBtnList[2].onmouseover = function() {
			moveElement('focus_change_list',-1400,0,5);
			classNormal()
			focusBtnList[2].className='current'
		}
		focusBtnList[3].onmouseover = function() {
			moveElement('focus_change_list',-2100,0,5);
			classNormal()
			focusBtnList[3].className='current'
		}
		focusBtnList[4].onmouseover = function() {
			moveElement('focus_change_list',-2800,0,5);
			classNormal()
			focusBtnList[4].className='current'
		}
}
setInterval('autoFocusChange()', 3000);
var atuokey = false;
function autoFocusChange() {
	if(atuokey) return;
	var focusBtnList = $('focus_change_btn').getElementsByTagName('li');
	for(var i=0; i<focusBtnList.length; i++) {
		if (focusBtnList[i].className == 'current') {
			var currentNum = i;
		}
	}
	if (currentNum==0 ){
		moveElement('focus_change_list',-700,0,5);
		classNormal()
		focusBtnList[1].className='current'
	}
	if (currentNum==1 ){
		moveElement('focus_change_list',-1400,0,5);
		classNormal()
		focusBtnList[2].className='current'
	}	
	if (currentNum==2 ){
		moveElement('focus_change_list',-2100,0,5);
		classNormal()
		focusBtnList[3].className='current'
	}
	if (currentNum==3 ){
		moveElement('focus_change_list',-2800,0,5);
		classNormal()
		focusBtnList[4].className='current'
	}
	if (currentNum==4 ){
		moveElement('focus_change_list',0,0,5);
		classNormal()
		focusBtnList[0].className='current'
	}
}
addLoadEvent(focusChange);
