//立体切换
var get = {
	byId: function(id) {
		return typeof id === "string" ? document.getElementById(id) : id
	},
	byClass: function(sClass, oParent) {
		var aClass = [];
		var reClass = new RegExp("(^| )" + sClass + "( |$)");
		var aElem = this.byTagName("*", oParent);
		for (var i = 0; i < aElem.length; i++) reClass.test(aElem[i].className) && aClass.push(aElem[i]);
		return aClass
	},
	byTagName: function(elem, obj) {
		return (obj || document).getElementsByTagName(elem)
	}
};

function setStyle(obj,json){
    for(var i in json)
    {
        obj.style[i]=json[i];
    }
}
//设置style样式
var mjstyle=[
    {background: "none",left: "0px",top: "34px",padding: '0px',width: "369px",height: "276px",opacity: "0.5",zIndex: '1'},
    {background: "none",left: '0px',top: '0px',paddingLeft:'141px',paddingRight:'141px',width: '460px',height: '345px',opacity: '1',zIndex: '3'},
    {background: 'none',left: '369px',top: '34px',padding: '0px',width: '369px',height: '276px',opacity: '0.5', zIndex: '2'},
    {background: 'none',left: '369px',top: '34px',padding: '0px', width: '369px',height: '276px',opacity: '0.2',zIndex: '0'},
    {background: 'none',left: '369px',top: '34px',padding: '0px',width: '369px',height: '276px',opacity: '0.2', zIndex: '0'}
    ];
//设置非正中间的新闻标题为none
function takestyle(oLi){
    for(var i=0;i<oLi.length;i++)
{
    oLi[i].index=i;
    setStyle(oLi[i],mjstyle[i]);
    for(var j=0;j<oLi.length;j++)
        {
           if(oLi[j].style.zIndex==3)
           {
               oLi[j].getElementsByTagName("div")[2].style.display="block";
               
              
           }
            else
            {
                oLi[j].getElementsByTagName("div")[2].style.display="none"; 
               
            }
        }     
}  
}

function rtab(id,oLi){
    var oList=get.byId(id);
    var tmp=oLi[oLi.length-1];
       oList.removeChild(oLi[oLi.length-1]);//删除子节点
       oList.insertBefore(tmp,oLi[0]);//删除子节点
}

function ltab(id,oLi){
     var oList=get.byId(id);
     var tmp=oLi[0];
    oList.removeChild(oLi[0]);
    oList.appendChild(tmp);
}

//控制自动切换的间隔
function play(){
   var mt=setInterval(function(){
          rtab("Lilist",oLi);
       ltab("pagenation",oDiv);
          takestyle(oLi);
   },5000);
   return mt;
}

var oBan=get.byId("mybanner");
var oLi=get.byTagName("li",oBan);
var Lbtn=get.byId("bleft");
var Rbtn=get.byId("bright");
var oPagen=get.byId("pagenation");
 for(var m=0;m<oLi.length;m++)
 {
     var ltmp=document.createElement("div");
         ltmp.className="mypagetab";
     oPagen.appendChild(ltmp);
 }

var oDiv=oPagen.getElementsByTagName("div");
oDiv[1].style.backgroundColor="#013F88";

//点击图片切换
takestyle(oLi);
var timer=null;
clearInterval(timer);
 timer=play();

   oBan.onmouseover=function(){
       clearInterval(timer);
   }
   
   oBan.onmouseout=function(){
       timer=play();
   }
   
   Lbtn.onclick=function(){
       rtab("Lilist",oLi);
       ltab("pagenation",oDiv);
       takestyle(oLi);
   }
   Rbtn.onclick=function(){
      ltab("Lilist",oLi);
      rtab("pagenation",oDiv);
       takestyle(oLi);
   }