

<%
set rs=server.CreateObject("adodb.recordset")
rs.open "select * from ad",conn,1,1
top=trim(rs("top"))
topurl=trim(rs("topurl"))
toptxt=trim(rs("toptxt"))
top1=trim(rs("top1"))
top1url=trim(rs("top1url"))
top1txt=trim(rs("top1txt"))
top2=trim(rs("top2"))
top2url=trim(rs("top2url"))
top2txt=trim(rs("top2txt"))
top3=trim(rs("top3"))
top3url=trim(rs("top3url"))
top3txt=trim(rs("top3txt"))
top4=trim(rs("top4"))
top4url=trim(rs("top4url"))
top4txt=trim(rs("top4txt"))
top5=trim(rs("top5"))
top5url=trim(rs("top5url"))
top5txt=trim(rs("top5txt"))


rs.close
set rs=nothing

%>

<style type="text/css">
body{padding:0px;background:#fff;margin:0px auto;font:12px 'ËÎÌå';color:#333;text-align:center;}
div{border-top-width:0px;padding-right:0px;padding-left:0px;border-left-width:0px;border-bottom-width:0px;padding-bottom:0px;margin:0px;padding-top:0px;border-right-width:0px;}
img{border-top-width:0px;padding-right:0px;padding-left:0px;border-left-width:0px;border-bottom-width:0px;padding-bottom:0px;margin:0px;padding-top:0px;border-right-width:0px;}
#focus{width:590px;position:relative;height:190px;}
#au{filter:progid:dximagetransform.microsoft.fade (duration=0.5,overlap=1.0);width:590px;height:190px;}
#no{border-top:#725f4a 1px solid;margin-top:0px;background:#000;filter:alpha(opacity=40);left:-2px;width:590px;line-height:24px;position:absolute;top:192px;height:66px;text-align:center;-moz-opacity:0.4;opacity:0.4;}
#conau{margin-top:0px;font-weight:normal;font-size:18px;left:7px;width:528px;color:#fff;font-family:georgia,"times new roman",times,serif;position:absolute;top:199px;height:47px;text-align:left;}
#conau a{color:#fff;}
#conau a:hover{color:#fff;}
.lunbo{right:3px;width:138px;position:absolute;top:168px;height:21px;}
.lunbo table{height:21px;}
.lunbo td{font-weight:bold;color:#000;line-height:12px;}
.lunbo .bg{ padding:0px;background-image:url(images/pic_2.gif);width:18px;line-height:21px;height:21px;text-align:center;color:#030100;}
.lunbo .active{ padding:0px;background-image:url(images/pic_1.gif);width:18px;line-height:21px;height:21px;text-align:center;color:#a8471c;}
</style>

<div id="focus">
 <div id="au">
  <div style="display:block;"><a href="<%=top1url%>" target="_blank"><img src="<%=top1%>" width="590" height="190"></a></div>
  <div style="display:none;"><a href="<%=top2url%>" target="_blank"><img src="<%=top2%>" width="590" height="190"></a></div>
  <div style="display:none;"><a href="<%=top3url%>" target="_blank"><img src="<%=top3%>" width="590" height="190"></a></div>
  <div style="display:none;"><a href="<%=top4url%>" target="_blank"><img src="<%=top4%>" width="590" height="190"></a></div>
  <div style="display:none;"><a href="<%=top5url%>" target="_blank"><img src="<%=top5%>" width="590" height="190"></a></div>

  <div id="no" style="display:none;"></div>
  <div class="lunbo">
   <table border="0" cellPadding="0" cellSpacing="0" align="right">
    <tr>
     <td class="active" id="t0" onmouseover="Mea(0);clearAuto();" onmouseout="setAuto();">1</td>
     <td width="6"></td>
     <td class="bg" id="t1" onmouseover="Mea(1);clearAuto();" onmouseout="setAuto();">2</td>
     <td width="6"></td>
     <td class="bg" id="t2" onmouseover="Mea(2);clearAuto();" onmouseout="setAuto();">3</td>
     <td width="6"></td>
     <td class="bg" id="t3" onmouseover="Mea(3);clearAuto();" onmouseout="setAuto();">4</td>
     <td width="6"></td>
     <td class="bg" id="t4" onmouseover="Mea(4);clearAuto();" onmouseout="setAuto();">5</td>
   
    </tr>
   </table>
  </div>
  <div id="conau">
  <div> </div>
  <div style="display:none;"></div>
  <div style="display:none;"></div>
  <div style="display:none;"></div>
  <div style="display:none;"></div>
  <div style="display:none;"></div>
 </div>
</div>
<script type="text/javascript"> 
var n=0;
function Mea(value){
 n=value;
 setBg(value);
 plays(value);
 conaus(n);
}
function setBg(value){
 for(var i=0;i<5;i++)
 document.getElementById("t"+i+"").className="bg";
 document.getElementById("t"+value+"").className="active";
} 
function plays(value){
 try{
  with (au){
   filters[0].Apply();
   for(i=0;i<5;i++)i==value?children[i].style.display="block":children[i].style.display="none"; 
   filters[0].play();   
  }
 }
 catch(e){
  var d = document.getElementById("au").getElementsByTagName("div");
  for(i=0;i<5;i++)i==value?d[i].style.display="block":d[i].style.display="none"; 
 }
}
function conaus(value){
 try{
  with (conau){
   for(i=0;i<5;i++)i==value?children[i].style.display="block":children[i].style.display="none"; 
  }
 }
 catch(e){
  var d = document.getElementById("conau").getElementsByTagName("div");
  for(i=0;i<5;i++)i==value?d[i].style.display="block":d[i].style.display="none"; 
 }
}
function clearAuto(){clearInterval(autoStart)}
function setAuto(){autoStart=setInterval("auto(n)", 4000)}
function auto(){
 n++;
 if(n>4)n=0;
 Mea(n);
 conaus(n);
} 
setAuto(); 
</script>





