
var marqueeContent=new Array();   //滚动主题


var marqueeInterval=new Array();  //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=60;

function initMarquee() {
	var line1 = '<div style="margin-top:12px;">';
	line1 = line1 + '<a href="http://www.8e86.com/shop.jsp?shop=10000005" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo1-1.jpg" width="70" height="40"></a>';
	line1 = line1 + '<a href="http://www.8e86.com/shop.jsp?shop=10000013" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo1-2.jpg" width="70" height="40"></a>';
	line1 = line1 + '<a href="http://www.8e86.com/shop.jsp?shop=10000009" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo1-3.jpg" width="70" height="40"></a>';
	line1 = line1 + '<a href="http://www.8e86.com/shop.jsp?shop=10000001" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo1-4.jpg" width="70" height="40"></a>';
	line1 = line1 + '<a style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo1-5.jpg" width="70" height="40"></a>';
	line1 = line1 + '<a href="http://www.8e86.com/shop.jsp?shop=10000012" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo1-6.jpg" width="70" height="40"></a>';
	line1 = line1 + '<a href="http://www.8e86.com/shop.jsp?shop=10000013" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo1-7.jpg" width="70" height="40"></a>';
	line1 = line1 + '<a href="http://www.8e86.com/shop.jsp?shop=10000001" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo1-8.jpg" width="70" height="40"></a>';
	line1 = line1 + '<a href="http://www.8e86.com/shop.jsp?shop=10000004" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo1-9.jpg" width="70" height="40"></a>';
	line1 = line1 + '</div>';

	var line2 = '<div style="margin-top:12px;">';
	line2 = line2 + '<a href="http://www.8e86.com/shop.jsp?shop=10000004" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo2-1.jpg" width="70" height="40"></a>';
	line2 = line2 + '<a href="http://www.8e86.com/shop.jsp?shop=10000006" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo2-2.jpg" width="70" height="40"></a>';
	line2 = line2 + '<a href="http://www.8e86.com/shop.jsp?shop=10000010" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo2-3.jpg" width="70" height="40"></a>';
	line2 = line2 + '<a href="http://www.8e86.com/shop.jsp?shop=10000002" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo2-4.jpg" width="70" height="40"></a>';
	line2 = line2 + '<a  style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo2-5.jpg" width="70" height="40"></a>';
	line2 = line2 + '<a href="http://www.8e86.com/shop.jsp?shop=10000002" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo2-6.jpg" width="70" height="40"></a>';
	line2 = line2 + '<a href="http://www.8e86.com/shop.jsp?shop=10000001" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo2-7.jpg" width="70" height="40"></a>';
	line2 = line2 + '<a  style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo2-8.jpg" width="70" height="40"></a>';
	line2 = line2 + '<a href="http://www.8e86.com/shop.jsp?shop=10000012" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/logo2-9.jpg" width="70" height="40"></a>';
	line2 = line2 + '</div>';
	
	var line3 = '<div align="center" style="margin-top:12px;">';
	line3 = line3 + '<a href="" style="margin-left:15px;" target="_blank"><img src="8e86emporia/img/emporia_logo/ad.jpg" width="750" height="40" align="center"></a>';
	line3 = line3 + '</div>';
	
	marqueeContent[0]=line1;
	marqueeContent[1]=line2;
	marqueeContent[2]=line3;
	
	var str=marqueeContent[0];
	var channelSale = document.getElementById("channelSale");
	channelSale.innerHTML = '<div id=marqueeBox style="padding-top:12px;padding-bottom:5px;overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)">'+str+'</div>';
	marqueeId++;
	marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
 
function startMarquee() {
	var str=marqueeContent[marqueeId];
	marqueeId++;
	if(marqueeId>=marqueeContent.length) marqueeId=0;
	if(marqueeBox.childNodes.length==1) {
		var nextLine=document.createElement('DIV');
		nextLine.innerHTML=str;
		marqueeBox.appendChild(nextLine);
	}else {
	marqueeBox.childNodes[0].innerHTML=str;
	marqueeBox.appendChild(marqueeBox.childNodes[0]);
	marqueeBox.scrollTop=0;
	}
	clearInterval(marqueeInterval[1]);
	marqueeInterval[1]=setInterval("scrollMarquee()",10);
}
 
function scrollMarquee() {
 marqueeBox.scrollTop++;
 if(marqueeBox.scrollTop%marqueeHeight==marqueeHeight){
  clearInterval(marqueeInterval[1]);
  }
 }