﻿var imgWidth=300;              //图片宽
var imgHeight=180;             //图片高
var textFromHeight=28;         //焦点字框高度 (单位为px)
var textStyle="texttitle";           //焦点字class style (不是连接class)
var textLinkStyle="texttitle"; //焦点字连接class style
var buttonLineOn="#f60";           //button下划线on的颜色
var buttonLineOff="#000";          //button下划线off的颜色
var TimeOut=3800;              //每张图切换时间 (单位毫秒);
//var imgUrl=new Array(); 
//var imgLink=new Array();
//var imgtext=new Array();
//var imgAlt=new Array();
var adNum=0;
var theTimer=0;
//焦点字框高度样式表 开始
document.write('<style type="text/css">');
document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}');
document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}');
document.write('#imgTitle{width:'+imgWidth+'px;top:-'+(textFromHeight+28)+'px;height:30px}');
document.write('</style>');
document.write('<div id="focuseFrom">');
//焦点字框高度样式表 结束
//imgUrl[1]='http://gzly.csddt.com/images/51.jpg';
//imgtext[1]='<a href="http://www.csddt.com/" target="_blank" class=linkblack>2010五一玩转广州公园</a>';
//imgLink[1]='http://gzly.csddt.com/51/';
//imgAlt[1]='2010五一玩转广州公园';

//imgUrl[2]='http://gzly.csddt.com/images/50.jpg';
//imgtext[2]='<a href="http://www.csddt.com/" target="_blank" class=linkblack>广东祈福哪里最灵？</a>';
//imgLink[2]='http://gzly.csddt.com/Special.aspx?special=16';
//imgAlt[2]='广东祈福哪里最灵？';

//imgUrl[3]='http://gzly.csddt.com/images/3.jpg';
//imgtext[3]='<a href="http://www.csddt.com/" target="_blank" class=linkblack>海南旅游好风光</a>';
//imgLink[3]='http://gzly.csddt.com/Article_Detail.aspx?articleId=4341';
//imgAlt[3]='海南旅游好风光';

//imgUrl[4]='http://gzly.csddt.com/images/4.jpg';
//imgtext[4]='<a href="http://www.csddt.com/" target="_blank" class=linkblack>春暖花开美在百万葵园</a>';
//imgLink[4]='http://gzly.csddt.com/Article_Detail.aspx?articleId=78281';
//imgAlt[4]='春暖花开美在百万葵园';

//imgUrl[5]='http://gzly.csddt.com/images/5.jpg';
//imgtext[5]='<a href="http://www.csddt.com/" target="_blank" class=linkblack>木棉花的春天</a>';
//imgLink[5]='http://gzly.csddt.com/Article_Detail.aspx?articleId=78280';
//imgAlt[5]='木棉花的春天';


function changeimg(n)
{
adNum=n;
window.clearInterval(theTimer);
adNum=adNum-1;
nextAd();
}
function goUrl(){
window.open(imgLink[adNum],'_blank');
}
//NetScape开始
if (navigator.appName == "Netscape")
{
var count=0;
for (i=1;i<imgUrl.length;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) {
count++;
} else {
break;
}
}
document.write('<style type="text/css">');
document.write('.buttonDiv{height:4px;width:21px;}');
document.write('</style>');
function nextAd(){
if(adNum<(imgUrl.length-1))adNum++;
else adNum=1;
theTimer=setTimeout("nextAd()", TimeOut);
document.images.imgInit.src=imgUrl[adNum];
document.images.imgInit.alt=imgAlt[adNum];	
document.getElementById('focustext').innerHTML=imgtext[adNum];
document.getElementById('imgLink').href=imgLink[adNum];
document.getElementById('link'+adNum).style.background=buttonLineOn;
for (var i=1;i<=count;i++)
{
if (i!=adNum){
	document.getElementById('link'+i).style.background=buttonLineOff;
}
}
}
document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src="'+imgUrl[1]+'" name="imgInit" width='+imgWidth+' height='+imgHeight+' border=1 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id="focustext" class="'+textStyle+'">'+imgtext[1]+'</span></div>')
document.write('<div id="imgTitle">');
document.write('<div id="imgTitle_down">');
//数字按钮代码开始
for(var i=1;i<imgUrl.length;i++){document.write('<a href="javascript:changeimg('+i+')" id="link'+i+'" class="button" style="cursor:pointer" title="'+imgAlt[i]+'">'+i+'</a>');}
//数字按钮代码结束
document.write('</div>');
document.write('</div>');
document.write('</div>');
nextAd();
}
//NetScape结束
//IE开始
else
{
var count=0;
for (i=1;i<imgUrl.length;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) {
count++;
} else {
break;

}
}
function playTran(){
if (document.all)
document.images.imgInit.filters.revealTrans.play();		
}
var key=0;
function nextAd(){
if(adNum<count)adNum++ ;
else adNum=1;
if( key==0 ){
key=1;
} else if (document.all){
document.images.imgInit.filters.revealTrans.Transition=23;
document.images.imgInit.filters.revealTrans.apply();
playTran();
}
document.images.imgInit.src=imgUrl[adNum];
document.images.imgInit.alt=imgAlt[adNum];	
document.getElementById('link'+adNum).style.background=buttonLineOn;
for (var i=1;i<=count;i++)
{
if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;}
}	
focustext.innerHTML=imgtext[adNum];
theTimer=setTimeout("nextAd()", TimeOut);
}
document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=1,transition=5);" src="'+imgUrl[1]+'" width='+imgWidth+' height='+imgHeight+' border=0 vspace="0" name=imgInit class="imgClass"></a>');
document.write('<div id="txtFrom"><span id="focustext" class="'+textStyle+'"></span></div>');
document.write('<div id="imgTitle">');
document.write(' <div id="imgTitle_down"> <a class="trans"></a>');
//数字按钮代码开始
for(var i=1;i<imgUrl.length;i++){document.write('<a id="link'+i+'"  href="javascript:changeimg('+i+')" class="button" style="cursor:pointer" title="'+imgAlt[i]+'" onFocus="this.blur()">'+i+'</a>');}
//数字按钮代码结束
document.write('</div>');
document.write('</div>');
document.write('</div>');
nextAd();
}
