// JQuery additions for Thematic Essays 
$(document).ready(function(){
  var hideDelay = 10;  
  var currentID;
  var hideTimer = null;

  var container = $('<div id="essayPopupContainer">'
      + '<table width="" border="0" cellspacing="0" cellpadding="0" align="center" class="essayPopupPopup">'
      + '<tr>'
      + '   <td class="corner topLeft"></td>'
      + '   <td class="top"></td>'
      + '   <td class="corner topRight"></td>'
      + '</tr>'
      + '<tr>'
      + '   <td class="left">&nbsp;</td>'
      + '   <td class="whiteBG"><div id="essayPopupContent"></div></td>'
      + '   <td class="right">&nbsp;</td>'
      + '</tr>'
      + '<tr>'
      + '   <td class="corner bottomLeft">&nbsp;</td>'
      + '   <td class="bottom">&nbsp;</td>'
      + '   <td class="corner bottomRight"></td>'
      + '</tr>'
      + '</table>'
      + '</div>');

  $('body').append(container);


	$(".externalLink").after(" <img src=\"/toah/art/leavesite_red.gif\" border=\"0\">");
	$(".externalLink").addClass('external').attr('target', '_blank');

	//$('p a:regex(href,ho_)').addClass("toahTipObj");
	$('p a:regex(href,works-of-art)').addClass("toahTipObj");
	$('p a:regex(href,hd_)').addClass("toahTipTE");
	$(".toahTipObj").hoverIntent(showTooltipOBJ,hideTooltipOBJ);
	function showTooltipOBJ() {
		
		var objAccNo;
		var re = new RegExp('.*works-of-art/(.*)','ig');
		//var re = new RegExp('.*ho_(.*)\.htm','ig');
		objAccNo = $(this).attr("href");
		objAccNo = objAccNo.replace(re,"$1")

		var offset = $(this).offset();
		if (hideTimer)
			clearTimeout(hideTimer);


			var tipHeight = jQuery('#essayPopupContainer').height();
			var winHeight = jQuery(window).height();
			var scrollTop = $(window).scrollTop();

			var totalDivHeight = tipHeight + 180;
			var orientDiv = offset.top-scrollTop;

			$.ajax({
				url: "/toah/content/ho/preview/ho_"+objAccNo+".htm",
				success: function(msg){
					//alert( "Data Saved: " + msg );
					$("#essayPopupContent").attr("innerHTML",msg);
					tipHeight = jQuery('#essayPopupContainer').height();
					winHeight = jQuery(window).height();
					scrollTop = $(window).scrollTop();
					
					totalDivHeight = tipHeight + 180;
					orientDiv = offset.top-scrollTop;
	
					$("#essayPopupContainer").css('left',offset.left);
					$("#essayPopupContent").css('width',250);
					
					$("div.adSpace").remove();
					$("div.readMore").remove();
					
					var checkLength = $("#essayPopupContent").attr("innerHTML");
					if (checkLength.length > 100) {
						var divLoaded = $(container).height();
						//alert(divLoaded);
						if (orientDiv > (winHeight/2)) {
							$("#essayPopupContainer").css('top',offset.top-divLoaded);
						} else {
							$("#essayPopupContainer").css('top',offset.top+20);
						}
						
						container.fadeIn(100);
					}
				}
			});
		
	}
	function hideTooltipOBJ() {
		if (hideTimer)
		  clearTimeout(hideTimer);
		hideTimer = setTimeout(function()
		{
		  //container.css('display', 'none');
			container.fadeOut(100, function() {
				$("#essayPopupContent").attr("innerHTML","");
			});
		}, hideDelay);
	}

	$(".toahTipTE").hoverIntent(showTooltipTE,hideTooltipTE);
	function showTooltipTE() {
		
		var objAccNo;
		var re = new RegExp('.*hd_(.*)\.htm','ig');
		objAccNo = $(this).attr("href");
		objAccNo = objAccNo.replace(re,"$1")

		var offset = $(this).offset();

		if (hideTimer)
			clearTimeout(hideTimer);


			var tipHeight = jQuery('#essayPopupContainer').height();
			var winHeight = jQuery(window).height();
			var scrollTop = $(window).scrollTop();

			var totalDivHeight = tipHeight + 180;
			var orientDiv = offset.top-scrollTop;

			$.ajax({
				url: "/toah/content/te_ads/hd_"+objAccNo+".html",
				success: function(msg){
					//alert( "Data Saved: " + msg );
					$("#essayPopupContent").attr("innerHTML",msg);
					tipHeight = jQuery('#essayPopupContainer').height();
					winHeight = jQuery(window).height();
					scrollTop = $(window).scrollTop();
					
					totalDivHeight = tipHeight + 230;
					orientDiv = offset.top-scrollTop;
	
					$("#essayPopupContainer").css('left',offset.left);
					$("#essayPopupContent").css('width',295);
					
					//$("div.adSpace").remove();
					//$("div.readMore").remove();
					
					var checkLength = $("#essayPopupContent").attr("innerHTML");
					if (checkLength) {
						if (checkLength.length > 100) {
							var divLoaded = $(container).height();
							if (orientDiv > (winHeight/2)) {
								$("#essayPopupContainer").css('top',offset.top-divLoaded);
							} else {
								$("#essayPopupContainer").css('top',offset.top+20);
							}
							
							container.fadeIn(100);
						}
					}
				}
			});

	}
	function hideTooltipTE() {
		if (hideTimer)
		  clearTimeout(hideTimer);
		hideTimer = setTimeout(function()
		{
		  //container.css('display', 'none');
			container.fadeOut(100, function() {
				$("#essayPopupContent").attr("innerHTML","");
			});
		}, hideDelay);
	}

	$(".objThumbLI").hoverIntent(showPreviewer,hidePreviewer);
	function showPreviewer() {
		var divID = $(this).attr("id");
		var accessNo = $(this).attr("rel");
		$(this).prepend("<div id=\""+divID+"Hover\" class=\"objThumb\"></div>");
		ajaxpage('/toah/content/ho/preview/ho_'+accessNo+'.htm', divID+'Hover');
		$("#"+divID+"Hover").fadeIn(100);
	}
	function hidePreviewer() {
		var divID = $(this).attr("id");
		$("#"+divID+"Hover").fadeOut(100);
	}

    $(".showPDF").click(function(){
    	$(this).parent().children(".pdfList").toggle();
    })
    
    $(document).click(function(){
    	$("#essayPopupContainer").hide();
    })
    

	/* #### DS Slideshow specific #### */
	/* #### #### #### #### #### #### #### #### #### #### */

	var iconsName = "thematicIcons"; // Name of the DIV holding the thumbnails
	var numberOfObjects = $("#"+iconsName+" li").size();
	var totalWidth = (numberOfObjects*400)+600;
	var currentNumber = 0;
	var currentSlideshowNumber = 1;
	var currentMargin = 0;
	var ie7Check = (jQuery.browser.msie && (jQuery.browser.version < 8 || document.documentMode < 8));

	$("#slideshowWindow").width(totalWidth);

	// Get a numbering system in place
	var slideShowNumbering = 1;
	$(".objSlideshowLI").each(function(){
		$(this).addClass("slideshow"+slideShowNumbering+"Pos");
		slideShowNumbering = slideShowNumbering+1;
	})


	/* Turn on the slideshow */
	$(".slideshowButton").click(function(){
		if (ie7Check == true){
			$("#"+iconsName).hide(300,function(){
				$("#slideshowIcons").show(300); $(".slideshowButton").hide(); $(".thumbnailsButton").show();
			})
		} else {
			$("#"+iconsName).slideUp(300,function(){
				$("#slideshowIcons").slideDown(300); $(".slideshowButton").hide(); $(".thumbnailsButton").show();
			})
		}
		currentMargin = 0; currentSlideshowNumber = 1;
	})
	/* Turn off the slideshow */
	$(".thumbnailsButton").click(function(){
		$("#slideShowNotifier").hide();
		if (ie7Check == true){
			$("#slideshowIcons").hide(300,function(){
				$("#"+iconsName).show(300); $(".thumbnailsButton").hide(); $(".slideshowButton").show();
			})
		} else {
			$("#slideshowIcons").slideUp(300,function(){
				$("#"+iconsName).slideDown(300); $(".thumbnailsButton").hide(); $(".slideshowButton").show();
			})
		}
	})

	/* Arrow designs */
	$(".arrowLeft").hover(function(){
		$(this).children("img").attr("src","/toah/art/arrow_l_on.png");
	}, function(){
		$(this).children("img").attr("src","/toah/art/arrow_l.png");
	})
	
	$(".arrowRight").hover(function(){
		$(this).children("img").attr("src","/toah/art/arrow_r_on.png");
	}, function(){
		$(this).children("img").attr("src","/toah/art/arrow_r.png");
	})

	$(".objSlideshowLI").hoverIntent(function(){
		$(this).find(".imageCaption").slideDown(200);
	}, function(){
		$(this).find(".imageCaption").slideUp(200);
	})
	
	// Set up some notifier dots //
	$("#slideShowToggler").append("<ul id=\"slideShowNotifier\"></ul>");
	var i=1;
	for (i=1;i<=numberOfObjects;i++) {
		$("#slideShowNotifier").append("<li class=\"notifier"+i+"\"><a href=\"#slideshow"+i+"\">Slideshow "+i+"</a></li>");
	}	

	if (ie7Check == true){
		$("a").click(function(){
			if($(this).attr("href").indexOf("#") != "-1"){
				var hash = this.href;
				hash = hash.replace(/^.*#/, '');
				$.historyLoad(hash);
				return false;
			}
		})
	}

// $("#slideshowIcons ul").animate({'marginLeft':'-'+currentMargin+'px'});

	/* #### #### #### #### #### #### #### #### #### #### */
	/* #### End of DS Slideshow #### */
		
		
	$(".fullCaption").click(function(){
		$(this).parent().find(".fullCaption").hide();
		$(this).parent().find(".labelForAudio").show();
	})
	
});

function pageload(hash) {
	// alert("pageload: " + hash);
	// hash doesn't contain the first # character.
	if(hash) {
		// restore ajax loaded state
		if($.browser.msie) {
			// jquery's $.load() function does't work when hash include special characters like aao.
			hash = encodeURIComponent(hash);
		}

		if(hash.indexOf("slideshow") != "-1"){
			$("#thematicIcons").slideUp(300,function(){
				$("#slideshowIcons").slideDown(300,function(){
					$("#slideShowNotifier").show();
				});
				$(".slideshowButton").hide();
				$(".thumbnailsButton").show();
			})

			var numberOfObjects = $(".objSlideshowLI").size();
			currentSlideshowNumber = parseFloat(hash.replace("slideshow",""));
			currentMargin = ((currentSlideshowNumber-1)*412)+6;
			
			if (currentSlideshowNumber >= (numberOfObjects+1)) { currentMargin = 0; currentSlideshowNumber = 1; }
			$(".arrowLeft").attr("href","#slideshow"+(currentSlideshowNumber-1));
			$(".arrowRight").attr("href","#slideshow"+(currentSlideshowNumber+1));

			$("#slideShowNotifier li").each(function(){
				$(this).removeClass("activeNotify");
			})

			$(".notifier"+currentSlideshowNumber).addClass("activeNotify");

			$(".arrowLeft").hide();
			$(".arrowRight").hide();

			$(".objSlideshowLI").each(function(){
				$(this).fadeTo(100,.5);
			})
			$("#slideshowIcons #slideshowWindow").animate({'marginLeft':'-'+currentMargin+'px'},function(){
				$(".slideshow"+currentSlideshowNumber+"Pos").fadeTo(100,1);
			
				if (currentSlideshowNumber == 1) { $(".arrowLeft").hide(); } else { $(".arrowLeft").show(); }
				if (currentSlideshowNumber == $(".objSlideshowLI").size()){ $(".arrowRight").hide(); } else { $(".arrowRight").show(); }
			});
		}

	}
}
	
function swapRelated(theID) {
	var el = document.getElementById(theID);
	var elArrow = document.getElementById(theID+'Arrow');
		if (el.style.display == 'none' || el.style.display == '') {
			$('#'+theID).slideDown("fast");
			elArrow.src = '/toah/art/thematic_arrow_down.gif';
		} else {
			$('#'+theID).slideUp("fast");
			elArrow.src = '/toah/art/thematic_arrow_right.gif';
		}
	//alert(el.style.display);
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function previewObj(accessNo,whichID) {
	ajaxpage('/toah/content/ho/preview/ho_'+accessNo+'.htm', 'objThumbEnlarge'+whichID);
	document.getElementById('objThumbEnlarge'+whichID).style.display = "block";
	//divName = 'objThumbEnlarge'+whichID;
}
function hideObj(accessNo,whichID) {
	document.getElementById('objThumbEnlarge'+whichID).style.display = "none";
}

var stallVariable = 0;
var c=0
var t

function unStallSwap() {
	stallVariable = 0;
}

function stallSwap() {
	stallVariable = 1;
	clearTimeout(t);
	t=setTimeout("unStallSwap()",1000);
}
function swapCategory(theID) {
	if (stallVariable == 0) {
		var el = document.getElementById(theID);
		var elArrow = document.getElementById(theID+'Arrow');
			if (el.style.display == 'none' || el.style.display == '') {
				$('#'+theID).slideDown("fast");
				elArrow.src = '/toah/art/thematic_arrow_down.gif';
			} else {
				$('#'+theID).slideUp("fast");
				elArrow.src = '/toah/art/thematic_arrow_right.gif';
			}
	}
	//alert(el.style.display);
}

function resetCategories(whichToReset) {
	if (whichToReset == 'timeSpace') { 
		document.getElementById('categoryGeo').value="all";
		document.getElementById('categoryTime').value="all";
	} else { 
		document.getElementById('categoryDept').value="all";
	}
}



// ##### HANDLES NON MET IMAGES ON THEMATIC ESSAY PAGES ##### //
function makeObjectsActive(whichItem) {
	if (totalAV > 0) {
		// First make all invisible //
		for (i=1;i<(totalAV+1);i++) 
		{
			document.getElementById('tombTextAlt'+i).style.display = "none";
		}	
			// Now make the appropriate text space visible if it's not null //
		document.getElementById('tombTextAlt0').style.display = "block";
		document.getElementById('tombTextAlt'+whichItem).style.display = "block";
				
		for (x in replaceArray)
		{
			if (replaceArray[x] == whichItem) {
				document.getElementById('tombTextAlt0').style.display = "none";
			}
		}				
	}
}

function toggleEnlargeThematic(xxx,whichItem) {
	if (xxx == "multimediaEnlargement"){
		$(".absoluteMe a").hide();
		$(".mainObjImage").hide();
	} else {
		$(".absoluteMe a").show();
		$(".mainObjImage").show();
	}
	var el = document.getElementById('altViewsEnlarge');
		document.getElementById('activeBig').src='../../images/h2/h2_'+xxx+'.jpg';

		  var scrOfX = 0, scrOfY = 0;
		  if( typeof( window.pageYOffset ) == 'number' ) {
			//Netscape compliant
			scrOfY = window.pageYOffset;
			scrOfX = window.pageXOffset;
		  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
			//DOM compliant
			scrOfY = document.body.scrollTop;
			scrOfX = document.body.scrollLeft;
		  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
			//IE6 standards compliant mode
			scrOfY = document.documentElement.scrollTop;
			scrOfX = document.documentElement.scrollLeft;
		  }
		
		document.getElementById("altViewsEnlarge").style.top = (scrOfY+50)+"px";
		document.getElementById("altViewsEnlarge").style.left = "75px";

	if (totalAV.length > 0) {
		// First make all invisible //
		for (i=1;i<(totalAV.length+1);i++) 
		{
			document.getElementById('tombTextAlt'+totalAV[i-1]).style.display = "none";
		}	
			// Now make the appropriate text space visible if it's not null //
		if(xxx == "multimediaEnlargement") {
			$("#multimediaEnlargement").show();
			$("#activeBig").hide();
		} else {
			$("#tombTextAlt"+xxx).show();
			$("#multimediaEnlargement").hide();
			$("#activeBig").show();
		}
	}

		el.style.display = 'block';

   var newdiv = document.createElement('div');
   newdiv.id = "wholePageClose";
   newdiv.style.width = "100%";
   newdiv.style.height = "100%";
   newdiv.style.position = "absolute";
   newdiv.style.left = 0;
   newdiv.style.top = scrOfY+"px";
   
   newdiv.style.zIndex = 1;  
   document.body.appendChild(newdiv);
   document.getElementById("wholePageClose").onclick=new Function("hideEnlargement()");

}

function toggleEnlargeThematicMap(xxx,whichItem) {
	var el = document.getElementById('altViewsEnlargeMap');
		document.getElementById('activeBigMap').src='../../hg/'+xxx;
		  var scrOfX = 0, scrOfY = 0;
		  if( typeof( window.pageYOffset ) == 'number' ) {
			//Netscape compliant
			scrOfY = window.pageYOffset;
			scrOfX = window.pageXOffset;
		  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
			//DOM compliant
			scrOfY = document.body.scrollTop;
			scrOfX = document.body.scrollLeft;
		  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
			//IE6 standards compliant mode
			scrOfY = document.documentElement.scrollTop;
			scrOfX = document.documentElement.scrollLeft;
		  }
		
		document.getElementById("altViewsEnlargeMap").style.top = (scrOfY+50)+"px";
		document.getElementById("altViewsEnlargeMap").style.left = "75px";

	if (totalMaps > 0) {
		// First make all invisible //
		for (i=1;i<(totalMaps+1);i++) 
		{
			document.getElementById('mapTextAlt'+i).style.display = "none";
		}	
			// Now make the appropriate text space visible if it's not null //
		document.getElementById('mapTextAlt'+whichItem).style.display = "block";
	}

		el.style.display = 'block';

   var newdiv = document.createElement('div');
   newdiv.id = "wholePageClose";
   newdiv.style.width = "100%";
   newdiv.style.height = "100%";
   newdiv.style.position = "absolute";
   newdiv.style.left = 0;
   newdiv.style.top = scrOfY+"px";
   
   newdiv.style.zIndex = 1;  
   document.body.appendChild(newdiv);
   document.getElementById("wholePageClose").onclick=new Function("hideEnlargementMap()");


}

function doWin(){
	var orig_div_cont=document.getElementById("EnlargedView").innerHTML;
	var myWin=window.open("","myWin","menubar,scrollbars,left=30px,top=40px,height=400px,width=680px");
	myWin.document.write('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>The Heilbrunn Timeline of Art History | The Metropolitan Museum of Art</title><script type="text/javascript">function printFunction(){var t=setTimeout("window.print()",700);}</script><style>body { background:none; margin:0px; padding:0px; font-family:Arial,sans-serif; font-size:14px; } #footer { font-size:11px; margin-top:3px; } img { margin-bottom:20px; display:block; }</style></head><body onload="printFunction();"><div id="dest_div"></div><div id="footer">Copyright &copy; 2000&ndash;2008 The Metropolitan Museum of Art. All rights reserved.</body></html>');
	myWin.document.close();
	myWin.document.getElementById("dest_div").innerHTML+=orig_div_cont;
}

function hideEnlargement() {
	var el = document.getElementById('altViewsEnlarge');
	document.getElementById('activeBig').src = "/toah/images/spacer.gif";
	el.style.display = "none";
	var el2 = document.getElementById('wholePageClose');
   document.body.removeChild(el2);	
}

function doWinMap(){
	var orig_div_cont=document.getElementById("EnlargedViewMap").innerHTML;
	var myWin=window.open("","myWin","menubar,scrollbars,left=30px,top=40px,height=400px,width=680px");
	myWin.document.write('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>The Heilbrunn Timeline of Art History | The Metropolitan Museum of Art</title><script type="text/javascript">function printFunction(){var t=setTimeout("window.print()",700);}</script><style>body { background:none; margin:0px; padding:0px; font-family:Arial,sans-serif; font-size:14px; } #footer { font-size:11px; margin-top:3px; } img { margin-bottom:20px; display:block; }</style></head><body onload="printFunction();"><div id="dest_div"></div><div id="footer">Copyright &copy; 2000&ndash;2008 The Metropolitan Museum of Art. All rights reserved.</body></html>');
	myWin.document.close();
	myWin.document.getElementById("dest_div").innerHTML+=orig_div_cont;
}

function hideEnlargementMap() {
	var el = document.getElementById('altViewsEnlargeMap');
	document.getElementById('activeBigMap').src = "/toah/images/spacer.gif";
	el.style.display = "none";
	var el2 = document.getElementById('wholePageClose');
   document.body.removeChild(el2);	
}


// ###### FUNCTIONS FOR THE THEMATIC ESSAY INDEX ###### //

function thematicIndexReveal(theID,content,whichOne) {
	var el = document.getElementById('thematicIndex'+theID+whichOne);
	var el2 = document.getElementById('thematicIndex'+theID+'Holder'+whichOne);
	//var elspacer = document.getElementById('sp'+content);
	var elArrow = document.getElementById('thematicArrow'+theID+whichOne);
	
	if (el) {
		if (stallVariable == 0) {
			if (el.style.display == 'none' || el.style.display == '') {
				el.style.display='none';
				ajaxpageWhite('/toah/content/te_ads/hd_'+content+'.html', 'thematicIndex'+theID+whichOne);
				//$("#thematicIndex"+theID+whichOne).load("/toah/content/te_ads/hd_"+content+".html");
				elArrow.src = '/toah/art/close.png';
				$('#thematicIndex'+theID+whichOne).slideDown("fast");
				el2.className='stayHighlight';
				document.getElementById('thematicSlideIndex'+theID).style.display = "block";
			} else {
				$('#thematicIndex'+theID+whichOne).slideUp("fast");
				el2.className='indexHighlight';
				elArrow.src = '/toah/art/open.png';
				document.getElementById('thematicSlideIndex'+theID).style.display = "none";
			}
		}
	}
}

function highlightIndex(theNum,whichOne) {
	var el = document.getElementById('thematicIndex'+theNum+'Holder'+whichOne);
	if (el.className != 'stayHighlight') {
		el.className='indexHighlight';
	}
}

function unhighlightIndex(theNum,whichOne) {
	var el = document.getElementById('thematicIndex'+theNum+'Holder'+whichOne);
	if (el.className != 'stayHighlight') {
		el.className='thematicIndexInfo';
	}
}

function unhighlightIndex2(theNum,whichOne) {
	var el = document.getElementById('thematicIndex'+theNum+'Holder'+whichOne);
	if (el.className != 'stayHighlight') {
		el.className='indexAlt thematicIndexInfo';
	}
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function expand(obj) {
	if (obj != 'recent') {
		var changeIMG = 'UL' + obj + 'Arrow';
		if ( $('#UL'+obj).is(':hidden') ) { 
			$('#UL'+obj).show();
			$("#UL" + obj + "Arrow").attr("src","/toah/art/thematic_arrow_down.gif");
		}
		else {
			$('#UL'+obj).hide();
			$("#UL" + obj + "Arrow").attr("src","/toah/art/thematic_arrow_right.gif");
		}
	}
}



/**************************************************
 * dom-drag.js
 * 09.25.2001
 * www.youngpup.net
 * Script featured on Dynamic Drive (http://www.dynamicdrive.com) 12.08.2005
 **************************************************
 * 10.28.2001 - fixed minor bug where events
 * sometimes fired off the handle, not the root.
 **************************************************/

var Drag = {

	obj : null,

	init : function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)
	{
	minY = 0;
		o.onmousedown	= Drag.start;

		o.hmode			= bSwapHorzRef ? false : true ;
		o.vmode			= bSwapVertRef ? false : true ;

		o.root = oRoot && oRoot != null ? oRoot : o ;

		if (o.hmode  && isNaN(parseInt(o.root.style.left  ))) o.root.style.left   = "0px";
		if (o.vmode  && isNaN(parseInt(o.root.style.top   ))) o.root.style.top    = "0px";
		if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right  = "0px";
		if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";

		o.minX	= typeof minX != 'undefined' ? minX : null;
		o.minY	= typeof minY != 'undefined' ? minY : null;
		o.maxX	= typeof maxX != 'undefined' ? maxX : null;
		o.maxY	= typeof maxY != 'undefined' ? maxY : null;

		o.xMapper = fXMapper ? fXMapper : null;
		o.yMapper = fYMapper ? fYMapper : null;

		o.root.onDragStart	= new Function();
		o.root.onDragEnd	= new Function();
		o.root.onDrag		= new Function();
	},

	start : function(e)
	{
		var o = Drag.obj = this;
		e = Drag.fixE(e);
		var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
		o.root.onDragStart(x, y);

		o.lastMouseX	= e.clientX;
		o.lastMouseY	= e.clientY;

		if (o.hmode) {
			if (o.minX != null)	o.minMouseX	= e.clientX - x + o.minX;
			if (o.maxX != null)	o.maxMouseX	= o.minMouseX + o.maxX - o.minX;
		} else {
			if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;
			if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;
		}

		if (o.vmode) {
			if (o.minY != null)	o.minMouseY	= e.clientY - y + o.minY;
			if (o.maxY != null)	o.maxMouseY	= o.minMouseY + o.maxY - o.minY;
		} else {
			if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;
			if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;
		}

		document.onmousemove	= Drag.drag;
		document.onmouseup		= Drag.end;

		return false;
	},

	drag : function(e)
	{
		e = Drag.fixE(e);
		var o = Drag.obj;

		var ey	= e.clientY;
		var ex	= e.clientX;
		var y = parseInt(o.vmode ? o.root.style.top  : o.root.style.bottom);
		var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );
		var nx, ny;

		if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);
		if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);
		if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);
		if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);

		nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));
		ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));

		if (o.xMapper)		nx = o.xMapper(y)
		else if (o.yMapper)	ny = o.yMapper(x)

		Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";
		Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";
		Drag.obj.lastMouseX	= ex;
		Drag.obj.lastMouseY	= ey;

		Drag.obj.root.onDrag(nx, ny);
		return false;
	},

	end : function()
	{
		document.onmousemove = null;
		document.onmouseup   = null;
		Drag.obj.root.onDragEnd(	parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), 
									parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));
		Drag.obj = null;
	},

	fixE : function(e)
	{
		if (typeof e == 'undefined') e = window.event;
		if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
		if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
		return e;
	}
};
/*
var divName = 'theBox2'; // div that is to follow the mouse
                       // (must be position:absolute)
var offX = 15;          // X offset from mouse position
var offY = 15;          // Y offset from mouse position

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}
function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}

function follow(evt) {if (document.getElementById) {var obj = document.getElementById(divName).style; obj.visibility = 'visible';
obj.left = (parseInt(mouseX(evt))+offX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY) + 'px';}}
document.onmousemove = follow;
*/