
function DetailOn(){

	var ElePos = findPos(ThumbLinkArea);
	var EleLeft = ElePos[0]; var EleTop = ElePos[1];
	
	ThumbDetailPos = EleLeft - ( ThumbColumn * 90 );
	ThumbDetailArea.style.left = ThumbDetailPos;
	
	ThumbLinkArea.className = 'thumb_details_on';
	ThumbDetailArea.style.visibility = 'visible';
	ThumbDetailArea.style.width = ThumbDetail_width + 'px';
}

function DetailOnTimer(row,doc_id,column){

	cancel_DetailOn(); cancel_DetailOff();
	if ( ThumbLinkArea && doc_id != ThumbName ) DetailOff();
	
	ThumbName = doc_id
	ThumbColumn = column
	ThumbLinkArea = document.getElementById('thb_link_' + ThumbName);
	ThumbDetailArea = document.getElementById('thb_detail_' + ThumbName);
	opentimer = window.setTimeout(DetailOn, 500);
}

function DetailOff(){
	ThumbLinkArea.className = 'thumb_details_off';
	ThumbDetailArea.style.visibility = 'hidden';
	ThumbDetailArea.style.width = Thumb_width + 'px';
}

function DetailOffTimer(){
	cancel_DetailOn();
	closetimer = window.setTimeout(DetailOff, 2000);
}

function cancel_DetailOff(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function cancel_DetailOn(){
	if(opentimer){
		window.clearTimeout(opentimer);
		opentimer = null;
	}
}

