function setBrandBox(brandMenu){var trueLeft=false;var numBox=0;var box=[];var boxImg=[];var total=brandMenu.length;var brandSlide=$('brand_slide');var brandText=$('brand_text');var current;var load_timer;var timing=6000;var brandWidth=brandSlide.offsetWidth;$('brand_left').style.cursor='pointer';$('brand_right').style.cursor='pointer';function step(){load_timer=setInterval(function(){if(!hasClass(brandSlide,'slide')){addClass(brandSlide,'slide');if(numBox+1==total){numBox=0;trueLeft=boxImg[numBox].offsetLeft+'px';boxImg[numBox].style.left=(total*brandWidth)+'px';}else{numBox=numBox+1;trueLeft=false;}
setFx(numBox,trueLeft);}},timing);}
if(total>1)step();addEvent($('brand_left'),'click',function(event){clearInterval(load_timer);if(!hasClass(brandSlide,'slide')){addClass(brandSlide,'slide');if(numBox-1<0){numBox=total-1;trueLeft=boxImg[numBox].offsetLeft+'px';boxImg[numBox].style.left=-brandWidth+'px';}else{numBox=numBox-1;trueLeft=false;}
setFx(numBox,trueLeft);}
step();});addEvent($('brand_right'),'click',function(event){clearInterval(load_timer);if(!hasClass(brandSlide,'slide')){addClass(brandSlide,'slide');if(numBox+1==total){numBox=0;trueLeft=boxImg[numBox].offsetLeft+'px';boxImg[numBox].style.left=(total*brandWidth)+'px';}else{numBox=numBox+1;trueLeft=false;}
setFx(numBox,trueLeft);}
step();});function setFx(index,trueLeft){var currentLeft=brandSlide.offsetLeft;var nextLeft=boxImg[index].offsetLeft;var nextBox=box[index];var fx=new Fx;fx.initialize([brandSlide,current,nextBox],{duration:800,curve:['cos']});fx.start({0:{'left':[currentLeft,-nextLeft]},1:{'opacity':[1,0]},2:{'opacity':[0,1]}},function(){if(trueLeft){boxImg[index].style.left=trueLeft;brandSlide.style.left='-'+trueLeft;}
removeClass(brandSlide,'slide');controlMenu.forEach(function(item){removeClass(item,'current');});addClass(controlMenu[index],'current');current=nextBox;numBox=index;});}
var controlMenu=$el($('brand_control'),'a');controlMenu.forEach(function(item,index){if(hasClass(item,'current')){boxImg[index]=$('brand_image');box[index]=$('brand_box');current=box[index];numBox=index;boxImg[index].style.left=(index*brandWidth)+'px';brandSlide.style.left=-(index*brandWidth)+'px';var currentBox=boxImg[index];};addEvent(item,'click',function(event,index){stopEvent(event);clearInterval(load_timer);if(!hasClass(this,'current')){if(!hasClass(brandSlide,'slide')){addClass(brandSlide,'slide');setFx(index);}}
step();},index);addEvent(item,'dblclick',function(event){window.location.href=this.href;});});brandMenu.forEach(function(item,index){var left=index*brandWidth;if(!boxImg[index]){boxImg[index]=addElement('img',{'class':'brand_image','src':item.image,'styles':{'left':left+'px'}});brandSlide.appendChild(boxImg[index]);}
if(!box[index]){box[index]=addElement('div',{'class':'brand_box','styles':{'opacity':0}});var color=(item.color)?item.color:'000000';var boxTitle=addElement('div',{'styles':{'fontSize':'19px','color':'#'+color,'padding':'10px 10px 0 10px'}});addTextNode(boxTitle,item.title);var boxText=addElement('div',{'styles':{'padding':'10px'}});addTextNode(boxText,item.text);box[index].appendChild(boxTitle);box[index].appendChild(boxText);brandText.appendChild(box[index]);}})}
