var xm  = 200;
var ym  = 0;
var nx  = 0;
var ny  = 0;
var dx  = 0;
var b0,b1,NW,links,images;

///////////////////////////////
imgWidth = 100;
imgHeight = 36;
///////////////////////////////

function slide(){
	dx-= xm/80;
	if(dx>0)dx-=NW;
	if(dx<-NW)dx+=NW;
	b0.style.left = dx;
	b1.style.left = dx + NW;
	setTimeout("slide()",16)
}

function disp(title,caption){
	document.getElementById("rLinkTitle").innerHTML= title;
	document.getElementById("rLinkCaption").innerHTML= caption;
}

function pos(o){
	o.innerHTML = document.getElementById("source").innerHTML;
	links = o.getElementsByTagName("a");
	images = o.getElementsByTagName("img");
	N = links.length;
	NW = N * (imgWidth+12);
	o.style.width = NW;
	for(i=0;i<N;i++){
		links[i].target="_self";
		links[i].style.position = "absolute";
		links[i].style.left = i*(imgWidth+12);
		links[i].style.top = 0;
		images[i].className="rLink";
		images[i].width  = imgWidth;
		images[i].height = imgHeight;
		images[i].onmouseover = new Function('disp("'+images[i].title+'","'+images[i].alt+'");');
		images[i].alt = "";
		images[i].title = "";
	}
}

function resize(){
	nx  = document.body.offsetWidth /2;
	ny  = document.body.offsetHeight /2;
}
onresize = resize;

onload = function() {
	resize();
	b0 = document.getElementById("banner").getElementsByTagName("span")[0];
	pos(b0);	
	b1 = document.getElementById("banner").getElementsByTagName("span")[1];
	pos(b1);
	
	document.onmousemove = function(e) {
		if (window.event) e = window.event;
		xm = (e.x || e.clientX) - nx;
		ym = (e.y || e.clientY) - ny;
	}

	slide();
}