var cX = 0; 
var cY = 0; 
var rX = 0; 
var rY = 0;
 
function UpdateCursorPosition(e){ 
 cX = e.pageX; cY = e.pageY;
}
 
function UpdateCursorPositionDocAll(e){ 
 cX = event.clientX; 
 cY = event.clientY;
}
 
if(document.all) { 
 document.onmousemove = UpdateCursorPositionDocAll; 
}else { 
 document.onmousemove = UpdateCursorPosition; 
}
function AssignPosition(d) {
	 if(self.pageYOffset) {
	  rX = self.pageXOffset;
	  rY = self.pageYOffset;
	 } else if(document.documentElement && document.documentElement.scrollTop) {
	  rX = document.documentElement.scrollLeft;
	  rY = document.documentElement.scrollTop;
	 } else if(document.body) {
	  rX = document.body.scrollLeft;
	  rY = document.body.scrollTop;
	 }
	 
	 if(document.all) {
	  cX += rX; 
	  cY += rY;
	 }
	 
	 d.style.left = (cX+10) + "px";
	 d.style.top = (cY+10) + "px";
}
 
function HideContent(d) {
	 if(d.length < 1) { return; }
	 document.getElementById(d).style.display = "none";
}
 
function ShowContent(d) {
	 if(d.length < 1) { return; }
	 var dd = document.getElementById(d);
	 AssignPosition(dd);
	 dd.style.display = "block";
}

function ShowContentAtMousePosition(d, x, y){
	if(d.length < 1) { return; }
	var dd = document.getElementById(d);
	AssignMousePosition(dd, x, y);
	dd.style.display = "block";
}
function ShowContentAtMousePosition_ShopNow(d, x, y){
	if(d.length < 1) { return; }
	var dd = document.getElementById(d);
//AssignMousePosition(dd, x, y);
	 if(self.pageYOffset) {
	  rX = self.pageXOffset;
	  rY = self.pageYOffset;
	 } else if(document.documentElement && document.documentElement.scrollTop) {
	  rX = document.documentElement.scrollLeft;
	  rY = document.documentElement.scrollTop;
	 } else if(document.body) {
	  rX = document.body.scrollLeft;
	  rY = document.body.scrollTop;
	 }


	var cX = 1120;
	var cY = 178;
	 if(document.all) {
//	  cX += rX; 
//	  cY += rY;
	  x = -330;
	 }
	 
	 dd.style.left = (cX+x) + "px";
	 dd.style.top = (cY+y) + "px";
	 
	dd.style.display = "block";
	
}
function AssignMousePosition(d, x, y) {
	 if(self.pageYOffset) {
	  rX = self.pageXOffset;
	  rY = self.pageYOffset;
	 } else if(document.documentElement && document.documentElement.scrollTop) {
	  rX = document.documentElement.scrollLeft;
	  rY = document.documentElement.scrollTop;
	 } else if(document.body) {
	  rX = document.body.scrollLeft;
	  rY = document.body.scrollTop;
	 }

	 if(document.all) {
	  cX += rX; 
	  cY += rY;
	 }
	 
	 d.style.left = (cX+x) + "px";
	 d.style.top = (cY+y) + "px";
}


function ShowContentAtCenterPlace(d, x, y){
	if(d.length < 1) { return; }
	var dd = document.getElementById(d);
	centerDiv(dd, x, y);
	dd.style.display = "block";
}

function centerDiv(d, x, y){	
	if(self.pageYOffset) {
	  rX = self.pageXOffset;
	  rY = self.pageYOffset;
	 } else if(document.documentElement && document.documentElement.scrollTop) {
	  rX = document.documentElement.scrollLeft;
	  rY = document.documentElement.scrollTop;
	 } else if(document.body) {
	  rX = document.body.scrollLeft;
	  rY = document.body.scrollTop;
	 }
	 
	 var leftP = (rX - x)/2;
	 var topP  = (rY - y)/2;
	
	 d.style.left = "-150px";
	 d.style.top = (rY) + "px";
	 //alert("mouse: "+document.documentElement.scrollTop+" panel: "+rY);
}