var mouse_x;
var mouse_y;
var tipping_pleppyitem=false;
var clicked_pleppyitem=false;
function clickPleppyitem(v){
	clicked_pleppyitem=true; 
	showOverlay();
	if (!tipping_pleppyitem){
		tipping_pleppyitem=true;
		showPleppyitem(v);
	}
}
function closePleppyitem(v){
	clicked_pleppyitem=false; 
	tipping_pleppyitem=false;
	hidePleppyitem(v);
}
function showPleppyitem(v, evt){
	m=$('pleppyitem-' + v);
	$('pleppyitem_detail_property').innerHTML=m.innerHTML;

	//alert(mouse_x);
	//alert(mouse_y);
	//$('pleppyitem_detail').style.left=mouse_x + document.body.scrollLeft;
	//$('pleppyitem_detail').style.top=mouse_y + document.body.scrollTop;
	element_left=mouse_x + 5;
	element_top=mouse_y + 5;
    Element.setStyle($('pleppyitem_detail'), { 
        'left': element_left + 'px', 
        'top': element_top + 'px', 
        'position':'absolute'
    }); 
    	
    //alert('(x,y, document.body.scrollTop) = (' + mouse_x + ',' + mouse_y + ',' + (document.body.scrollTop || document.documentElement.scrollTop) + ')');

	Element.toggle($('pleppyitem_detail'));
}
function hidePleppyitem(){
	Element.toggle($('pleppyitem_detail'));
	hideOverlay();
}
function tipPleppyitem(v){
	if (!tipping_pleppyitem && !clicked_pleppyitem){
		tipping_pleppyitem=true;
		showPleppyitem(v);
	}
}
function untipPleppyitem(v){
	if (tipping_pleppyitem && !clicked_pleppyitem){
		hidePleppyitem(v);
		tipping_pleppyitem=false;
	}
}


window.document.onmousemove = getMouseXY;
function getMouseXY(evt)
{
// x,y‚ÆpageX,Y
	if (window.createPopup)
	{
		if (document.documentElement){
			//alert(document.documentElement);
			x = event.x + (document.documentElement.scrollLeft);
			y = event.y + (document.documentElement.scrollTop);
		}else if (document.body){
			//alert(document.body);
			x = event.x + (document.body.scrollLeft);
			y = event.y + (document.body.scrollTop);
		}
	}else{
		x = evt.pageX;
		y = evt.pageY;
	}
	//document.getElementById("result1").innerHTML = "(x,y) = "+x + ", "+y;
// offsetX,Y‚ÆlayerX,Y
	mouse_x=x;
	mouse_y=y;
	if (document.all)
	{
		cx = event.offsetX;
		cy = event.offsetY;
	}else{
		cx = evt.layerX;
		cy = evt.layerY;
	}
	//document.getElementById("result2").innerHTML = "(offsetX,offsetY) = "+cx + ", "+cy;
}
function hideOverlay(){
	Element.hide($('overlay'));
}
function showOverlay(){
	var objOverlay = $('overlay');
	arrayPageSize = getPageSize();
	objOverlay.style.height = (arrayPageSize[1] + 'px');
	objOverlay.style.display = 'block';
}