function getid(obj)//取对应id的元素
{
return document.getElementById(obj);
}

function getNames(obj,name,tij)//取obj元素下标签为tij的元素并要求满足name属性=name;返回一个数组
{	
var p = getid(obj);
var plist = p.getElementsByTagName(tij);
var rlist = new Array();
for(i=0;i<plist.length;i++)
{
if(plist[i].getAttribute("name") == name)
{
rlist[rlist.length] = plist[i];
}
}
return rlist;
}

function ri(obj)//取得对应的小图列表中当前元素对应的序号
{
var p = getid("simg").getElementsByTagName("td");
for(i=0;i<p.length;i++)
{
if(obj == p[i])
{
return i;
}
}
}

function ci(obj)//小图选择框的处理函数
{
var p = getid("simg").getElementsByTagName("td");
for(i=0;i<p.length;i++)
{
if(obj ==p[i])
{
p[i].className = "s";
}
else
{
p[i].className = "";
}
}
}
function fiterplay(obj,num,t,name)//类似页卡的函数.设置对应内容的隐藏和显示 obj:元素的id  name:元素对应的name属性的值, t:对应内容的标签 num:当前选择的元素的序号
{
var fitlist = getNames(obj,name,t);
for(i=0;i<fitlist.length;i++)
{

if(i == num)
{
fitlist[i].className = "dis";
}
else
{
fitlist[i].className = "undis";
}
}
}


function play(obj,n1,n2)//播放的函数
{
var p = obj.parentNode.getElementsByTagName("td");
var bimg = getid(n1);
var infos = getid(n2);
var num = ri(obj);
try	//ie下的处理部分
{
with(bimg)
{
filters[0].Apply();	//接收滤镜
ci(obj); //变幻小图的选择.可以放在try以外.
fiterplay(n1,num,"div","f");//设置滤镜中对应部分的显示和隐藏
filters[0].play();	//播放滤镜
//alert(p[0].innerHTML)
}
with(infos)
{
filters[0].Apply();	//接收滤镜
ci(obj); //变幻小图的选择.可以放在try以外.
fiterplay(n2,num,"div","f");//设置滤镜中对应部分的显示和隐藏
filters[0].play();	//播放滤镜
}
}
catch(e)//ff下的处理部分
{
ci(obj);
fiterplay(n1,num,"div","f");
fiterplay(n2,num,"div","f");
}
}
var n=0;
function clearAuto() {clearInterval(autoStart);};
function setAuto(){autoStart=setInterval("auto(n)", 4000)}
function auto()
{
var x = getid("simg").getElementsByTagName("td");
n++;
if(n>x.length-1)n=0;
play(x[n],"bimg","infos");
} 

setAuto();


document.writeln("<style type=\"text/css\">");
document.writeln("<!--");
document.writeln("#simg TD {");
document.writeln("FONT-SIZE: 10px; BACKGROUND: url(images/fcnbg.gif) no-repeat; WIDTH: 16px; COLOR: #fff; LINE-HEIGHT: 11px; FONT-FAMILY: Arial; TEXT-ALIGN: center");
document.writeln("}");
document.writeln("#simg {");
document.writeln("BORDER-RIGHT: #3e3e3e 1px solid; BORDER-TOP: #3e3e3e 1px solid; FILTER: alpha(opacity=80); MARGIN: 212px 0px 0px 220px; BORDER-LEFT: #3e3e3e 1px solid; WIDTH: 82px; BORDER-BOTTOM: #3e3e3e 1px solid; POSITION: absolute; moz-opacity: 0.8; opacity: 0.8");
document.writeln("}");
document.writeln("#simg .s {");
document.writeln("BACKGROUND: red");
document.writeln("}");
document.writeln("#simg .s IMG {");
document.writeln("FILTER: #5F6E7C");
document.writeln("}");
document.writeln("#simg TD {");
document.writeln("CURSOR: pointer");
document.writeln("}");
document.writeln("");
document.writeln("#bimg {");
document.writeln("FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); WIDTH: 930px; HEIGHT: 187px");
document.writeln("}");
document.writeln("#infos {");
document.writeln("display:none;FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); WIDTH: 930px; HEIGHT: 187px; TEXT-ALIGN: right");
document.writeln("}");
document.writeln("#infos DIV {");
document.writeln("FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff; MARGIN-RIGHT: 21px; PADDING-TOP: 5px");
document.writeln("}");
document.writeln("");
document.writeln(".dis {");
document.writeln("DISPLAY: block");
document.writeln("}");
document.writeln(".undis {");
document.writeln("DISPLAY: none; LINE-HEIGHT: 0px; HEIGHT: 0px");
document.writeln("}");
document.writeln("");
document.writeln("");
document.writeln(".linkww TD {");
document.writeln("COLOR: #ffffff; TEXT-DECORATION: none");
document.writeln("}");
document.writeln(".linkww A {");
document.writeln("COLOR: #ffffff; TEXT-DECORATION: none");
document.writeln("}");
document.writeln(".linkww A:hover {");
document.writeln("TEXT-DECORATION: underline");
document.writeln("}");
document.writeln("-->");
document.writeln("</style>");