/************************************************************************************************************
(C) www.dhtmlgoodies.com, April 2006

Update log:
	August, 9th, 2006: Added a fix to the preserve aspect ratio feature ( Thanks to Urko Benito)
	August, 11th, 2006: If fixed ratio is set, resize crop area initially
	
This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	

Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.

Thank you!

www.dhtmlgoodies.com
Alf Magne Kalleland

************************************************************************************************************/	
/*
MODIFIED AS NEEDED BY RTF 2010.Jun
*/
var crop_script_alwaysPreserveAspectRatio = true;
var crop_script_fixedRatio = 0.80;	 // Fixed aspect ratio(example of value: 1.5). Width of cropping area relative to height(1.5 means that the width is 150% of the height)
									 // Set this variable to false if you don't want a fixed aspect ratio

var crop_script_browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
var cropDiv_left = false;
var cropDiv_top = false;
var cropDiv_right = false;
var cropDiv_bottom = false;  
var cropDiv_dotted = false;

var crop_currentResizeType = false;

var cropEvent_posX;
var cropEvent_posY;

var cropEvent_eventX;
var cropEvent_eventY;
var crop_resizeCounter = -1;
var crop_moveCounter = -1;

var crop_imageDiv = false;
var imageDiv_currentWidth = false;
var imageDiv_currentHeight = false;
var imageDiv_currentLeft = false;
var imageDiv_currentTop = false;

var smallSquare_tl;
var smallSquare_tc;
var smallSquare_tr;
var smallSquare_lc;
var smallSquare_rc;
var smallSquare_bl;
var smallSquare_bc;
var smallSquare_br;

var offsetSmallSquares = Math.floor(smallSquareWidth/2);

var cropScriptAjaxObjects = new Array();
var preserveAspectRatio = false;

var cropWidthRatio = false;	// width of cropping area relative to height

function isset(aVar) {
	return !(aVar === undefined);
}

function setDebugElem(aDebugElemName, aValue) {
	var anElem = document.getElementById('debug_'+aDebugElemName);
	if (anElem!=null) anElem.value = aValue;
}

function getBrowserEvent(anEvent) {
	if (document.all)
		anEvent = event;
	anEvent.mouseX = anEvent.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
	anEvent.mouseY = anEvent.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	//setDebugElem(1,anEvent.mouseX);
	//setDebugElem(2,anEvent.mouseY);
	return anEvent;
}

function getBrowserSource(e) {
	if (e.target)
		theResult = e.target;
	else 
		if (e.srcElement) 
			theResult = e.srcElement;
	if (theResult.nodeType == 3) // defeat Safari bug
		theResult = theResult.parentNode;
	return theResult;
}

