var movMeId;
var xcoor;
var divPos = 0;
document.onmousedown=coordinates;
document.onmouseup=mouseup;

function coordinates(e)
{
if (e == null) { e = window.event;}
var sender = (typeof( window.event ) != "undefined" ) ? e.srcElement : e.target;

if (sender.id=="contentDiv")
  {
  xcoor=e.clientX;
  document.onmousemove=moveObj;
  return false;
  }
//else { return false; }
}

function moveObj(e)
{
	if (e == null) { e = window.event;}
	var x = divPos+e.clientX-xcoor;
	if(x >= 20 && x <= (900 - movMeId.clientWidth))
	{
		movMeId.style.left = x+"px";
	}
	return false;
}
	
function mouseup(e)
{
	document.onmousemove=null;
	movMeId.style.left = divPos+'px';
}

function on_load()
{
	movMeId=document.getElementById("contentDiv");
}

$(document).ready(function(){	 
	$('.logo').fadeIn(2000);
});