/* utf-8 */
/**
 * Action: 图片幻灯片播放效果,有图片链接和图片标记卡。
 * Auth : zhangxiaosheng@zwcad.com
 */
 
//传入的参数：elem: banner 要放置的控件内的ID, picarr：图片数组, width height图片的宽高
function showPicFlash(elem_id, picarr, width, height)
{
var loading_pic = "http://www.zwsoft.com/statics/images/zwimages/pic/loading.gif";

var css = '';
css += '.topflash {float: left; width:'+width+'px; height:'+height+'px; overflow: hidden; background:url('+ loading_pic +') center center no-repeat; }';
css += '.topflash .d1{width:'+width+'px; height:'+height+'px; overflow: hidden; background-color: #fff; position: relative; }';
css += '.topflash ul {display: none; }';
css += '.topflash .button { position: absolute; z-index: 1000; right: 5px; bottom: 4px; font-size: 12px; font-weight: bold; }';
css += '.topflash .b1, .b2 { background-color: #e8ecf0; display: block; float: left; padding: 3px 5px; margin-right: 3px; color: #203846; text-decoration: none; cursor: pointer;}';
css += '.topflash .b2 { color: #fff; background-color: #657a8b; }';



var sty= document.createElement("style");
sty.type = "text/css";
try{//IE
	sty.styleSheet.cssText = css;
}catch(e){//FF Chrome
	sty.appendChild(document.createTextNode(css));
}
document.getElementsByTagName("head")[0].appendChild(sty);

var div = '';
div += '<div class="picflash">';
div += '<div class="topflash">';
div += '<div id="fade_focus" class="d1">';
div += '<ul>';
//console.log(picarr);
for(var i=0; i<picarr.length; i++){
	if(typeof(picarr[i])=="undefined") continue;
	div += '<li>';
	div += '<a href="'+ picarr[i][1] +'" target="_blank">';
	div += '<img src="'+ picarr[i][0] +'" border="0" width="'+width+'" height="'+height+'">';
	div += '</a>';
	div += '</li>';
}

div += '</ul>';
div += '<div class="button">';
for(i=0; i<picarr.length; i++){
	div += '<a class="b1">'+ (i+1) +'</a>';
}
div += '</div>';
div += '</div>';
div += '</div>';
div += '</div>';

document.getElementById(elem_id).innerHTML = div;
s();
}

//------------------------------------------------------------------ 
var s=function(){
	var interv=5000; 			//切换间隔时间
	var interv2=5; 				//切换速速
	var opac1=70; 				//文字背景的透明度
	var source="fade_focus"; 	//焦点轮换图片容器的id名称
	//获取对象
	function getTag(tag,obj){if(obj==null){return document.getElementsByTagName(tag)}else{return obj.getElementsByTagName(tag)}}
	function getid(id){return document.getElementById(id)};
	var opac=0,j=0,t=63,num,scton=0,timer,timer2,timer3;var id=getid(source);id.removeChild(getTag("div",id)[0]);var li=getTag("li",id);var div=document.createElement("div");var title=document.createElement("div");var span=document.createElement("span");var button=document.createElement("div");button.className="button";
	for(var i=0;i<li.length;i++){var a=document.createElement("a");a.innerHTML=i+1;a.onclick=function(){clearTimeout(timer);clearTimeout(timer2);clearTimeout(timer3);j=parseInt(this.innerHTML)-1;scton=0;t=63;opac=0;fadeon();};a.className="b1";a.onmouseover=function(){this.className="b2"};a.onmouseout=function(){this.className="b1";sc(j)};button.appendChild(a);}
	//控制图层透明度
	function alpha(obj,n){if(document.all){obj.style.filter="alpha(opacity="+n+")";}else{obj.style.opacity=(n/100);}}
	//控制焦点按钮
	function sc(n){for(var i=0;i<li.length;i++){button.childNodes[i].className="b1"};button.childNodes[n].className="b2";}
	title.className="num_list";title.appendChild(span);alpha(title,opac1);id.className="d1";div.className="d2";id.appendChild(div);id.appendChild(title);id.appendChild(button);
	//渐显
	var fadeon=function(){opac+=5;div.innerHTML=li[j].innerHTML;span.innerHTML=getTag("img",li[j])[0].alt;alpha(div,opac);if(scton==0){sc(j);num=-2;scrolltxt();scton=1};if(opac<100){timer=setTimeout(fadeon,interv2)}else{timer2=setTimeout(fadeout,interv);};}
	//渐隐
	var fadeout=function(){opac-=5;div.innerHTML=li[j].innerHTML;alpha(div,opac);if(scton==0){num=2;scrolltxt();scton=1};if(opac>0){timer=setTimeout(fadeout,interv2)}else{if(j<li.length-1){j++}else{j=0};fadeon()};}
	//滚动文字
	var scrolltxt=function(){t+=num;span.style.marginTop=t+"px";if(num<0&&t>3){timer3=setTimeout(scrolltxt,interv2)}else if(num>0&&t<62){timer3=setTimeout(scrolltxt,interv2)}else{scton=0}};
	fadeon();
}
//初始化
//window.onload=s;