var ie6 = navigator.appVersion.match(/MSIE (5.5|6)/) && document.uniqueID;

function rollover() {
	var links, i;
	links = document.getElementsByTagName('a');
	for(i=0;i<links.length;i++) {
		if(/over/.test(links[i].className)) {
			links[i].onmouseover = function(){showPreview(this);}; //show the image;
			links[i].onmouseout = function(){clearPreview(this);};//close the image;
		}
	}
}

var showPreview = function(link) {
	var imgsrc = link.getAttribute('name');
	var id = link.href.replace(/[^a-z0-9]/ig, '');
	id = 'id' + id.substring(id.length - 14, id.length);
	var div = document.getElementById(id);
	if (!div) {
		div = document.createElement('DIV');
		div.style.position = 'absolute';
		div.id = id;
		div.style.background = '#FFFFFF url(images/loading.gif) no-repeat center';
		div.style.border = '0 none';
		div.style.display = 'none';
		div.innerHTML = '<img src="' + imgsrc + '" alt="" />';
		/*if (ie6) {
			link.parentNode.appendChild(div);
		} else {
			document.body.appendChild(div);
		}*/
		document.body.appendChild(div);
	}
	link.onmousemove = function(e) {
		e = e || event;
		link = this;
		var id = link.href.replace(/[^a-z0-9]/ig, '');
		id = 'id' + id.substring(id.length - 14, id.length);
		var byTop, div = document.getElementById(id);
		if (div) {
			var width = 200;
			var height = 200;
			var byTop = 0;
			if (document.body.scrollTop) {
				byTop = document.body.scrollTop;
			} else if (window.pageYOffset != undefined) {
				byTop = window.pageYOffset;
			}
			var inner = window.innerHeight ? window.innerHeight : document.body.clientHeight;
			byTop = e.clientY < inner - height ? e.clientY + byTop + 20 : e.clientY + byTop - height - 5;
			div.style.display = 'block';
			//div.style.top = byTop + 'px';
			//div.style.left = e.clientX + 'px';
			var posx = 0;
			var posy = 0;
			if (!e) var e = window.event;
			if (e.pageX || e.pageY) 	{
				posx = e.pageX;
				posy = e.pageY;
			}
			else if (e.clientX || e.clientY) 	{
				posx = e.clientX + document.body.scrollLeft
					+ document.documentElement.scrollLeft;
				posy = e.clientY + document.body.scrollTop
					+ document.documentElement.scrollTop;
			}
			div.style.top = 5 + posy + "px";
			div.style.left = 5 + posx + "px";
		}
	};
};

var clearPreview = function(link) {
	var id = link.href.replace(/[^a-z0-9]/ig, '');
	id = 'id' + id.substring(id.length - 14, id.length);
	var div = document.getElementById(id);
	if (div) {
		div.parentNode.removeChild(div);
	}
};