function crop_createDivElements() {
	crop_imageDiv = document.getElementById('imageContainer');
	crop_imageDiv.setAttribute('width',crop_imageWidth+'px');
	crop_imageDiv.setAttribute('height',crop_imageHeight+'px');

	var init_left = ((imageDiv_currentLeft)?imageDiv_currentLeft:0);
	var init_top =((imageDiv_currentTop)?imageDiv_currentTop:0);
	var init_width = ((imageDiv_currentWidth)?imageDiv_currentWidth:crop_imageWidth);
	var init_height = ((imageDiv_currentHeight)?imageDiv_currentHeight:crop_imageHeight);
	
	cropDiv_left = document.createElement('DIV');
	cropDiv_left.className = 'crop_transparentDiv'; 
	cropDiv_left.style.visibility = 'visible';
	cropDiv_left.style.left = '0px';
	cropDiv_left.style.top = '0px';
	cropDiv_left.style.height = crop_imageHeight +'px';
	cropDiv_left.style.width = init_left +'px';
	cropDiv_left.innerHTML = '<span></span>';
	crop_imageDiv.appendChild(cropDiv_left);
	
	cropDiv_top = document.createElement('DIV');
	cropDiv_top.className = 'crop_transparentDiv'; 
	cropDiv_top.style.visibility = 'visible';
	cropDiv_top.style.left = init_left +'px';
	cropDiv_top.style.top = '0px';
	cropDiv_top.style.height = init_top +'px';
	cropDiv_top.style.width = init_width +'px';
	cropDiv_top.innerHTML = '<span></span>';
	crop_imageDiv.appendChild(cropDiv_top);
	
	cropDiv_right = document.createElement('DIV');
	cropDiv_right.className = 'crop_transparentDiv'; 
	cropDiv_right.style.visibility = 'visible';
	cropDiv_right.style.left = crop_imageWidth +'px';
	cropDiv_right.style.top = '0px';
	cropDiv_right.style.height = crop_imageHeight +'px';
	cropDiv_right.style.width = '0px';		
	cropDiv_right.innerHTML = '<span></span>';
	crop_imageDiv.appendChild(cropDiv_right); 
	
	cropDiv_bottom = document.createElement('DIV');
	cropDiv_bottom.className = 'crop_transparentDiv'; 
	cropDiv_bottom.style.visibility = 'visible';
	cropDiv_bottom.style.left = cropToolBorderWidth+'px';
	cropDiv_bottom.style.top = (init_top+init_height) +'px';
	cropDiv_bottom.style.height = crop_imageHeight-(init_top+init_height) +'px';
	cropDiv_bottom.style.width = crop_imageWidth +'px';
	cropDiv_bottom.innerHTML = '<span></span>';
	crop_imageDiv.appendChild(cropDiv_bottom); 
	
	cropDiv_dotted = document.createElement('DIV');
	cropDiv_dotted.className='crop_dottedDiv';
	cropDiv_dotted.style.left = init_left +cropToolBorderWidth+'px';
	cropDiv_dotted.style.top = init_top +cropToolBorderWidth+'px';
	cropDiv_dotted.style.width = init_width +'px';
	cropDiv_dotted.style.height = init_height +'px';
	cropDiv_dotted.innerHTML = '<div></div>'; 
	cropDiv_dotted.style.cursor = 'move';
	//setDebugElem('1',cropDiv_dotted.style.left+","+cropDiv_dotted.style.top+" "+cropDiv_dotted.style.width+"-"+cropDiv_dotted.style.height);
	//setDebugElem(2,parseInt(cropDiv_dotted.style.width));
	
	if (crop_script_browserIsOpera) {
		var div = cropDiv_dotted.getElementsByTagName('DIV')[0];
		div.style.backgroundColor='transparent';
		cropDiv_bottom.style.backgroundColor='transparent';
		cropDiv_right.style.backgroundColor='transparent';
		cropDiv_top.style.backgroundColor='transparent';
		cropDiv_left.style.backgroundColor='transparent';			
	}
	
	cropDiv_dotted.onmousedown = cropScript_initMove;
	
	smallSquare_tl = document.createElement('IMG');
	smallSquare_tl.src = crop_script_path+'images/small_square.gif';
	smallSquare_tl.style.position = 'absolute';
	smallSquare_tl.style.left = ( -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_tl.style.top = ( -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';		
	smallSquare_tl.style.cursor = 'nw-resize';
	smallSquare_tl.id = 'nw-resize';
	smallSquare_tl.onmousedown = cropScript_initResize;
	cropDiv_dotted.appendChild(smallSquare_tl);
	
	smallSquare_tr = document.createElement('IMG');
	smallSquare_tr.src = crop_script_path+'images/small_square.gif';
	smallSquare_tr.style.position = 'absolute';
	smallSquare_tr.style.left = (init_width -offsetSmallSquares - (cropToolBorderWidth*2)) + 'px';
	smallSquare_tr.style.top = ( -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';		
	smallSquare_tr.style.cursor = 'ne-resize';
	smallSquare_tr.id = 'ne-resize';
	smallSquare_tr.onmousedown = cropScript_initResize;
	cropDiv_dotted.appendChild(smallSquare_tr);
	
	smallSquare_bl = document.createElement('IMG');
	smallSquare_bl.src = crop_script_path+'images/small_square.gif';
	smallSquare_bl.style.position = 'absolute';
	smallSquare_bl.style.left = ( -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_bl.style.top = (init_height -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_bl.style.cursor = 'sw-resize';
	smallSquare_bl.id = 'sw-resize';
	smallSquare_bl.onmousedown = cropScript_initResize;
	cropDiv_dotted.appendChild(smallSquare_bl);
	
	smallSquare_br = document.createElement('IMG');
	smallSquare_br.src = crop_script_path+'images/small_square.gif';
	smallSquare_br.style.position = 'absolute';
	smallSquare_br.style.left = (init_width -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_br.style.top = (init_height -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_br.style.cursor = 'se-resize';
	smallSquare_br.id = 'se-resize';
	smallSquare_br.onmousedown = cropScript_initResize;
	cropDiv_dotted.appendChild(smallSquare_br);
	
	smallSquare_tc = document.createElement('IMG');
	smallSquare_tc.src = crop_script_path+'images/small_square.gif';
	smallSquare_tc.style.position = 'absolute';
	smallSquare_tc.style.left = (Math.floor(init_width/2) -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_tc.style.top = ( -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_tc.style.cursor = 's-resize';
	smallSquare_tc.id = 'n-resize';
	smallSquare_tc.onmousedown = cropScript_initResize;
	cropDiv_dotted.appendChild(smallSquare_tc);
	
	smallSquare_bc = document.createElement('IMG');
	smallSquare_bc.src = crop_script_path+'images/small_square.gif';
	smallSquare_bc.style.position = 'absolute';
	smallSquare_bc.style.left = (Math.floor(init_width/2) -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_bc.style.top = (init_height -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_bc.style.cursor = 's-resize';
	smallSquare_bc.id = 's-resize';
	smallSquare_bc.onmousedown = cropScript_initResize;
	cropDiv_dotted.appendChild(smallSquare_bc);
	
	smallSquare_lc = document.createElement('IMG');
	smallSquare_lc.src = crop_script_path+'images/small_square.gif';
	smallSquare_lc.style.position = 'absolute';
	smallSquare_lc.style.left = ( -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_lc.style.top = (Math.floor(init_height/2) -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_lc.style.cursor = 'e-resize';
	smallSquare_lc.id = 'w-resize';
	smallSquare_lc.onmousedown = cropScript_initResize;
	cropDiv_dotted.appendChild(smallSquare_lc);	
	
	smallSquare_rc = document.createElement('IMG');
	smallSquare_rc.src = crop_script_path+'images/small_square.gif';
	smallSquare_rc.style.position = 'absolute';
	smallSquare_rc.style.left = (init_width -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_rc.style.top = (Math.floor(init_height/2) -offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_rc.style.cursor = 'e-resize';
	smallSquare_rc.id = 'e-resize';
	smallSquare_rc.onmousedown = cropScript_initResize;
	cropDiv_dotted.appendChild(smallSquare_rc);		
	
	crop_imageDiv.appendChild(cropDiv_dotted); 	
}

function cropScript_initMove(e) {
	e = getBrowserEvent(e);
	
	source = getBrowserSource(e);
	if(source.id && source.id.indexOf('resize')>=0) 
		return;	

	//setDebugElem(2,cropDiv_dotted.style.left+","+cropDiv_dotted.style.top+" "+cropDiv_dotted.style.width+"x"+cropDiv_dotted.style.height);
	imageDiv_currentLeft = parseInt(cropDiv_dotted.style.left);
	imageDiv_currentTop = parseInt(cropDiv_dotted.style.top);
	imageDiv_currentWidth = parseInt(cropDiv_dotted.style.width);
	imageDiv_currentHeight = parseInt(cropDiv_dotted.style.height);		
	cropEvent_eventX = e.mouseX;
	cropEvent_eventY = e.mouseY;		
	
	crop_moveCounter = 0;
	cropScript_timerMove();
	return false;
}

function cropScript_timerMove()	{
	if(crop_moveCounter>=0 && crop_moveCounter<10){
		crop_moveCounter++;
		setTimeout('cropScript_timerMove()',1);
		return;
	}		
	
}

function cropScript_initResize(e) {
	e = getBrowserEvent(e);
	cropDiv_dotted.style.cursor = 'default';
	crop_currentResizeType = this.id;
	
	cropEvent_eventX = e.mouseX;
	cropEvent_eventY = e.mouseY;
	crop_resizeCounter = 0;
	imageDiv_currentLeft = parseInt(cropDiv_dotted.style.left);
	imageDiv_currentTop = parseInt(cropDiv_dotted.style.top);
	imageDiv_currentWidth = parseInt(cropDiv_dotted.style.width);
	imageDiv_currentHeight = parseInt(cropDiv_dotted.style.height);		
	
	if (crop_script_fixedRatio)
		cropWidthRatio = crop_script_fixedRatio;
	else
		cropWidthRatio = cropDiv_dotted.offsetWidth / cropDiv_dotted.offsetHeight;
	
	if (document.all) {
		var div = cropDiv_dotted.getElementsByTagName('DIV')[0];
		div.style.display = 'none';
	}
		
	cropScript_timerResize();
	return false;
}

function cropScript_timerResize() {
	if(crop_resizeCounter>=0 && crop_resizeCounter<10){
		crop_resizeCounter = crop_resizeCounter + 1;
		setTimeout('cropScript_timerResize()',1);
		return;
	}
}

function cropScript_executeCrop(buttonObj) {
	crop_startProgressBar();
	buttonObj.style.visibility='hidden';
	var ajaxIndex = cropScriptAjaxObjects.length;
	cropScriptAjaxObjects[ajaxIndex] = new sack();
	
	var url = crop_script_server_file;		
	cropScriptAjaxObjects[ajaxIndex].requestFile = url;	// Specifying which file to get
	
	cropScriptAjaxObjects[ajaxIndex].setVar('image_ref',document.getElementById('input_image_ref').value);
	cropScriptAjaxObjects[ajaxIndex].setVar('x',document.getElementById('input_crop_x').value);
	cropScriptAjaxObjects[ajaxIndex].setVar('y',document.getElementById('input_crop_y').value);
	cropScriptAjaxObjects[ajaxIndex].setVar('width',document.getElementById('input_crop_width').value);
	cropScriptAjaxObjects[ajaxIndex].setVar('height',document.getElementById('input_crop_height').value);
	cropScriptAjaxObjects[ajaxIndex].setVar('tw',document.getElementById('templateWidth').value);
	cropScriptAjaxObjects[ajaxIndex].setVar('th',document.getElementById('templateHeight').value);

	cropScriptAjaxObjects[ajaxIndex].onCompletion = function(){ cropScript_cropCompleted(ajaxIndex,buttonObj); };	// Specify function that will be executed after file has been found
	cropScriptAjaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function			
}

function cropScript_cropCompleted(ajaxIndex,buttonObj) {
	buttonObj.style.visibility='';
	eval(cropScriptAjaxObjects[ajaxIndex].response);
	//DEBUG- next line is a debug statement
	//alert(cropScriptAjaxObjects[ajaxIndex].response);
	cropScriptAjaxObjects[ajaxIndex] = false;
	crop_hideProgressBar();
	//added for PetMaster
	top.stop_CropImage();
}
 
function crop_cancelEvent(e) {
	e = getBrowserEvent(e);
	source = getBrowserSource(e);
	if (source.tagName && source.tagName.toLowerCase()=='input')
		return true;
	else
		return false;
}

var mouseMoveEventInProgress = false;
function getAdjustedCoordinates(coordinates,currentCoordinates,aspectRatio,currentResize) {
	currentResize = currentResize.replace('-resize','');
	
	var minWidth = aspectRatio?crop_minimumWidthHeight*aspectRatio:crop_minimumWidthHeight;
	var minHeight = aspectRatio?crop_minimumWidthHeight/aspectRatio:crop_minimumWidthHeight;
	
	if(coordinates.left + coordinates.width + 2 > crop_imageWidth) {
		coordinates.width = crop_imageWidth - coordinates.left - 2;
	}
	if(coordinates.top + coordinates.height + 2 > crop_imageHeight) {
		coordinates.height = crop_imageHeight - coordinates.top - 2;
	}

	if(coordinates.height < minHeight){			
		coordinates.height = currentCoordinates.height;			
		coordinates.top = currentCoordinates.top;
	}	
	
	if(coordinates.width < minWidth){			
		coordinates.width = currentCoordinates.width;			
		coordinates.left = currentCoordinates.left;
	}
	
	if (aspectRatio) {	
		//var currentRatio = coordinates.width / coordinates.height;
		//alert(coordinates.left+", "+coordinates.top+" | "+coordinates.width+" x "+coordinates.height);
		switch(currentResize) {
			case 'n':
				// Height is being resized - set new left coordinate
				var newWidth = Math.round(coordinates.height * aspectRatio);							
				coordinates.left += (coordinates.width - newWidth);
				coordinates.width = newWidth;					
				break;
			case 'w':
			case 'nw':
			case 'ne':
				// Width is being resized - Set new top coordinate
				var newHeight = Math.round(coordinates.width  / aspectRatio);
				coordinates.top += (coordinates.height - newHeight);
				coordinates.height = newHeight;
				break;
			case 'e':
			case 'se':
				coordinates.height = Math.round(coordinates.width / aspectRatio);				
				break;	
			case 's':
				coordinates.width = Math.round(coordinates.height * aspectRatio);				
				break;				
			default:					
		}
		/* check boundary conditions and make sure we don't exceed them */
		if(coordinates.left < 0) {		
			coordinates.width += coordinates.left;
			coordinates.height = coordinates.width / aspectRatio;
			coordinates.left = 0;				
		}
		if(coordinates.top < 0) {
			var origWidth = coordinates.width;
			coordinates.height += coordinates.top;
			coordinates.width = coordinates.height * aspectRatio;				
			coordinates.top = 0;	
			if(currentResize=='nw') {
				coordinates.left+=(origWidth-coordinates.width);
			}		
		}
		if(coordinates.width < minWidth) {					
			coordinates.width = minWidth;
			coordinates.height = Math.round(coordinates.width / aspectRatio);
		}
		if(coordinates.height < minHeight) {					
			coordinates.height = minHeight;
			coordinates.width = Math.round(coordinates.height * aspectRatio);
		}
		if(coordinates.left + coordinates.width + 2 > crop_imageWidth) {
			coordinates.width = crop_imageWidth - coordinates.left - 2;
			coordinates.height = Math.round(coordinates.width / aspectRatio); 
		}
		if(coordinates.top + coordinates.height + 2 > crop_imageHeight) {
			coordinates.height = crop_imageHeight - coordinates.top - 2;
			coordinates.width = Math.round(coordinates.height * aspectRatio);
		}			
	}
	if(coordinates.height < minHeight){			
		coordinates.height = currentCoordinates.height;			
		coordinates.top = currentCoordinates.top;
	}	
	
	if(coordinates.width < minWidth){			
		coordinates.width = currentCoordinates.width;			
		coordinates.left = currentCoordinates.left;
	}		
	return coordinates;
}

function cropScript_mouseMove(e) {
	if (crop_moveCounter<10 && crop_resizeCounter<10) return;
	if (mouseMoveEventInProgress) return;
	if (document.all)
		mouseMoveEventInProgress = true;
	e = getBrowserEvent(e);
	var theX = e.mouseX;
	var theY = e.mouseY;

	if (crop_resizeCounter==10) {
		if (e.ctrlKey || crop_script_alwaysPreserveAspectRatio)
			preserveAspectRatio = true;
		else
			preserveAspectRatio = false;

		var currentCoordinates =  {};
		currentCoordinates.left = parseInt(cropDiv_dotted.style.left);
		currentCoordinates.top = parseInt(cropDiv_dotted.style.top);
		currentCoordinates.width = parseInt(cropDiv_dotted.style.width);
		currentCoordinates.height = parseInt(cropDiv_dotted.style.height);

		var newCoordinates = {};
		newCoordinates.left = currentCoordinates.left;
		newCoordinates.top = currentCoordinates.top;
		newCoordinates.width = currentCoordinates.width;
		newCoordinates.height = currentCoordinates.height;

		if(crop_currentResizeType=='e-resize' || crop_currentResizeType=='ne-resize' || crop_currentResizeType == 'se-resize'){				
			newCoordinates.width = Math.max(crop_minimumWidthHeight,(imageDiv_currentWidth + theX - cropEvent_eventX));		
		}
		if(crop_currentResizeType=='s-resize' || crop_currentResizeType=='sw-resize' || crop_currentResizeType == 'se-resize'){
			newCoordinates.height = Math.max(crop_minimumWidthHeight,(imageDiv_currentHeight + theY - cropEvent_eventY));				
		}			
		
		if(crop_currentResizeType=='n-resize' || crop_currentResizeType=='nw-resize' || crop_currentResizeType=='ne-resize'){
			//setDebugElem(2,imageDiv_currentTop+"+"+theY+"-"+cropEvent_eventY+"="+(imageDiv_currentTop + theY - cropEvent_eventY));
			var newTop = Math.max(0,(imageDiv_currentTop + theY - cropEvent_eventY));				
			//setDebugElem(2,newCoordinates.height+"+"+currentCoordinates.top+"-"+newTop+"="+(newCoordinates.height+currentCoordinates.top-newTop));
			//setDebugElem(2,newCoordinates.height+", "+(newCoordinates.height + currentCoordinates.top-newTop));
			newCoordinates.height+=(currentCoordinates.top-newTop);
			newCoordinates.top = newTop;
		}
		
		if(crop_currentResizeType=='w-resize' || crop_currentResizeType=='sw-resize' || crop_currentResizeType=='nw-resize'){
			var newLeft = Math.max(0,(imageDiv_currentLeft + theX - cropEvent_eventX));				
			newCoordinates.width+=(currentCoordinates.left-newLeft);
			newCoordinates.left = newLeft;
		}
		
		if(newCoordinates && (newCoordinates.left || newCoordinates.top || newCoordinates.width || newCoordinates.height)) {
			newCoordinates = getAdjustedCoordinates(newCoordinates,currentCoordinates,preserveAspectRatio?cropWidthRatio:false,crop_currentResizeType);	
		}
		//setDebugElem(1,newCoordinates.left+","+newCoordinates.top+" "+newCoordinates.width+"x"+newCoordinates.height);
		//setDebugElem(2,newCoordinates2.left+","+newCoordinates2.top+" "+newCoordinates2.width+"x"+newCoordinates2.height);
		//newCoordinates = newCoordinates2;
		if(newCoordinates) {
			cropDiv_dotted.style.left = (newCoordinates.left + 'px');
			cropDiv_dotted.style.top = newCoordinates.top + 'px';
			cropDiv_dotted.style.width = newCoordinates.width + 'px';
			cropDiv_dotted.style.height = newCoordinates.height + 'px';
		}

		if(!crop_script_fixedRatio && !e.ctrlKey)
			cropWidthRatio = cropDiv_dotted.offsetWidth / cropDiv_dotted.offsetHeight;
	}
	
	if(crop_moveCounter==10){
		var tmpLeft = imageDiv_currentLeft + theX - cropEvent_eventX;
		if(tmpLeft<cropToolBorderWidth)
			tmpLeft = cropToolBorderWidth;
		if((tmpLeft + imageDiv_currentWidth + (cropToolBorderWidth*2))>crop_imageWidth)
			tmpLeft = crop_imageWidth - imageDiv_currentWidth - (cropToolBorderWidth*2);
		cropDiv_dotted.style.left = (tmpLeft + 'px');
		var tmpTop = imageDiv_currentTop + theY - cropEvent_eventY;
		if(tmpTop<cropToolBorderWidth)
			tmpTop = cropToolBorderWidth;
		if((tmpTop + imageDiv_currentHeight + (cropToolBorderWidth*2))>crop_imageHeight)
			tmpTop = crop_imageHeight - imageDiv_currentHeight - (cropToolBorderWidth*2);
		cropDiv_dotted.style.top = (tmpTop + 'px');
	}
	
	repositionSmallSquares();
	resizeTransparentSquares();
	if(updateFormValuesAsYouDrag)
		cropScript_updateFormValues();
	mouseMoveEventInProgress = false;
}

function repositionSmallSquares()	{
	var w = parseInt(cropDiv_dotted.style.width);
	var h = parseInt(cropDiv_dotted.style.height);
	smallSquare_tc.style.left = (Math.floor((w + (cropToolBorderWidth*2)) /2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_bc.style.left = (Math.floor((w + (cropToolBorderWidth*2)) /2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_tr.style.left = (w + (cropToolBorderWidth*2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_rc.style.left = (w + (cropToolBorderWidth*2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_br.style.left = (w + (cropToolBorderWidth*2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';

	smallSquare_br.style.top = (h + (cropToolBorderWidth*2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_bc.style.top = (h + (cropToolBorderWidth*2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_bl.style.top = (h + (cropToolBorderWidth*2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_lc.style.top = (Math.floor((h + cropToolBorderWidth)/2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
	smallSquare_rc.style.top = (Math.floor((h + cropToolBorderWidth)/2) - offsetSmallSquares -(cropToolBorderWidth*2)) + 'px';
}

function resizeTransparentSquares() {
	var l = parseInt(cropDiv_dotted.style.left);
	var t = parseInt(cropDiv_dotted.style.top);
	var w = parseInt(cropDiv_dotted.style.width);
	var h = parseInt(cropDiv_dotted.style.height);

	cropDiv_left.style.width = l +'px';

	cropDiv_top.style.left = l +'px';
	cropDiv_top.style.width = w +'px' ;
	cropDiv_top.style.height = t +'px';
		
	cropDiv_right.style.left = l+w +'px';
	cropDiv_right.style.width = crop_imageWidth -(l+w) +'px';
	
	cropDiv_bottom.style.left = l +'px';
	cropDiv_bottom.style.top = t+h +'px';
	cropDiv_bottom.style.height = crop_imageHeight -(t+h) +'px';
	cropDiv_bottom.style.width = w +'px' ;
	
	cropDiv_left.style.visibility = (cropDiv_left.style.width=='0px')?'hidden':'visible';
	cropDiv_right.style.visibility = (cropDiv_right.style.width=='0px')?'hidden':'visible';
	cropDiv_top.style.visibility = (cropDiv_top.style.height=='0px')?'hidden':'visible';
	cropDiv_bottom.style.visibility = (cropDiv_bottom.style.height=='0px')?'hidden':'visible';
}

function cropScript_updateFormValues() {
	var l = parseInt(cropDiv_dotted.style.left);
	var t = parseInt(cropDiv_dotted.style.top);
	var w = parseInt(cropDiv_dotted.style.width);
	var h = parseInt(cropDiv_dotted.style.height);
	document.getElementById('input_crop_x').value = Math.round(l * (crop_originalImageWidth/crop_imageWidth));
	document.getElementById('input_crop_y').value = Math.round(t * (crop_originalImageHeight/crop_imageHeight));
	document.getElementById('input_crop_width').value = Math.round((w + (cropToolBorderWidth*2)) * (crop_originalImageWidth/crop_imageWidth));
	document.getElementById('input_crop_height').value = Math.round((h + (cropToolBorderWidth*2)) * (crop_originalImageHeight/crop_imageHeight));
}

function cropScript_stopResizeMove() {
	crop_resizeCounter = -1;
	crop_moveCounter = -1;
	cropDiv_dotted.style.cursor = 'move';
	cropScript_updateFormValues();
	if(document.all){
		var div = cropDiv_dotted.getElementsByTagName('DIV')[0];
		div.style.display='block';
	}
}

function cropScript_setCropSizeByInput() {
	var obj_x = document.getElementById('input_crop_x');
	var obj_y = document.getElementById('input_crop_y');
	var obj_width = document.getElementById('input_crop_width');
	var obj_height = document.getElementById('input_crop_height');
	
	obj_x.value = obj_x.value.replace(/[^0-9]/gi,'');
	obj_y.value = obj_y.value.replace(/[^0-9]/gi,'');
	obj_width.value = obj_width.value.replace(/[^0-9]/gi,'');
	obj_height.value = obj_height.value.replace(/[^0-9]/gi,'');
	
	if(obj_x.value.length==0)obj_x.value=0;
	if(obj_y.value.length==0)obj_y.value=0;
	if(obj_width.value.length==0)obj_width.value=crop_originalImageWidth;
	if(obj_height.value.length==0)obj_height.value=crop_originalImageHeight;
	
	if(obj_x.value>(crop_originalImageWidth-crop_minimumWidthHeight))obj_x.value = crop_originalImageWidth-crop_minimumWidthHeight;
	if(obj_y.value>(crop_originalImageHeight-crop_minimumWidthHeight))obj_y.value = crop_originalImageHeight-crop_minimumWidthHeight;

	if(obj_width.value/1 > crop_originalImageWidth)obj_width.value = crop_originalImageWidth - obj_x.value/1;
	if(obj_height.value/1 > crop_originalImageHeight)obj_height.value = crop_originalImageHeight - obj_y.value/1;
			
	if(obj_x.value/1 + obj_width.value/1 > crop_originalImageWidth)obj_width.value = crop_originalImageWidth - obj_x.value;
	if(obj_y.value/1 + obj_height.value/1 > crop_originalImageHeight)obj_height.value = crop_originalImageHeight - obj_y.value;

	cropDiv_dotted.style.left = Math.round(obj_x.value/1 * (crop_imageWidth / crop_originalImageWidth)) + 'px';
	cropDiv_dotted.style.top = Math.round(obj_y.value/1 * (crop_imageHeight / crop_originalImageHeight)) + 'px';
	cropDiv_dotted.style.width = Math.round((obj_width.value/1 - (cropToolBorderWidth*2))  * (crop_imageWidth / crop_originalImageWidth)) + 'px';
	cropDiv_dotted.style.height = Math.round((obj_height.value/1 - (cropToolBorderWidth*2)) * (crop_imageHeight / crop_originalImageHeight)) + 'px';
	
	repositionSmallSquares();		
	resizeTransparentSquares();		
}

function cropScript_setBasicEvents() {
	document.documentElement.ondragstart = crop_cancelEvent;
	document.documentElement.onselectstart = crop_cancelEvent;
	document.documentElement.onmousemove = cropScript_mouseMove;		
	document.documentElement.onmouseup = cropScript_stopResizeMove;		
	
	document.getElementById('input_crop_x').onblur = cropScript_setCropSizeByInput;
	document.getElementById('input_crop_y').onblur = cropScript_setCropSizeByInput;
	document.getElementById('input_crop_width').onblur = cropScript_setCropSizeByInput;
	document.getElementById('input_crop_height').onblur = cropScript_setCropSizeByInput;
	//document.getElementById('crop_percent_size').onblur = cropScript_validatePercent;	
}

function cropScript_validatePercent() {
	this.value=this.value.replace(/[^0-9]/gi,'');
	if(this.value.length==0)this.value='1';
	if(this.value/1>crop_maximumPercent)this.value='100';
	if(this.value/1<crop_minimumPercent)this.value=crop_minimumPercent;
}

function crop_progressBar() {
	var div = document.getElementById('crop_progressBar');	
	
	var subDiv = document.createElement('DIV');
	div.appendChild(subDiv);
	subDiv.style.position = 'absolute';
	subDiv.className='crop_progressBar_parentBox';
	subDiv.style.left = '0px';
	var progressBarSquare = document.createElement('DIV');
	progressBarSquare.className='progressBar_square';
	subDiv.appendChild(progressBarSquare);
	var progressBarSquare = document.createElement('DIV');
	progressBarSquare.className='progressBar_square';
	subDiv.appendChild(progressBarSquare);
	var progressBarSquare = document.createElement('DIV');
	progressBarSquare.className='progressBar_square';
	subDiv.appendChild(progressBarSquare);
	crop_progressBarMove();
	crop_hideProgressBar();
}

function crop_hideProgressBar() {
	document.getElementById('crop_progressBar').style.visibility = 'hidden';
}

function crop_startProgressBar() {
	var div = document.getElementById('crop_progressBar').getElementsByTagName('DIV')[0];
	div.style.left = '0px';
	document.getElementById('crop_progressBar').style.visibility = 'visible';
}

function crop_progressBarMove() {
	var div = document.getElementById('crop_progressBar').getElementsByTagName('DIV')[0];	
	var left = parseInt(div.style.left);
	left = left + 1;
	if(left > div.parentNode.clientWidth)left = 0 - div.clientWidth;
	div.style.left = left + 'px';

	setTimeout('crop_progressBarMove()',20);
}

function crop_initFixedRatio() {
	if(crop_script_fixedRatio>1){
		document.getElementById('input_crop_height').value = Math.round(document.getElementById('input_crop_width').value) / crop_script_fixedRatio;
	} else {
		document.getElementById('input_crop_width').value = Math.round(document.getElementById('input_crop_height').value) / crop_script_fixedRatio;
	}		
	cropScript_setCropSizeByInput();
}

function init_imageCrop() {
	dimElem = document.getElementById('label_dimension');
	if (dimElem!=null) {
		dimElem.innerHTML = crop_originalImageWidth + 'x' + crop_originalImageHeight;
	}
	cropScript_setBasicEvents();
	crop_createDivElements();
	crop_progressBar();
	cropScript_updateFormValues();
	if (imageDiv_currentWidth || imageDiv_currentHeight) {
		repositionSmallSquares();
		resizeTransparentSquares();
	} else 	if (crop_script_fixedRatio && crop_script_alwaysPreserveAspectRatio) {
		crop_initFixedRatio();
	}	
}