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 addbtn() {
 if(!$('ibanner')||!$('ibanner_pic')) return;
 var piclist = $('ibanner_pic').getelementsbytagname('a');
 if(piclist.length==0) return;
 var btnbox = document.createelement('div');
 btnbox.setattribute('id','ibanner_btn');
 var spanbox ='';
 for(var i=1; i<=piclist.length; i++ ) {
  var spanlist = '<span class="normal">'+i+'</span>';
  spanbox += spanlist;
 }
 btnbox.innerhtml = spanbox;
 $('ibanner').appendchild(btnbox);
 $('ibanner_btn').getelementsbytagname('span')[0].classname = 'current';
 for (var m=0; m<piclist.length; m++){
  var attributevalue = 'picli_'+m
  piclist[m].setattribute('id',attributevalue);
 }
}
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) {
  moveing = false;
  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 btnlist = $('ibanner_btn').getelementsbytagname('span');
 for (var i=0; i<btnlist.length; i++){
  btnlist[i].classname='normal';
 }
}
function picz() {
 var piclist = $('ibanner_pic').getelementsbytagname('a');
 for (var i=0; i<piclist.length; i++){
  piclist[i].style.zindex='1';
 }
}
var autokey = false;
function ibanner() {
 if(!$('ibanner')||!$('ibanner_pic')||!$('ibanner_btn')) return;
 $('ibanner').onmouseover = function(){autokey = true};
 $('ibanner').onmouseout = function(){autokey = false};
 var btnlist = $('ibanner_btn').getelementsbytagname('span');
 var piclist = $('ibanner_pic').getelementsbytagname('a');
 if (piclist.length==1) return;
 piclist[0].style.zindex='2';
 for (var m=0; m<btnlist.length; m++){
  btnlist[m].onmouseover = function() {
   for(var n=0; n<btnlist.length; n++) {
    if (btnlist[n].classname == 'current') {
     var currentnum = n;
    }
   }
   classnormal();
   picz();
   this.classname='current';
   piclist[currentnum].style.zindex='2';
   var z = this.childnodes[0].nodevalue-1;
   piclist[z].style.zindex='3';
   if (currentnum!=z){
    piclist[z].style.left='650px';
    moveelement('picli_'+z,0,0,10);
   }
  }
 } 
}
setinterval('autobanner()', 3000);//每个图片的停留时间
function autobanner() {
 if(!$('ibanner')||!$('ibanner_pic')||!$('ibanner_btn')||autokey) return;
 var btnlist = $('ibanner_btn').getelementsbytagname('span');
 var piclist = $('ibanner_pic').getelementsbytagname('a');
 if (piclist.length==1) return;
 for(var i=0; i<btnlist.length; i++) {
  if (btnlist[i].classname == 'current') {
   var currentnum = i;
  }
 }
 if (currentnum==(piclist.length-1) ){
  classnormal();
  picz();
  btnlist[0].classname='current';
  piclist[currentnum].style.zindex='2';
  piclist[0].style.zindex='3';
  piclist[0].style.left='650px';
  moveelement('picli_0',0,0,10);
 } else {
  classnormal();
  picz();
  var nextnum = currentnum+1;
  btnlist[nextnum].classname='current';
  piclist[currentnum].style.zindex='2';
  piclist[nextnum].style.zindex='3';
  piclist[nextnum].style.left='650px';
  moveelement('picli_'+nextnum,0,0,10);
 }
}
addloadevent(addbtn);
addloadevent(ibanner);