movedPng=function(element)
{
	this.posXCurrent = 0;
	this.element = element;
	this.element.thisElement = this;
	this.element.onmousemove = this.SetPositionDiv;
}

movedPng.prototype.SetPositionDiv=function(e)
{
	if (!e)
		e = window.event;
	elementMoved = document.getElementById ? document.getElementById("movePng") : document.all.movePng;
	elementMovedRight = document.getElementById ? document.getElementById("movePngRight") : document.all.movePngRight;
	elementWidth = parseInt(elementMoved.style.width);
	if (isNaN(elementWidth) || (0 == elementWidth))
	{
		elementMoved.style.width = '62px';
		elementWidth = 62;
	}
	posX = 0;
	if (e.pageX)
		posX = e.pageX;
	else if (e.clientX)
		posX = e.clientX + document.body.scrollLeft;
		
	if (0 == this.thisElement.posXCurrent)
	{
		this.thisElement.posXCurrent = posX;
		return;
	}
		
	if (!this.thisElement.IsInHolder(posX, elementWidth))
	{
		holderElement = document.getElementById ? document.getElementById("holder") : document.all.holder;
		
		documentWidth = 0;
		if (isNaN(document.width))
			documentWidth = document.documentElement.offsetWidth;
		else
			documentWidth = document.width;

		if (posX < parseInt(documentWidth)/2)
			posX = parseInt(documentWidth)/2 - parseInt(holderElement.style.width)/2 + elementWidth/2;
		else
			posX = parseInt(documentWidth)/2 + parseInt(holderElement.style.width)/2 - elementWidth/2;
	}
	
	if (posX > this.thisElement.posXCurrent)
	{
		offsetX = posX - this.thisElement.posXCurrent;
		this.thisElement.posXCurrent = posX;
	}
	else
	{
		this.thisElement.posXCurrent = posX;
		return;
	}
	
	/*elementMoved.style.left = (posX - parseInt(elementWidth) / 2) + "px";
	elementMovedRight.style.left = (posX + parseInt(elementWidth) / 2) + "px";
	elementMovedRight.style.width = (parseInt(documentWidth) - (posX + parseInt(elementWidth) / 2)) + "px";*/	
	elementMoved.style.left = (parseInt(elementMoved.style.left) + offsetX) + "px";
	elementMovedRight.style.left = (offsetX + parseInt(elementMovedRight.style.left)) + "px";
	elementMovedRight.style.width = (parseInt(documentWidth) - (offsetX + parseInt(elementMovedRight.style.left))) + "px";
}

movedPng.prototype.IsInHolder=function(posX, widthDiv)
{
	holderElement = document.getElementById ? document.getElementById("holder") : document.all.holder;
	if (isNaN(holderElement.style.width) || (0 == holderElement.style.width))
		holderElement.style.width = '891px';
	
	documentWidth = 0;
	if (isNaN(document.width))
		documentWidth = document.documentElement.offsetWidth;
	else
		documentWidth = document.width;
		
	if ((posX > (parseInt(documentWidth)/2 - parseInt(holderElement.style.width)/2 + parseInt(widthDiv)/2)) && 
		(posX < (parseInt(documentWidth)/2 + parseInt(holderElement.style.width)/2 - parseInt(widthDiv)/2)))
		return true;
		
	return false;
}

movedPng.loader=function()
{
	movedPngObj = new movedPng(document);
	elementMoved = document.getElementById ? document.getElementById("movePng") : document.all.movePng;
	elementMovedRight = document.getElementById ? document.getElementById("movePngRight") : document.all.movePngRight;
	holderElement = document.getElementById ? document.getElementById("holder") : document.all.holder;
	if (isNaN(holderElement.style.width) || (0 == holderElement.style.width))
		holderElement.style.width = '891px';
	elementWidth = 62;
	documentWidth = 0;
	if (isNaN(document.width))
		documentWidth = document.documentElement.offsetWidth;
	else
		documentWidth = document.width;
	posX = parseInt(documentWidth)/2 - parseInt(holderElement.style.width)/2 + parseInt(elementWidth)/2;
	elementMoved.style.left = (posX - parseInt(elementWidth) / 2) + "px";
	elementMovedRight.style.left = (posX + parseInt(elementWidth) / 2) + "px";
	elementMovedRight.style.width = (parseInt(documentWidth) - (posX + parseInt(elementWidth) / 2)) + "px";
}