var currentPopUp= "";
	var ie=document.all;
	var notIE=document.getElementById&&!document.all;
	
	var isdrag=false;
	var x,y;
	var dobj;
	var lastStoppedTopValue= 0;
	var lastScrollHeight= 0;

	function getWindowSize() {
	  var myWidth = 0, myHeight = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	  }
	  return([myWidth, myHeight]);
	}

	function popupDivClose(blackoutDiv) {
		document.getElementById(currentPopUp).style.display= "none";
		document.getElementById(blackoutDiv).style.display= "none";
		currentPopUp= "";
	}

	function popupDiv(e,divID) {
		currentPopUp= divID;
		window.document.getElementById(divID).className="dragme";
		window.document.getElementById(divID).style.cursor= "move";
		window.document.getElementById(divID).style.position="absolute";
		window.document.getElementById(divID).style.zIndex="1000";
		var blackoutObj= document.getElementById('blackout');
		if (!blackoutObj) {
			var blackoutNewDiv= document.createElement("DIV");
			blackoutNewDiv.id= "blackout";
			blackoutNewDiv.style.zIndex= "500";
			blackoutNewDiv.onclick= function (evt) { popupDivClose('blackout'); };
			var txt = document.createTextNode(" ");
			blackoutNewDiv.appendChild(txt);
			document.body.appendChild(blackoutNewDiv);
		} else {
			document.getElementById('blackout').style.display= "";
		}
		if (ie) {
			if (document.documentElement.scrollTop) {
				var scrollTopValue= document.documentElement.scrollTop;
			} else {
				var scrollTopValue= document.body.scrollTop;
			}
		} else {
			var scrollTopValue= window.pageYOffset;
		}
		document.getElementById('blackout').style.top= scrollTopValue+'px';
		window.document.getElementById(divID).style.display= "";

		window.document.getElementById(divID).style.left = notIE ? ((e.clientX+10)-(window.document.getElementById(divID).offsetWidth))+'px' : ((event.clientX+10)-(window.document.getElementById(divID).offsetWidth))+'px';
    	window.document.getElementById(divID).style.top  = notIE ? ((e.clientY-(window.document.getElementById(divID).offsetHeight))+scrollTopValue)+'px' : ((event.clientY-(window.document.getElementById(divID).offsetHeight))+scrollTopValue)+'px';

		lastStoppedTopValue= parseInt(document.getElementById(divID).style.top) - scrollTopValue;

    	if (divID == "loginForm") {
    		if (window.document.getElementById('login_username').value == '') { 
				window.document.getElementById('login_username').focus(); 
			} else {
				window.document.getElementById('login_password').focus();
			}
    	} else if (divID == "emailNumbersDiv") {
			window.document.getElementById('emailSavings_email').focus(); 
    	}
	}

	function movemouse(e) {
		window.status= window.pageYOffset;
	
	  if (isdrag) {
	  	var winSizeArr= getWindowSize();	
	  	var draggableAreaPadding= 10; // Padding in Pixels from the edge
	  	
		if (ie) {
			if (document.documentElement.scrollTop) {
				var scrollTopValue= document.documentElement.scrollTop;
			} else {
				var scrollTopValue= document.body.scrollTop;
			}
		} else {
			var scrollTopValue= window.pageYOffset;
		}
		var maxTopWindowNum= (scrollTopValue) + draggableAreaPadding; // How far they scrolled is the top
		var maxRightWindowNum= (winSizeArr[0] - dobj.offsetWidth) - draggableAreaPadding; // The width of the window minus the width of the object is the max right
		var maxBottomWindowNum= ((winSizeArr[1] - dobj.offsetHeight)+scrollTopValue) - draggableAreaPadding; // The max bottom is the height - the div plus how far they scrolled
		var maxLeftWindowNum= (0) + draggableAreaPadding; // You can't scroll to the left... so always 0; (for now but later we will add horizontal scrolling)

		if (notIE) {
			var xmovement= (tx + e.clientX - x);
			var ymovement= (ty + e.clientY - y);
		} else {
			var xmovement= (tx + event.clientX - x);
			var ymovement= (ty + event.clientY - y);
		}

		if ((xmovement) && (ymovement)) {	
			if (xmovement < maxLeftWindowNum) {
				dobj.style.left= maxLeftWindowNum+'px';
			} else if (xmovement > maxRightWindowNum) {
				dobj.style.left= maxRightWindowNum+'px';
			} else {
				dobj.style.left= xmovement+'px';
			}
			if (ymovement < maxTopWindowNum) {
				dobj.style.top= maxTopWindowNum+'px';
			} else if (ymovement > maxBottomWindowNum) {
				dobj.style.top= maxBottomWindowNum+'px';
			} else {
				dobj.style.top= ymovement+'px';
			}
		}

		lastStoppedTopValue= ((parseInt(dobj.style.top)) - scrollTopValue);

		return false;
	  }
	}
	
	function selectmouse(e) {
	  var fobj       = notIE ? e.target : event.srcElement;
	  var topelement = notIE ? "HTML" : "BODY";
	
		// PUT IN SOME BLOCKS SAYING INPUT FIELDS AND BUTTONS CANNOT BE USED FOR A DRAG
	  if ((fobj.tagName !== "INPUT") && (fobj.tagName !== "BUTTON")) {
		  while (fobj.tagName != topelement && fobj.className != "dragme") {
			fobj = notIE ? fobj.parentNode : fobj.parentElement;
		  }
	
		  if (fobj.className=="dragme") {
			isdrag = true;
			dobj = fobj;
			tx = parseInt(dobj.style.left+0);
			ty = parseInt(dobj.style.top+0);
			x = notIE ? e.clientX : event.clientX;
			y = notIE ? e.clientY : event.clientY;
			document.onmousemove=movemouse;
			return false;
		  }
	  }
	}

	function blackoutonscroll(e) {
		var blackoutDiv= document.getElementById('blackout');
		if ((!blackoutDiv) || (blackoutDiv.style.display == 'none')) {
			return true;
		}
		
		if (ie) {
			if (document.documentElement.scrollTop) {
				var scrollTopValue= document.documentElement.scrollTop;
			} else {
				var scrollTopValue= document.body.scrollTop;
			}
		} else {
			var scrollTopValue= window.pageYOffset;
		}
		//alert(document.body.scrollTop);
		
		document.getElementById('blackout').style.top= scrollTopValue+'px';
		document.getElementById(currentPopUp).style.top= (lastStoppedTopValue+scrollTopValue)+'px';
	}

	document.onmousedown=selectmouse;
	document.onmouseup=new Function("isdrag=false");
	window.onscroll=blackoutonscroll;