﻿
var xsImgTextheight = text_height;

document.write("<style type=\"text/css\">#slidearea { width:" + xsImgSize[0] + "px; height:" + xsImgSize[1] + "px; margin: 0 auto; } ")
document.write("#slidearea img {width:" + xsImgSize[0] + "px; height:" + xsImgSize[1] + "px; }")
document.write("#slidefooter {width:" + xsImgSize[0] + "px; height: 27px; margin: 0 auto; }")
document.write("#slidenext, #slideprev, #slideplay {display: block; width: 29px; height: 17px; overflow: hidden; line-height: 17px;  }")
document.write("#slideprev {float:right}")
document.write("#slidenext {float:right}")
document.write("#slideplay {float:right}")
document.write("#slidetext {display:none}</style>")
document.write("<style type='text/css'>")
document.write(".flash_img{bordwidth:" + xsImgSize[0] + "px; height:" + xsImgSize[1] + "px; float:left;clear;both;margin: 0 auto;}");
document.write(".flash_bottom{padding:7px 3px 0px 3px;width:" + (xsImgSize[0]-6) + "px;float:left;clear;both;}")
document.write(".flash_bottom img{float:right;padding-left:5px;}")
document.write(".flash_bottom_left{width:300px;float:left;}")
document.write(".flash_bottom_left li{width:17px;float:left;margin-right:5px;line-height:17px;widdth:21px;text-align:center;}")
document.write(".flash_bottom_right{width:300px;float:right;text-align:right;padding-right:10px;}")
document.write(".flash_yes{background:url(images/index_flash/yes.gif) no-repeat;}")
document.write(".flash_no{background:url(images/index_flash/no.gif) no-repeat;}")
document.write("")
document.write("")
document.write("</style>")

document.write()

document.write("<div id=\"slidearea\" class='flash_img'>")
if (xsImgs.length != 0) {
	document.write("<a href=\""+ xsImgLinks[0] +"\" target=\"_blank\"><img src=\"" + xsImgs[0] + "\" onload=\"imgLoadNotify();\" \/><\/a>")
}
document.write("<\/div>")
if (xsImgTextheight != 0) {
	document.write("<div id=\"slidefooter\" class='flash_bottom'>")
	document.write("  <div class='flash_bottom_left'>")
	document.write("    <ul>")
	document.write("      <li id='flash_no0' onclick='changeSlideSecond(0)' style='cursor:pointer' class='flash_yes'>1</ul>")
	if (xsImgs.length != 0){
		for(i=1;i<xsImgs.length;i++){
			document.write("      <li id='flash_no"+i+"' onclick='changeSlideSecond("+i+")' style='cursor:pointer' class='flash_no'>"+(i+1)+"</ul>")
		}
	}
	document.write("    </ul>")
	document.write("  </div>")
	document.write("  <div class='flash_bottom_right'>")
	if (xsImgTexts.length != 0) {
		document.write("<a id=\"slidenext\" title=\"下一幅\" href=\"#\" onclick=\"forward();return false\"><img src=\"images/index_flash/next.gif\"><\/a>")
		document.write("<a id=\"slideplay\" title=\"下一幅\" href=\"#\" ><img src=\"images/index_flash/pause.gif\" onclick=\"stop();return false\"><\/a>")
		document.write("<a id=\"slideprev\" title=\"上一幅\" href=\"#\" onclick=\"rewind();return false\"><img src=\"images/index_flash/prev.gif\"><\/a>")
		document.write("<p id=\"slidetext\"><\/p>")
	}
	document.write("  <\/div>")
	document.write("<\/div>")
}


var arrPreload = new Array();
var begImg  = 0;
var arrPreload = new Array();
var spd = 2;

function init()
{
    preloadRange(0,_PRELOADRANGE-1);

    curImg = begImg;
    if (curImg < 0 || curImg > xsImgs.length - 1)
	curImg = xsImgs.length - 1;
    changeSlide();
    setTimeout("play()", 3000)
}



var curImg = 0;
var timerId = -1;
var interval = 3500;
var imgIsLoaded = false;

var current_transition = 15;
var flag = true;
var bFirst = false;


var transitions = new Array;
transitions[0] = "progid:DXImageTransform.Microsoft.Fade(duration=1)";
transitions[1] = "progid:DXImageTransform.Microsoft.Blinds(Duration=1,bands=20)";
transitions[2] = "progid:DXImageTransform.Microsoft.Checkerboard(Duration=1,squaresX=20,squaresY=20)";
transitions[3] = "progid:DXImageTransform.Microsoft.Strips(Duration=1,motion=rightdown)";
transitions[4] = "progid:DXImageTransform.Microsoft.Barn(Duration=1,orientation=vertical)";
transitions[5] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=1)";
transitions[6] = "progid:DXImageTransform.Microsoft.Iris(Duration=1,motion=out)";
transitions[7] = "progid:DXImageTransform.Microsoft.Wheel(Duration=1,spokes=12)";
transitions[8] = "progid:DXImageTransform.Microsoft.Pixelate(maxSquare=10,duration=1)";
transitions[9] = "progid:DXImageTransform.Microsoft.RadialWipe(Duration=1,wipeStyle=clock)";
transitions[10] = "progid:DXImageTransform.Microsoft.RandomBars(Duration=1,orientation=vertical)";
transitions[11] = "progid:DXImageTransform.Microsoft.Slide(Duration=1,slideStyle=push)";
transitions[12] = "progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1,orientation=vertical)";
transitions[13] = "progid:DXImageTransform.Microsoft.Spiral(Duration=1,gridSizeX=40,gridSizeY=40)";
transitions[14] = "progid:DXImageTransform.Microsoft.Stretch(Duration=1,stretchStyle=push)";
transitions[15] = "special case";
var transition_count = 15;

