//
// Dynamic comment
//
pic_info = new Array();
pic_info[0] = 'text...text...text...<br>text...<br>text...';
pic_info[1] = 'text1...<br>text1...<br>text1...';
pic_info[2] = 'text2...<br>text2...<br>text2...';
pic_info[3] = 'text3...<br>text3...<br>text3...';
pic_info[4] = 'text4...<br>text4...<br>text4...';
pic_info[5] = 'text5...<br>text5...<br>text5...';
pic_info[10] = 'tex10...<br>text10...<br>text10...';
pic_info[20] = 'text20...<br>text20...<br>text20...';

var over = false;
var oHandler = null;
var counter_hide = null;
var counter_dyn = null;
var hide_delay = 300;
var skin_start =  '<table cellspacing="0" class="comment"><tr><td><img src="i/comment_l_v.gif" width="7" height="7"></td><td class="top"><img src="i/p.gif" width="1" height="1"></td><td><img src="i/comment_r_v.gif" width="7" height="7"></td></tr><tr><td class="left"><img src="i/p.gif" width="1" height="1"></td><td class="content">';
var skin_end   = '</td><td class="right"><img src="i/p.gif" width="1" height="1"></td></tr><tr><td valign="top"><img src="i/comment_l_n.gif" width="7" height="7"></td><td class="bottom" valign="bottom"><img src="i/comment_end.gif" width="13" height="13"></td><td valign="top"><img src="i/comment_r_n.gif" width="7" height="7"></td></tr></table>';

function PrepareToShow(pobj,num) {
	if(oHandler != null && oHandler != pobj.id) {
		over = false;
		HideInfo();
	}
	oHandler = pobj.id;
	over = true;
	ShowInfo(pobj,num);
}

function PrepareToHide() {
	over = false;
	clearTimeout(counter_hide);
	counter_hide = setTimeout(HideInfoDynamic,hide_delay);
}

function ShowInfo(pobj,num) {
	if(!document.getElementById('infoDiv')) {
		infoObj = document.createElement('div');
		infoObj.setAttribute('id','infoDiv');
		infoObj.style.position = 'absolute';
		infoObj.style.zIndex = 100;
		infoObj.innerHTML = skin_start + pic_info[num] + skin_end;
		infoObj.onmouseover = function() {
			over = true;
			clearTimeout(counter_dyn);
			ObjOpacity(90);
		}
		infoObj.onmouseout = function() {
			PrepareToHide();
		}
		document.body.appendChild(infoObj);
		infoObj.style.left = pobj.offsetLeft + pobj.offsetWidth - 40 + 'px';
		infoObj.style.top = pobj.offsetTop - 30 + 'px';
		ObjOpacity(0);
		Dynamic(0,90,10,20);
	}
	else {
		clearTimeout(counter_hide);
		clearTimeout(counter_dyn);
		ObjOpacity(90);
	}
}

function ObjOpacity(value) {
	infoObj.style.filter = 'alpha(opacity='+value+')';
	infoObj.style.MozOpacity = (value / 100);
}

function Dynamic(minvalue,maxvalue,step,delay) {
	minvalue += step;
	ObjOpacity(minvalue);
	if((maxvalue - minvalue)/step >= 1) {
		clearTimeout(counter_dyn);
		counter_dyn = setTimeout("Dynamic("+minvalue+","+maxvalue+","+step+","+delay+")",delay);
	}
	else {
		clearTimeout(counter_dyn);
		ObjOpacity(maxvalue);
	}
	return;
}

function HideInfoDynamic() {
	if(!over && document.getElementById('infoDiv')) {
		Dynamic(90,0,-10,20);
		clearTimeout(counter_hide);
		counter_hide = setTimeout('if(!over) document.body.removeChild(infoObj)',220);
	}
}

function HideInfo() {
	if(!over && document.getElementById('infoDiv')) {
		document.body.removeChild(infoObj);
	}
}

function getObj(obj){
	return (o = document.getElementById(obj))? o : document.all[obj];
}
//
// Addition dynamic search
//
var HandlerId = null;
function ShowHideItem(id) {
	obj = getObj(id);
	if(obj) {
		if(obj.style.display != 'block') {
			if(HandlerId && HandlerId != obj.id) {
				prevobj = getObj(HandlerId);
				prevobj.style.display = 'none';
			}
			HandlerId = obj.id;
			obj.style.display = 'block';
		}
		else {
			HandlerId = null;
			obj.style.display = 'none';
		}
	}
	return false;
}