var balloonTooltip = {
	imagesArray : new Array(),
	mouseElem : new Object(),
	moveTumbnail: function(evt){
		balloonTooltip.mouseElem.style.left = (balloonTooltip.getMousePos(evt).x + 10) + "px";
		balloonTooltip.mouseElem.style.top = (balloonTooltip.getMousePos(evt).y + 10) + "px";
	},
	getMousePos : function (evt){
		var obj = {
			x:evt.pageX || event.clientX + document.documentElement.scrollLeft,
			y:evt.pageY || event.clientY + document.documentElement.scrollTop
		};
		return obj;
	},
	setElement : function() {
		var ulElem = document.getElementsByTagName("ul");
		var elem;
		for(var j = 0; j < ulElem.length; j++){
			elem = ulElem[j];
			if(elem.className == "linkListA01 balloonThums"){
				for(var i = 0; i < elem.childNodes.length; i++) {
					if(elem.childNodes[i].tagName != undefined) {
						var elems = elem.childNodes[i];
						if(elems.firstChild.innerHTML != undefined){
							var productName = elems.firstChild.innerHTML.substring(elems.firstChild.innerHTML.indexOf(" ") + 1, elems.firstChild.innerHTML.length).toLowerCase();
							if(productName.indexOf(" / ") > -1){
								var space = productName.indexOf(" / ");
								productName = productName.substring(0, space) + "-" + productName.substring(space + 3, productName.length);								
							}else if(productName.indexOf(" ") > -1){
								var space = productName.indexOf(" ");
								productName = productName.substring(0, space) + productName.substring(space + 1, productName.length);
							}
							balloonTooltip.imagesArray[i] = new Image();
							var imgElem = document.createElement('img');
							imgElem.setAttribute('src', "img/index/balloon_" + productName + ".jpg");
							imgElem.style.border = "2px solid #01916d";
							imgElem.style.position = "absolute";
							imgElem.style.display = "none";
							imgElem.style.zIndex = String(900 + i);
							imgElem.id = productName;
							elems.idName = productName;
							document.body.appendChild(imgElem);
							elems.onmouseover = function(event) {
								var balloon = document.getElementById(this.idName);
								balloonTooltip.mouseElem = balloon;
								balloon.style.display = "block";
								try{
									window.addEventListener('mousemove', balloonTooltip.moveTumbnail, false);
								} catch(error){
									document.attachEvent('onmousemove', balloonTooltip.moveTumbnail);
								}
							}
							elems.onmouseout = function(event) {
								var balloon = document.getElementById(this.idName);
								balloonTooltip.mouseElem = balloon;
								balloon.style.display = "none";
								try {
									window.removeEventListener('mousemove', balloonTooltip.moveTumbnail, false);
								} 
								catch (error) {
									document.detachEvent('onmousemove', balloonTooltip.moveTumbnail);
								}
								balloonTooltip.mouseElem = null;
							}
						}
					}
				}			
			}
		}
	}
}
/*-------------------------------------------

-------------------------------------------*/
try{
	window.addEventListener('load', balloonTooltip.setElement, false);
} catch(error){
	window.attachEvent('onload', balloonTooltip.setElement);
}