//document.body.innerHTML

//var show_layer=document.createElement("div");
//show_layer.id="show_layer";
//show_layer.setAttribute("style", "position: absolute; z-index: 1; left: -1200px; top: -50px;");
////show_layer.setAttribute("onmouseout", "hide_image()");
//document.body.appendChild(show_layer);

//show_layer=document.getElementById('show_layer');
//document.getElementById('show_layer').style.position="absolute";
//document.getElementById('show_layer').style.left="-1200px";
//document.getElementById('show_layer').style.top="-50px";
////document.getElementById('show_layer').onmouseout="hide_image()";

//if(window.addEventListener!=null)
//{
//show_layer.addEventListener('mousemove', reset_hide_counter, false);
//show_layer.addEventListener('mouseout', hide_image, false);
//}
//if(window.addEventListener==null)
//{
////show_layer.attachEvent('click', hide_image);
////show_layer.onmouseout="hide_image()";
//var style=show_layer.style.cssText, id=show_layer.id;
//show_layer.outerHTML='<div id="'+id+'" style="'+style+'">';
//}
/////////////////////////////////////////////////////////////////////////////////
var image_id='', timer_id='', counter=0, image_width=image_min_width, state='enlarge_image';

function show_image(id)
{
image_id=id;

counter=0;
image_width=image_min_width;
state='enlarge_image';
	if(timer_id!='cleared'){ window.clearInterval(timer_id); timer_id='cleared'; };

var image=document.getElementById(image_id), image_x=get_absolute_position(image).x, image_y=get_absolute_position(image).y;

//document.getElementById('info_layer').innerHTML+='0';


document.getElementById('show_layer').style.left=image_x+'px';
document.getElementById('show_layer').style.top=image_y+'px';

document.getElementById('show_layer').innerHTML='<img id="n'+image_id+'" border="0" src="'+image.src+'" width="'+image_min_width+'">';

timer_id=window.setInterval('auto_hide_image(image_id);', 1);
}


function auto_hide_image(image_id)
{
//counter=counter+1;
image_width=parseInt(document.getElementById('n'+image_id).width);

	if((image_width<image_max_width)&&(check_hover('n'+image_id)==true))
	{
	image_width=image_width+3;
	document.getElementById('n'+image_id).width=image_width;
	//document.getElementById('show_layer').style.lop=image_width;

		if(image_width>image_max_width){ state=''; return true; }
	}
	if((check_hover('n'+image_id)==false)&&(image_width>image_min_width))
	{
	image_width=image_width-3;
	document.getElementById('n'+image_id).width=image_width;

		if(image_width<image_min_width)
		{
			if(timer_id!='cleared'){ window.clearInterval(timer_id); timer_id='cleared'; };
		document.getElementById('show_layer').style.left="-1200px";
		}
	}
return true;
}
//////////////////////////////////////////////////////////////////
function check_hover(id)
{
var id_object=document.getElementById(id), object_data=get_absolute_position(id_object), object_x=object_data.x, object_y=object_data.y, hover_status=false; 
if((tempX>=object_x)&&(tempX<=object_x+id_object.offsetWidth)&&(tempY>=object_y)&&(tempY<=object_y+id_object.offsetHeight)){ hover_status=true; }
return hover_status;
}
//////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////
function get_absolute_position(obj)
{
var x = 0, y = 0;
	for(;;)
	{
		if(obj==null){ break; }
	x=x+obj.offsetLeft;
	y=y+obj.offsetTop;
	obj = obj.offsetParent;
	}
return {x:x, y:y};
}



/////////////////////////////////////////////////////////////
var IE = document.all!=null?true:false;
var tempX = 0;
var tempY = 0;

if(window.addEventListener!=null)
{
//document.captureEvents(Event.MOUSEMOVE)
window.addEventListener("mousemove", getMouseXY, false);
}
if(window.addEventListener==null)
{
//window.attachEvent('mousemove', getMouseXY);
document.onmousemove = getMouseXY;
}

function getMouseXY(e)
{
	if(IE==true)
	{
	//tempX = event.clientX + document.body.scrollLeft;
	//tempY = event.clientY + document.body.scrollTop;
	tempX = document.documentElement.scrollLeft+event.clientX
	tempY = document.documentElement.scrollTop+event.clientY;
	}
	else if(e.pageX!=null)
	{
	tempX = e.pageX;
	tempY = e.pageY;
	}
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}
//document.getElementById('info_layer').innerHTML=tempX;
//document.getElementById('info_layer').innerHTML+='----'+tempY;

return true;
}
/////////////////////////////////////////////////////////////