﻿// JavaScript Document
document.write("<scri"+"pt src='js/jquery.min.js'></scr"+"ipt>"); //引用jQuery文件

function showBanner(sid,fname,BannerPic,BannerTitle,BannerLink,sw,sh,number,title,timeout,style) //格式化BANNER
{
	var spic=new Array();
	var stitle=new Array();
	var surl=new Array();
	document.write("<style>");
	document.write("#dm_"+sid+" {width:"+sw+"px;height:"+sh+"px;position:relative;overflow:hidden;}");
	document.write("#dm_"+sid+" #dm_"+sid+"_btn {}");
	document.write("#dm_"+sid+" #dm_"+sid+"_link {position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:3;display:block;}");
	document.write("#dm_"+sid+" #dm_"+sid+"_num {position:absolute;bottom:0px;width:100%;height:28px;z-index:4;}");
	document.write("#dm_"+sid+" #dm_"+sid+"_num div {width:100%;height:28px;}");
	if(title) document.write("#dm_"+sid+" #dm_"+sid+"_num div {background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=60);background:#000;}");		
	document.write("#dm_"+sid+" #dm_"+sid+"_num span {float:left;display:block;line-height:28px;font-size:12px;font-weight:bold;color:#fff;padding-left:12px;position:relative;}");
	document.write("#dm_"+sid+" #dm_"+sid+"_num ul {padding:0px;margin:0px;list-style:none;float:right;position:relative;}");
	document.write("#dm_"+sid+" #dm_"+sid+"_num ul li {padding:0px;margin:0px;float:left;margin-right:5px;}");
	document.write("#dm_"+sid+" #dm_"+sid+"_num ul li a {display:block;width:13px;height:13px;line-height:13px;text-align:center;border:1px solid #999;font-size:12px;color:#fff;text-decoration:none;font-family:Arial;margin-top:7px;background-color:#666;}");
	document.write("#dm_"+sid+" #dm_"+sid+"_num ul li a:hover {background-color:#f60;}");
	document.write("#dm_"+sid+" #dm_"+sid+"_num ul li a.on {background-color:#f60;}");
	document.write("#dm_"+sid+" #dm_"+sid+"_num ul li a.on:hover {background-color:#f60;}");
	document.write("#dm_"+sid+" p {padding:0px;margin:0px;width:"+sw+"px;height:"+sh+"px;position:absolute;top:0px;left:0px;}");
	document.write("</style>");
	document.write("<div id=\"dm_"+sid+"\">"); //BANNER主场景
	document.write("<p style=\"z-index:1\"></p><p style=\"z-index:2\"></p>");
	document.write("<a href=\"#\" id=\"dm_"+sid+"_link\" target=\"_blank\"></a>"); //BANNER链接
	document.write("<div id=\"dm_"+sid+"_btn\"></div>"); //BANNER切换按钮
	document.write("<div id=\"dm_"+sid+"_num\"><div><span>文字标题</span><ul></ul></div></div>"); //BANNER序号及标题栏框架
	document.write("</div>");
	//写入BANNER基本框架
		
	if(!title)$("#dm_"+sid+"_num span").hide();
	if(!number)$("#dm_"+sid+"_num ul").hide();
	
	if(fname!=null) {
		$.ajax({ //读取XML文件信息，并生成BANNER效果
		  url: fname, // 关联的XML文件
		  dataType:"xml",
		  success: function(ad_xml){ //生成BANNER具体数据
			for(i=0;i<$(ad_xml).find("src").length;i++) {
				spic[i]=$(ad_xml).find("src").eq(i).text();
				stitle[i]=$(ad_xml).find("title").eq(i).text();
				surl[i]=$(ad_xml).find("link").eq(i).text();				
			}
			formatBanner(sid,spic,stitle,surl,sw,sh,timeout,style);
		  }
		});
	} else {
		spic=BannerPic.split("|");
		stitle=BannerTitle.split("|");
		surl=BannerLink.split("|");
		formatBanner(sid,spic,stitle,surl,sw,sh,timeout,style);
	}
}
function formatBanner(sid,spic,stitle,surl,sw,sh,timeout,style) {
	if(spic[0].split(".")[1]=="swf") {
		$("#dm_"+sid+" p").eq(1).html("<embed src='"+spic[0]+"' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='"+sw+"' height='"+sh+"' wmode='transparent'></embed>");
	} else {
		$("#dm_"+sid+" p").eq(1).html("<img src=\""+spic[0]+"\" width=\""+sw+"\" height=\""+sh+"\"  border=\"0\" title=\""+stitle[0]+"\" />");
	}
	$("#dm_"+sid+"_link").attr("href",surl[0]);
			
	$("#dm_"+sid+"_num span").html(stitle[0]);

	if(spic.length>1) {
		for(i=0;i<spic.length;i++) {
			var myFormBtn=document.createElement('li');
			document.getElementById("dm_"+sid+"_num").getElementsByTagName("ul")[0].appendChild(myFormBtn);
			myFormBtn.innerHTML="<a href=\"javascript:animation('"+sid+"','"+spic+"','"+stitle+"','"+surl+"',"+i+","+timeout+","+style+")\">"+(i+1)+"</a>";
		}
		document.getElementById("dm_"+sid+"_num").getElementsByTagName("a")[0].className="on";
		$("#dm_"+sid+" p img").eq(0).load(function(){
		eval(sid+"_timer=setTimeout(\"animation('"+sid+"','"+spic+"','"+stitle+"','"+surl+"',1,"+timeout+","+style+");\","+timeout+")");
		});
	}
}
function animation(sid,spic,stitle,surl,num,timeout,style) {
	eval("clearTimeout("+sid+"_timer)");
	spic=spic.split(",");
	stitle=stitle.split(",");
	surl=surl.split(",");
	
	num=num%spic.length;
	
	numObj=document.getElementById("dm_"+sid+"_num").getElementsByTagName("a");
	if(numObj[num].className=="") {
		
		//var myForm=document.createElement('p');
		//document.getElementById("dm_"+sid).appendChild(myForm);
		myForm1=$("#dm_"+sid+" p:empty");
		myForm2=$("#dm_"+sid+" p:not(:empty)");
		
		//myForm.style.left=document.getElementById("dm_"+sid).getElementsByTagName("p")(0).offsetWidth+"px";
		//myForm.style.top=document.getElementById("dm_"+sid).getElementsByTagName("p")(0).offsetHeight+"px";
		myForm1.css({left:$("#dm_"+sid).width(),top:$("#dm_"+sid).height(),"z-index":2});
		myForm2.css({"z-index":1});
				
		if(spic[num].split(".")[1]=="swf") {
			myForm1.html("<embed src='"+spic[num]+"' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='"+document.getElementById("dm_"+sid).getElementsByTagName("p")(0).offsetWidth+"' height='"+document.getElementById("dm_"+sid).getElementsByTagName("p")(0).offsetHeight+"' wmode='transparent'></embed>");
		} else {
			myForm1.html("<img src=\""+spic[num]+"\" width=\""+document.getElementById("dm_"+sid).getElementsByTagName("p")(0).offsetWidth+"\" height=\""+document.getElementById("dm_"+sid).getElementsByTagName("p")(0).offsetHeight+"\"  border=\"0\" title=\""+stitle[num]+"\" />");
		}
		
		//$("#dm_"+sid+" p:last img").load(function(){
		
		for(i=0;i<numObj.length;i++) {
			numObj[i].className="";
		}
		numObj[num].className="on";
		
		$("#dm_"+sid+"_num span").html(stitle[num]);		
		$("#dm_"+sid+"_link").attr("href",surl[num]);
		
		switch(style) {
			case 1:
			myForm1.css({top:myForm2.height(),left:"0px"});
			
			myForm1.animate({top:"0px",left:"0px"},"slow",function(){myForm2.html("");});
		 	break;
		 
		 	case 2:
			myForm1.css({left:myForm2.width(),top:"0px"});
			
			myForm1.animate({top:"0px",left:"0px"},"slow",function(){myForm2.html("");});
		 	break;
		 
		 	case 3:
			myForm1.css({left:"0px",top:"0px",opacity:0});
			
			myForm1.animate({opacity:1},"slow",function(){myForm2.html("");});
		 	break;
		}
		eval(sid+"_timer=setTimeout(\"animation('"+sid+"','"+spic+"','"+stitle+"','"+surl+"',"+(num+1)+","+timeout+","+style+");\","+timeout+")");
		//});
	}
	
}
