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(iFocusBtnID,iFocusTxID){
	var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
	var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
	for(var i=0; i<iFocusBtns.length; i++) {
		iFocusBtns[i].className='normal';
		iFocusTxs[i].className='normal';
	}
}

function classCurrent(iFocusBtnID,iFocusTxID,n){
	var iFocusBtns= $(iFocusBtnID).getElementsByTagName('li');
	var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
	iFocusBtns[n].className='current';
	iFocusTxs[n].className='current';
}

function iFocusChange() {
	if(!$('ifocus')) return false;
	$('ifocus').onmouseover = function(){atuokey = true};
	$('ifocus').onmouseout = function(){atuokey = false};
	var iFocusBtns = $('ifocus_btn').getElementsByTagName('li');
	var listLength = iFocusBtns.length;
	iFocusBtns[0].onmouseover = function() {
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
	if (listLength>=2) {
		iFocusBtns[1].onmouseover = function() {
			moveElement('ifocus_piclist',0,-205,5);
			classNormal('ifocus_btn','ifocus_tx');
			classCurrent('ifocus_btn','ifocus_tx',1);
		}
	}
	if (listLength>=3) {
		iFocusBtns[2].onmouseover = function() {
			moveElement('ifocus_piclist',0,-410,5);
			classNormal('ifocus_btn','ifocus_tx');
			classCurrent('ifocus_btn','ifocus_tx',2);
		}
	}
	if (listLength>=4) {
		iFocusBtns[3].onmouseover = function() {
			moveElement('ifocus_piclist',0,-615,5);
			classNormal('ifocus_btn','ifocus_tx');
			classCurrent('ifocus_btn','ifocus_tx',3);
		}
	}
}

setInterval('autoiFocus()',5000);
var atuokey = false;
function autoiFocus() {
	if(!$('ifocus')) return false;
	if(atuokey) return false;
	var focusBtnList = $('ifocus_btn').getElementsByTagName('li');
	var listLength = focusBtnList.length;
	for(var i=0; i<listLength; i++) {
		if (focusBtnList[i].className == 'current') var currentNum = i;
	}
	if (currentNum==0&&listLength!=1 ){
		moveElement('ifocus_piclist',0,-205,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',1);
	}
	if (currentNum==1&&listLength!=2 ){
		moveElement('ifocus_piclist',0,-410,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',2);
	}
	if (currentNum==2&&listLength!=3 ){
		moveElement('ifocus_piclist',0,-615,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',3);
	}
	if (currentNum==3 ){
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
	if (currentNum==1&&listLength==2 ){
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
	if (currentNum==2&&listLength==3 ){
		moveElement('ifocus_piclist',0,0,5);
		classNormal('ifocus_btn','ifocus_tx');
		classCurrent('ifocus_btn','ifocus_tx',0);
	}
}
addLoadEvent(iFocusChange);

function writeDiv() {
	var imgs = new Array();
	imgs[0]=new Array();
	imgs[1]=new Array();
	imgs[2]=new Array();
	imgs[3]=new Array();
	
	imgs[0][0] = rootPath+"jsp/acw2/"+point_pic_1;
	//imgs[0][1] = rootPath+"jsp/acw2/"+point_pic_2;
	//imgs[0][2] = rootPath+"jsp/acw2/"+point_pic_3;
	imgs[0][1] = rootPath+"jsp/acw2/point/ssqzj.jpg";
	imgs[0][2] = rootPath+"jsp/acw2/point/ssq_2.jpg";
	imgs[0][3] = rootPath+"jsp/acw2/"+point_pic_4;
	
	imgs[1][0] = "惊爆大乐透新规则10月14日开始";
	imgs[1][1] = "百元投注赢得2800万回馈";
	imgs[1][2] = "双色球两亿派奖已开启";
	imgs[1][3] = "喜贺会员“1050000”中188万";
	
	imgs[2][0] = "惊爆大乐透新规则10月14日开始";
	imgs[2][1] = "百元投注赢得2800万回馈";
	imgs[2][2] = "双色球两亿派奖已开启";
	imgs[2][3] = "喜贺会员“1050000”中188万";
	generateImg(imgs);
}
function generateImg(imgs) {
	var str = '';
	str += '<div id="ifocus">';
	str += '<div id="ifocus_pic">'
	str += '<div id="ifocus_piclist" style="left:0; top:0;">';
	str += '<ul>';
	str += '    <li><a href="'+rootPath+'jsp/acw2/news.jsp?n_id=19393" target="_blank"><img src="'+ imgs[0][0] +'" alt="" /></a></li>';
	str += '    <li><a href="'+rootPath+'jsp/acw2/news.jsp?n_id=21925" target="_blank"><img src="'+ imgs[0][1] +'" alt="" /></a></li>';
	str += '    <li><a href="'+rootPath+'jsp/acw2/news.jsp?n_id=19407" target="_blank"><img src="'+ imgs[0][2] +'" alt="" /></a></li>';
	str += '    <li><a href="'+rootPath+'jsp/acw2/news.jsp?n_id=12867" target="_blank"><img src="'+ imgs[0][3] +'" alt="" /></a></li>';
	str += '   </ul>';
	str += '  </div>';
 	str += ' <div id="ifocus_opdiv"></div>';
	str += '  <div id="ifocus_tx">';
	str += '   <ul>';
	str += '    <li class="current">'+ imgs[1][0] +'</li>';
	str += '    <li class="normal">'+ imgs[1][1] +'</li>';
 	str += '   <li class="normal">'+ imgs[1][2] +'</li>';
	str += '    <li class="normal">'+ imgs[1][3] +'</li>';
	str += '   </ul>';
	str += '  </div>';
	str += ' </div>';
	str += ' <div id="ifocus_btn">';
	str += '  <ul>';
	str += '   <li class="current"><div>'+ imgs[2][0] +'</div></li>';
	str += '   <li class="normal"><div>'+ imgs[2][1] +'</div></li>';
	str += '   <li class="normal"><div>'+ imgs[2][2] +'</div></li>';
	str += '   <li class="normal"><div>'+ imgs[2][3] +'</div></li>';
	str += '  </ul>';
	str += ' </div>';
	$('view_div').innerHTML = str;
	iFocusChange();
}

var url_1 = rootPath+"jsp/acw2/news.jsp?n_id=20312";
var url_2 = rootPath+"jsp/acw2/news.jsp?n_id=12867";
var url_3 = rootPath+"jsp/acw2/news.jsp?n_id=12309";

function setBanner1(){
	try{
		$('banner1_div').innerHTML = "<img border='0' style='cursor:hand' onclick='window.open(\"\"+url_1+\"\");' src='"+rootPath+"jsp/acw2/"+banner_1+"' width='980' height='70'>";
  }catch(err){alert(err);}
}

function setBanner2(){
	try{
		$('banner2_div').innerHTML = "<img border='0' style='cursor:hand' onclick='window.open(\"\"+url_2+\"\");' src='"+rootPath+"jsp/acw2/"+banner_2+"' width='980' height='70'>";
  }catch(err){alert(err);}
}

function setBanner3(){
	try{
		$('banner3_div').innerHTML = "<img border='0' src='"+rootPath+"jsp/acw2/"+banner_3+"' width='980' height='70'>";
  }catch(err){alert(err);}
}