// javascript document
//marqueestart(1, "left");
document.onselectstart = function () { return false; }

var ni  = 0;
var ki  = 0;
var run = false;

function setopacity(obj,o) {
	if (o<0) o=0; else if (o>100) o = 100;
	if (obj.filters)obj.filters.alpha.opacity=o; else obj.style.opacity = o/100;
}
function tpr__(p) {
	p1.style.left  = 50-(2.5*p)+"%";
	p1.style.width = (2.5*p)+"%";
	setopacity(p1i, .5*p*p);
	if (p == 20) run = false;
}
function tpr_(p) {
	p2.style.width = 50-(2.5*p)+"%";
	setopacity(p2i, 100-.5*(p*p));
	if (p == 20) {
		p2i.src = imgsrc[ki].src;
		p2a.href = ahref[ki].href;
		setopacity(p2i, 100);
		p2.style.width = "50%";
		for(var i=1; i<=20; i++) settimeout("tpr__("+i+")", i*32);
	}
}
function tpr() {
	if (!run) {
		run = true;
		p01i.src = imgsrc[ki].src;
		p01a.href = ahref[ki].href;
		p1.style.width = 0;
		ki++;
		if (ki>=ni) ki = 0;
		title(ki);
		p02i.src = imgsrc[ki].src;
		p02a.href = ahref[ki].href;
		p1i.src  = imgsrc[ki].src;
		p1a.href = ahref[ki].href;
		for (var i=1; i<=20; i++) settimeout("tpr_("+i+")", i*32);
	} else settimeout("tpr()", 100);
}

function tpl__(p) {
	p2.style.width = (2.5*p)+"%";
	setopacity(p2i, .5*p*p);
	if (p == 20) run = false;
}
function tpl_(p) {
	p1.style.left  = (2.5*p)+"%";
	p1.style.width = 40+(10-2.5*p)+"%";
	setopacity(p1i, 100-.5*(p*p));
	if (p == 20) {
		p1i.src = imgsrc[ki].src;
		p1a.href = ahref[ki].href;
		setopacity(p1i, 100);
		p1.style.left  = 0;
		p1.style.width = "50%";
		for(var i=1; i<=20; i++) settimeout("tpl__("+i+")", i*32);
	}
}
function tpl() {
	if (!run) {
		run = true;
		p02i.src = imgsrc[ki].src;
		p02a.href = ahref[ki].href;
		p2.style.width = 0;
		ki--;
		if (ki < 0) ki = ni-1;
		title(ki);
		p01i.src = imgsrc[ki].src;
		p01a.href = ahref[ki].href;
		p2i.src  = imgsrc[ki].src;
		p2a.href = ahref[ki].href;
		for(var i=1; i<=20; i++) settimeout("tpl_("+i+")", i*32);
	} else settimeout("tpl()", 100);
}
function title(p) {
	document.getelementbyid("txtbox").innerhtml = imgsrc[p].alt;
}
onload = function() {
	imgsrc  = document.getelementbyid("imgsrc").getelementsbytagname("img");
	ahref  = document.getelementbyid("ahref").getelementsbytagname("a");
	db      = document.getelementbyid("dhtmlbook");
	p01     = db.getelementsbytagname("span")[0];
	p01a     = db.getelementsbytagname("a")[0];
	p01i    = p01.getelementsbytagname("img")[0];
	p02     = db.getelementsbytagname("span")[1];
	p02a     = db.getelementsbytagname("a")[1];
	p02i    = p02.getelementsbytagname("img")[0];
	p1      = db.getelementsbytagname("span")[2];
	p1a      = db.getelementsbytagname("a")[2];
	p1i     = p1.getelementsbytagname("img")[0];
	p2      = db.getelementsbytagname("span")[3];
	p2a      = db.getelementsbytagname("a")[3];
	p2i     = p2.getelementsbytagname("img")[0];
	ni      = imgsrc.length;
	p1i.src = imgsrc[ki].src;
	p1a.href = ahref[ki].href;
	p2i.src = imgsrc[ki].src;
	p2a.href = ahref[ki].href;
	title(ki);
	db.style.visibility = "visible";
}