﻿function FLASHimg_getid(obj)//取对应id的元素
		  {
			return document.getElementById(obj);
		  }

	function FLASHimg_getNames(obj,name,tij)//取obj元素下标签为tij的元素并要求满足name属性=name;返回一个数组
	{	
		var p = FLASHimg_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 FLASHimg_ri(obj)//取得对应的小图列表中当前元素对应的序号
	{
		var p = FLASHimg_getid("FLASHimg_simg").getElementsByTagName("li");
		for(i=0;i<p.length;i++)
		{
			if(obj == p[i])
			{
				return i;
			}
		}
	}

	function FLASHimg_ci(obj)//小图选择框的处理函数
	{
		var p = FLASHimg_getid("FLASHimg_simg").getElementsByTagName("li");
		for(i=0;i<p.length;i++)
		{
			if(obj ==p[i])
			{
				p[i].style.background = "red";
			}
			else
			{
				p[i].style.background = "";
			}
		}
	}
	function FLASHimg_fiterplay(obj,num,t,name)//类似页卡的函数.设置对应内容的隐藏和显示 obj:元素的id  name:元素对应的name属性的值, t:对应内容的标签 num:当前选择的元素的序号
	{
		var fitlist = FLASHimg_getNames(obj,name,t);
		for(i=0;i<fitlist.length;i++)
		{

			if(i == num)
			{
				fitlist[i].style.display = "block";
			}
			else
			{
				fitlist[i].style.display = "none";
			}
		}
	}
		  
		  	
	function FLASHimg_play(obj,n1,n2)//播放的函数
	{
		var p = obj.parentNode.getElementsByTagName("li");
		var FLASHimg_bimg = FLASHimg_getid(n1);
		var FLASHimg_infos = FLASHimg_getid(n2);
		var num = FLASHimg_ri(obj);
		try	//ie下的处理部分
		{
			with(FLASHimg_bimg)
			{
				filters[0].Apply();	//接收滤镜
				FLASHimg_ci(obj); //变幻小图的选择.可以放在try以外.
				FLASHimg_fiterplay(n1,num,"div","FLASHimg_f");//设置滤镜中对应部分的显示和隐藏
				filters[0].play();	//播放滤镜
				//alert(p[0].innerHTML)
			}
		with(FLASHimg_infos)
			{
				filters[0].Apply();	//接收滤镜
				FLASHimg_ci(obj); //变幻小图的选择.可以放在try以外.
				FLASHimg_fiterplay(n2,num,"div","FLASHimg_f");//设置滤镜中对应部分的显示和隐藏
				filters[0].play();	//播放滤镜
			}
		}
		catch(e)//ff下的处理部分
		{
				FLASHimg_ci(obj);
				FLASHimg_fiterplay(n1,num,"div","FLASHimg_f");
				FLASHimg_fiterplay(n2,num,"div","FLASHimg_f");
		}
	}
var FLASHimg_num=0;
function FLASHimg_clearAuto() {clearInterval(autoStart);};
function FLASHimg_setAuto(){autoStart=setInterval("FLASHimg_auto()", 4000)}
function FLASHimg_auto()
{
	var x = FLASHimg_getid("FLASHimg_simg").getElementsByTagName("li");
	FLASHimg_num++;
	if(FLASHimg_num>x.length-1)FLASHimg_num=0;
	FLASHimg_play(x[FLASHimg_num],"FLASHimg_bimg","FLASHimg_infos");

} 

function FLASHimg_set(obj,width,height,data)
{
str_1 = "<UL id=FLASHimg_simg style=\"WIDTH: "+width+"px; FILTER: alpha(opacity=80); MARGIN: "+(height+5)+"px 0px 0px 5px;  POSITION: absolute; moz-opacity: 0.8; opacity: 0.8\">";
str_2 = "<DIV id=FLASHimg_bimg style=\"WIDTH: "+width+"px;  HEIGHT: "+height+"px;FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );\">";
str_3 = "<DIV id=FLASHimg_infos style=\"WIDTH:"+width+"px; background-color: #000000;FILTER: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 ); HEIGHT: 22px; TEXT-ALIGN: right\">";

for(s=0;s<data.length;s++){
	temp = data[s].split("|");
	if(s==0){
		str_1 = str_1 + "<li  style=\"border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; FONT-SIZE: 10px;WIDTH: 16px; COLOR: #FFFFFF; LINE-HEIGHT: 11px; FONT-FAMILY: Arial; TEXT-ALIGN: center; float:left;CURSOR: pointer;BACKGROUND: red\" onmouseover=\"FLASHimg_play(this,'FLASHimg_bimg','FLASHimg_infos');FLASHimg_clearAuto();\" onmouseout=FLASHimg_setAuto()>"+(s+1)+"</li>";
		str_2 = str_2 + "<DIV name=FLASHimg_f style=\"display: block;\"><A href="+temp[0]+" target=_blank><IMG width="+width+" height="+height+" src="+temp[1]+" border=0></A></DIV>";
		str_3 = str_3 + "<DIV name=FLASHimg_f style=\"display: block;MARGIN-RIGHT: 5px; PADDING-TOP: 3px\"><A href="+temp[0]+" target=_blank><span style=\"font-size: 12px; color:#ffffff;TEXT-DECORATION: none\">"+temp[2]+"</span></A></DIV>";
	}
	else{
		str_1 = str_1 + "<li style=\"border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; FONT-SIZE: 10px;WIDTH: 16px; COLOR: #FFFFFF; LINE-HEIGHT: 11px; FONT-FAMILY: Arial; TEXT-ALIGN: center; float:left;CURSOR: pointer\" onmouseover=\"FLASHimg_play(this,'FLASHimg_bimg','FLASHimg_infos');FLASHimg_clearAuto();\" onmouseout=FLASHimg_setAuto()>"+(s+1)+"</li>";
		str_2 = str_2 + "<DIV name=FLASHimg_f style=\"display: none;\"><A href="+temp[0]+" target=_blank><IMG width="+width+" height="+height+" src="+temp[1]+" border=0></A></DIV>";
		str_3 = str_3 + "<DIV name=FLASHimg_f style=\"display: none;MARGIN-RIGHT: 5px; PADDING-TOP: 3px\"><A href="+temp[0]+" target=_blank><span style=\"font-size: 12px; color:#ffffff;TEXT-DECORATION: none\">"+temp[2]+"</span></A></DIV>";
	}		
}

str_1 = str_1 + "</ul>";
str_2 = str_2 + "</div>";
str_3 = str_3 + "</div>";

obj.innerHTML = str_1+str_2+str_3;
FLASHimg_setAuto()
}

