var widths=962;                 
var heights=375;                 
var counts=3;

img1=new Image ();img1.src='../images/change1.jpg';
img2=new Image ();img2.src='../images/change2.jpg';
img3=new Image ();img3.src='../images/change3.jpg';

url1=new Image ();url1.src='#';
url2=new Image ();url2.src='#';
url3=new Image ();url3.src='#';

var nn=1;   
var key=0;   
function change_img()   
{if(key==0){key=1;}   
else{ $("#pic").animate({width:"100%",height:"100%"},8000);}   
//{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}   
document.getElementById("pic").src="../Images/change"+nn+".jpg";   
document.getElementById("url").href="#";   
for (var i=1;i<=counts;i++){document.getElementById("danghang"+i).className='ss';}   
document.getElementById("danghang"+nn).className='bss';   
nn++;if(nn>counts){nn=1;}   
tt=setTimeout('change_img()',8000);}
   
function changeimg(n){nn=n;window.clearInterval(tt);change_img();}   
document.write('<style>');   
document.write('.ss{padding:1px 7px;border:#cccccc 1px solid;margin:4px;filter:Alpha(Opacity=50);Opacity:0.5;}');   
document.write('a.ss:link,a.ss:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;filter:Alpha(Opacity=50);Opacity:0.5;}');   
document.write('a.ss:active,a.ss:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#ffffff;filter:Alpha(Opacity=50);Opacity:0.5;}');   
document.write('.bss{padding:1px 7px;border:#cccccc 1px solid;margin:4px;}');   
document.write('a.bss:link,a.bss:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#000000;}');   
document.write('a.bss:active,a.bss:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#000000;}');   
document.write('</style>');   
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');   
document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');   
document.write('<div style="width:100%-2px;text-align:right;top:-24px;position:relative;margin-right:12px;height:12px;padding:0px;">');   
for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="danghang'+i+'" class="ss" target="_self">'+i+'</a>');}   
document.write('</div></div>');   
change_img();