/* 3行 */
var balloon = new Object();
balloon.targetId = 'new-item-info';
balloon.show = function(ev, info){
	var htmlObj = document.getElementById(balloon.targetId);
	htmlObj.innerHTML = '<table class="frame" border="0" cellspacing="0" cellpadding="0"><tr><td style="border: 0px;"><img src="' + info + '"><\/td><\/tr><\/table>';
	htmlObj.style.top = (ev.clientY + document.documentElement.scrollTop - 257) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
	htmlObj.style.visibility = 'visible';
}

balloon.hide = function(){
	var htmlObj = document.getElementById(balloon.targetId);
	htmlObj.style.visibility = 'hidden';
	htmlObj.style.top  = '-200px';
	htmlObj.style.left = '-200px';
}

balloon.move = function(ev){
	var htmlObj = document.getElementById(balloon.targetId);
	htmlObj.style.top  = (ev.clientY + document.documentElement.scrollTop - 257) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
}

/* 2行 */
var balloon2 = new Object();
balloon2.targetId = 'new-item-info';
balloon2.show = function(ev, info){
	var htmlObj = document.getElementById(balloon2.targetId);
	htmlObj.innerHTML = '<table class="frame" border="0" cellspacing="0" cellpadding="0"><tr><td style="border: 0px;"><img src="' + info + '"><\/td><\/tr><\/table>';
	htmlObj.style.top = (ev.clientY + document.documentElement.scrollTop - 239) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
	htmlObj.style.visibility = 'visible';
}


balloon2.move = function(ev){
	var htmlObj = document.getElementById(balloon2.targetId);
	htmlObj.style.top  = (ev.clientY + document.documentElement.scrollTop - 239) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
}

/* 4行 */
var balloon3 = new Object();
balloon3.targetId = 'new-item-info';
balloon3.show = function(ev, info){
	var htmlObj = document.getElementById(balloon3.targetId);
	htmlObj.innerHTML = '<table class="frame" border="0" cellspacing="0" cellpadding="0"><tr><td style="border: 0px;"><img src="' + info + '"><\/td><\/tr><\/table>';
	htmlObj.style.top = (ev.clientY + document.documentElement.scrollTop - 275) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
	htmlObj.style.visibility = 'visible';
}


balloon3.move = function(ev){
	var htmlObj = document.getElementById(balloon3.targetId);
	htmlObj.style.top  = (ev.clientY + document.documentElement.scrollTop - 275) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
}

/* 5行 */
var balloon4 = new Object();
balloon4.targetId = 'new-item-info';
balloon4.show = function(ev, info){
	var htmlObj = document.getElementById(balloon4.targetId);
	htmlObj.innerHTML = '<table class="frame" border="0" cellspacing="0" cellpadding="0"><tr><td style="border: 0px;"><img src="' + info + '"><\/td><\/tr><\/table>';
	htmlObj.style.top = (ev.clientY + document.documentElement.scrollTop - 292) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
	htmlObj.style.visibility = 'visible';
}


balloon4.move = function(ev){
	var htmlObj = document.getElementById(balloon4.targetId);
	htmlObj.style.top  = (ev.clientY + document.documentElement.scrollTop - 292) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
}

/* 6行 */
var balloon5 = new Object();
balloon5.targetId = 'new-item-info';
balloon5.show = function(ev, info){
	var htmlObj = document.getElementById(balloon5.targetId);
	htmlObj.innerHTML = '<table class="frame" border="0" cellspacing="0" cellpadding="0"><tr><td style="border: 0px;"><img src="' + info + '"><\/td><\/tr><\/table>';
	htmlObj.style.top = (ev.clientY + document.documentElement.scrollTop - 312) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
	htmlObj.style.visibility = 'visible';
}

balloon5.move = function(ev){
	var htmlObj = document.getElementById(balloon5.targetId);
	htmlObj.style.top  = (ev.clientY + document.documentElement.scrollTop - 312) + 'px';
	htmlObj.style.left = (ev.clientX + document.documentElement.scrollLeft - 87) + 'px';
}