﻿//可修改区域
	var imgWidth=308;
	var imgHeight=247;
	var _timeOut_=5000;
	var show_text = true; //是否显示焦点文字
	var timeOut=_timeOut_;
	var timeOut2=_timeOut_/2;//onmouseout img后需要切换的时间
	var now_img=0;              //第一张图
	var target="_blank";   //打开方式
	var button_on ='on'; //当前焦点对应按钮的样式名
	var button_off ='';//非当前焦点对应按钮的样式名
	//不可修改区域
	var imgUrl = new Array();
	var imgText = new Array();
	var imgLink = new Array();
	var imgAlt= new Array();
	//var menuList = new Array();//菜单menu
	var ver=2; //兼容浏览器版本 默认2 为非ie
	var firstTime=true;
	var n =-1;
	imgUrl[++n]='images/rotate/img_01.jpg';
	imgText[n]='info';
	imgLink[n]='photo.aspx?tid=82';
	imgAlt[n]='粉色记忆-个性非主流';

	imgUrl[++n]='images/rotate/img_02.jpg';
	imgText[n]='两生花-个性非主流';
	imgLink[n]='photo.aspx?tid=63';
	imgAlt[n]='两生花-个性非主流';

	imgUrl[++n]='images/rotate/img_03.jpg';
	imgText[n]='褪色记忆-个性非主流';
	imgLink[n]='photo.aspx?tid=183';
	imgAlt[n]='褪色记忆-个性非主流';

	var count=0;
	for (i=0;i<imgUrl.length;i++) {
	if( (imgUrl[i]!="") && (imgText[i]!="")&& (imgLink[i]!="")&& (imgAlt[i]!="")) {
	count++;
	} 
	else {
	break;
	}
	}
	function p$(string){
	document.write(string);
	}
	function $(id){
	return document.getElementById(id);
	}
	//固定图片size
	p$("<style> #f_img { width:"+imgWidth+"px;height:"+imgHeight+"px;</style>");
	function change(){
	if (ver==1){
	with($('f_img').filters[0]){
	Transition=1;
	apply();
	play();
	}
	}
	if (firstTime){ firstTime=false;timeOut=_timeOut_/1000;}
	else{
	$('f_img').src=imgUrl[now_img];
	$('f_img').alt=imgAlt[now_img];
	$('f_imgLink').href=imgLink[now_img];
	for (var i=0;i<count;i++) {
	$('b'+i).className="button";
	//$('f_menu'+i).className="";
	}
	$('b'+now_img).className="on";
	//$('f_menu'+now_img).className="on";
	now_img=(now_img>=imgUrl.length-1)?0:now_img+1;
	timeOut=_timeOut_;
	}
	theTimer=setTimeout("change()", timeOut);
	}
	function b_change(num){
	window.clearInterval(theTimer);
	now_img=num;
	firstTime=false;
	change();
	}
	//draw 渐变line （即css:f_line)
	function draw_line(){
	var div = document.createElement("div");
	div.id = 'f_line';
	$('f_infoDiv').insertBefore(div,$('f_infoDiv').childNodes.item(0));
	}
	//表现层 start
	//图片
	var a = document.createElement("a");
	a.id="f_imgLink";
	a.target=target;
	a.href=imgLink[now_img];
	$('f_imgDiv').appendChild(a);
	var img = document.createElement("img");
	img.id="f_img";
	img.width=imgWidth;
	img.height=imgHeight;
	img.src=imgUrl[now_img];
	img.alt=imgAlt[now_img];
	a.appendChild(img);
	//数字按钮
	for (var i=count-1;i>=0;i--){
	var div_bg = document.createElement("div");
	div_bg.id = 'div_bg'+i;
	div_bg.className='bg';
	$('f_buttonDiv').appendChild(div_bg);
	var a = document.createElement("a");
	a.id = 'b'+i;
	a.className = (i==now_img+1)?"button_on":"button_off";
	a.title=imgAlt[i];
	a.innerHTML=i+1;
	a.href='javascript:b_change('+i+')';
	$('div_bg'+i).appendChild(a);
	var div= document.createElement("div");
	$('f_buttonDiv').appendChild(div);
	}
	//表现层 end
	$('f_img').onmouseover=function(){window.clearInterval(theTimer);}
	$('f_img').onmouseout=function(){theTimer=setTimeout("change()", timeOut2);}
	try{  //滤镜版本
	new ActiveXObject("DXImageTransform.Microsoft.Fade");
	$('f_img').filters[0].play();
	ver=1;
	draw_line();
	}
	catch (e){ver=2;}
	var theTimer = setTimeout("change()", _timeOut_/1000);