/****************************************************************
 * WebInside.RU
 ****************************************************************/

var browser_name;

function defPosition(event) {
      var x = y = 0;
      if (document.attachEvent != null) { // Internet Explorer & Opera
            x = window.event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
            y = window.event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
      } else if (!document.attachEvent && document.addEventListener) { // Gecko
            x = event.clientX + window.scrollX;
            y = event.clientY + window.scrollY;
      } else {
            // Do nothing
      }
      return {x:x, y:y};
}

 document.onmousemove=function(event)
 		{
		var event = event || window.event;
		
		$("colorwind").style.backgroundPosition = -defPosition(event).x + "px "  + (-defPosition(event).y) + "px";
    


		}
	
function $(name)
	{
	return document.getElementById(name);	
	}	

function getElementsByClassName(node, classname) 
	{
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for(var i=0,j=els.length; i<j; i++)
	if(re.test(els[i].className))a.push(els[i]);
	return a;
	}

function getLeft(obj)
{
  var left = obj.offsetLeft

  if (obj.offsetParent)
    left += getLeft(obj.offsetParent)

  return left
}

function getTop(obj)
{
  var top = obj.offsetTop

  if (obj.offsetParent)
    top += getTop(obj.offsetParent)

  return top
}	

function over(obj)
	{
	var texture = obj.style.backgroundImage	
	$("colorwind").style.left = getLeft(obj)-30;	
	$("colorwind").style.top = getTop(obj)-30;
	$("colorwind").style.backgroundImage = texture;
	$("colorwind").style.display = "block";
	//alert("s");
	}	
	
window.onload = function()
{
	
browser_name = navigator.appName;

var obj_a = getElementsByClassName(document, "color");
		
	for (var i=0; i<obj_a.length;i++) 
		{
		if (browser_name == "Netscape")	
			{
			obj_a[i].setAttribute("onmouseover", "over(this); return false;");
			}
		else
			{
			obj_a[i].setAttribute("onmouseover", function () {over(this); return false;});
		
			}

		}	
		
//alert(	browser_name );	
}