/* home page stylesheet
 * description:
 * javascript code.
 * the javascript is compatibility in the mainstream of current browsers.
 * the javascript is normally displayed in the most of modern monitors.
 * author:laozhang, date:2017.8.30
 * copyright (c)
 */

var counts = 3;
img1 = new image();
img1.src = '/webfront/images/smallpuyuan.jpg';
img2 = new image();
img2.src = '/webfront/images/smallqinyuan.jpg';
img3 = new image();
img3.src = '/webfront/images/timg.jpg';
img4 = new image();
// img4.src = '/webfront/images/banner_4.jpg';
// img5 = new image();
// img5.src = '/webfront/images/banner_5.jpg';

var smallimg = new array();
smallimg[0] = '/webfront/images/thumbpuyuan.jpg';
smallimg[1] = '/webfront/images/thumbqinyuan.jpg';
smallimg[2] = '/webfront/images/thumbtimg.jpg';
// smallimg[3] = '/webfront/images/thumbnail_4.jpg';
// smallimg[4] = '/webfront/images/thumbnail_5.jpg';

url1 = new image();
url1.src = '';
url2 = new image();
url2.src = '';
url3 = new image();
url3.src = '';
// url4 = new image();
// url4.src = '';
// url5 = new image();
// url5.src = '';

alt1 = new image();
alt1.alt = '';
alt2 = new image();
alt2.alt = '';
alt3 = new image();
alt3.alt = '';
// alt4 = new image();
// alt4.alt = '';
// alt5 = new image();
// alt5.alt = '';

var nn = 1;
var key = 0;

function change_img() {
	if (key == 0) {
		key = 1;
	} else if (document.all) {
		document.getelementbyid("pic").filters[0].apply();
		document.getelementbyid("pic").filters[0].play(duration = 2);
	}
	eval('document.getelementbyid("pic").src=img' + nn + '.src');
	eval('document.getelementbyid("url").href=url' + nn + '.src');
	eval('document.getelementbyid("pic").alt=alt' + nn + '.alt');
	for ( var i = 1; i <= counts; i++) {
		document.getelementbyid("smallimage" + i).classname = 'ax';
	}
	document.getelementbyid("smallimage" + nn).classname = 'bx';
	nn++;
	if (nn > counts) {
		nn = 1;
	}
	tt = settimeout('change_img()', 5000);
}

function changeimg(n) {
	nn = n;
	window.clearinterval(tt);
	change_img();
}

function imageshow() {
	document.write('<div class="smallpicshow_main">');
	document.write('<div><a id="url"><img id="pic" class="imgbig" /></a></div>');
	document.write('<div class="smallpicshow_change">');
	for ( var i = 0; i < counts; i++) {
		document.write('<a href="javascript:changeimg(' + (i + 1) + ');" id="smallimage' + (i + 1) + '" class="ax" target="_self"><img src="' + smallimg[i] + '"></a>');
	}
	document.write('</div></div>');
	change_img();
}