function $() {
  var assets = new Array();

  for (var i = 0; i < arguments.length; i++) 
  {
    var asset = arguments[i];
    if (typeof asset == 'string')
      asset = document.getElementById(asset);

    if (arguments.length == 1) 
      return asset;

    assets.push(asset);
  }
}

var curserX, curserY;
	
function getCurserPos(e)
{
	if (!e)
		var e = window.event||window.Event;
	
	if(typeof e.pageX != 'undefined'){
		curserX = e.pageX;
		curserY = e.pageY;
	} else {
	    if (document.body)
	    {
		    curserX = e.clientX + document.body.scrollLeft;
		    curserY = e.clientY + document.body.scrollTop;
		}
	}
}

if (document.attachEvent)
{
    document.attachEvent("onmousemove", function() { getCurserPos(event); } );
}
else
{
    window.addEventListener("mousemove", function(e) { getCurserPos(e); }, false );
}

function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
	{
		curleft += obj.x;
    }
	return curleft;
}

function ShowImageHover(evt, name)
{
    evt = (evt) ? evt : (window.event) ? window.event : ""; 
   
    var winW = (!document.all)? window.innerWidth-16 : document.body.offsetWidth-20
    var winH = (!document.all)? window.innerHeight-16 : document.body.offsetHeight-20;
    var leftSide = curserX>=(winW/2.0);
    
    var layer = $(name+"_view");
	var layerW = layer.offsetWidth;
    var img =  $(name);
    var left = curserX+10;
    var top = curserY+10;

    if (leftSide)
        left = (curserX-(layerW+10));
    else
        left = (curserX+10);
    
    var bottom = (curserY+10)+layer.offsetHeight;
    if(bottom>=winH+document.body.scrollTop)
        top = winH+document.body.scrollTop-(layer.offsetHeight+10);
    
    layer.style.left = left+"px";
    layer.style.top = top+"px";
    
    if (layer.style.display!="block")
        layer.style.display = "block";
}