var _PRELOADRANGE = 5;

function preloadRange(intPic,intRange) {
	var divStr = "";
	for (var i=intPic; i<(intPic+intRange); i++) {
		arrPreload[i] = new Image();
		arrPreload[i].src = xsImgs[i];	
	} 
	return false;
}

function imgLoadNotify()
{
    imgIsLoaded = true;
}

function changeSlide(n)
{	
    if (document.all)
	{    	
		var do_transition;
		if (current_transition == (transition_count)) 
		{
			do_transition = Math.floor(Math.random() * transition_count);
		} 
		else 
		{
			do_transition = current_transition;
		}
		document.all.slidearea.style.filter=transitions[do_transition];
		document.all.slidearea.filters[0].Apply();			
    }
    
    imgIsLoaded = false;
	
	if (xsImgs.length !=0) {
		var slideImage = "<a href=\""+ xsImgLinks[curImg] +"\" target=\"_blank\"><img src=\"" + xsImgs[curImg] + "\" onload=\"imgLoadNotify();\" /><\/a>";
		document.getElementById("slidearea").innerHTML = slideImage ;
		
		if (xsImgTextheight != 0) {
			var slideText = "<a href=\""+ xsImgLinks[curImg] +"\" target=\"_blank\">"+ xsImgTexts[curImg] +"<\/a>";
			document.getElementById("slidetext").innerHTML = slideText ;
		}
	
	    for(i=0;i<xsImgs.length;i++)
		{
			item_Li_name="flash_no"+i;
			if(i==curImg){
				document.getElementById(item_Li_name).className='flash_yes';
			}else{
				document.getElementById(item_Li_name).className='flash_no';
			}
		}
	
		if (document.all) 
		{			
			document.all.slidearea.filters[0].Play();		
		}
	}
}
function changeSlideSecond(n)
{	
    if (document.all)
	{    	
		var do_transition;
		if (current_transition == (transition_count)) 
		{
			do_transition = Math.floor(Math.random() * transition_count);
		} 
		else 
		{
			do_transition = current_transition;
		}
		document.all.slidearea.style.filter=transitions[do_transition];
		document.all.slidearea.filters[0].Apply();			
    }
    
    imgIsLoaded = false;
	
	if (xsImgs.length !=0) {
		var slideImage = "<a href=\""+ xsImgLinks[n] +"\" target=\"_blank\"><img src=\"" + xsImgs[n] + "\" onload=\"imgLoadNotify();\" /><\/a>";
		document.getElementById("slidearea").innerHTML = slideImage ;
		
		if (xsImgTextheight != 0) {
			var slideText = "<a href=\""+ xsImgLinks[n] +"\" target=\"_blank\">"+ xsImgTexts[n] +"<\/a>";
			document.getElementById("slidetext").innerHTML = slideText ;
		}
	    for(i=0;i<xsImgs.length;i++)
		{
			item_Li_name="flash_no"+i;
			if(i==n){
				document.getElementById(item_Li_name).className='flash_yes';
			}else{
				document.getElementById(item_Li_name).className='flash_no';
			}
		}
		if (document.all) 
		{			
			document.all.slidearea.filters[0].Play();		
		}
	}
}

function forward()
{
	imgIsLoaded = false;
	if (!arrPreload[curImg+1])
	{
		curImg++;
		if (curImg >= xsImgs.length) 
		{ 
			curImg = 0;
		} 
	} 
	else 
	{
		curImg++;
		if (curImg >= xsImgs.length) 
		{  
			curImg = 0;
		}
	}
	changeSlide();
}

function rewind()
{
	curImg--;
	if (curImg < 0)
	{
		curImg = xsImgs.length-1;		
	}
	changeSlide();
}

function stop()
{
    window.clearInterval(timerId);
    timerId = -1;
		document.getElementById("slideplay").innerHTML = "<img src=\"images/index_flash/play.gif\" onclick=\"play();return false\">" ;
    imgIsLoaded = true;
}

function play()
{
    if (timerId == -1) 
		timerId = window.setInterval('forward();', interval);
		document.getElementById("slideplay").innerHTML = "<img src=\"images/index_flash/pause.gif\" onclick=\"stop();return false\">" ;
}


init(); 
 


