var isDragged=0;
var crX=0;
var crY=0;
var crH=0;
var crW=0;

function iResizePerc(value){
	
//	alert(value);
	if (value==perc)return;
	
	if (value!=100){
		var h=Math.round(imH*value/100);
		var w=Math.round(imW*value/100);
	}else{
		var h=imH;
		var w=imW;
	}
	imH1=h;
	imW1=w;
	
	getEl('imgId').height=imH1;
	getEl('imgId').width=imW1;
	
	xC=Math.round(crX*value/perc);
	yC=Math.round(crY*value/perc);
	hC=Math.round(crH*value/perc);
	wC=Math.round(crW*value/perc);
	setCrop(xC,yC,hC,wC);
	
	
	
	perc=value;
//	iResizeCropsd(h,w);
	
}
function iResizeCropsd(h,w){

	if (perc!=100){
		h=Math.round(h*perc/100);
		w=Math.round(w*perc/100);
	}
	
	var elA=gpos(getEl('div22'));
	var cropA=gpos(getEl('div22'));
	var tX=cropA[1];
	var tY=cropA[0];
	var mH=getEl('imgId').height;
	var mW=getEl('imgId').width;
	if (h+tY>mH){h=mH-tY;}
	if (w+tX>mW){w=mW-tX;}
	setCrop(elA[1],elA[0],h,w);
}
var isPreview=1;
function setOpac(objN,op1,op2){
	if (document.all){
		getEl(objN).filters.item("DXImageTransform.Microsoft.Alpha").opacity=op1;
	}else{
		getEl(objN).style.MozOpacity=op2;
	}
}
function preview(){
	
	if (isPreview) {
		op1=100;
		op2=1;
		isPreview=0;
	}else{
		op1=60;
		op2=0.6;
		isPreview=1;
	}
	setOpac('div11',op1,op2);setOpac('div12',op1,op2);setOpac('div13',op1,op2);
	setOpac('div21',op1,op2);setOpac('div23',op1,op2);
	setOpac('div31',op1,op2);setOpac('div32',op1,op2);setOpac('div33',op1,op2);
	//getEl('div11').filters.item("DXImageTransform.Microsoft.Alpha").opacity=100;
	//alert('pr');
	//getEl('div11').style.width='r33';
}
function iShowCropsd(h,w){
//	alert('iShowCropsd');
	//
	//alert(h+';;'+w);
	if (perc!=100){
		h=Math.round(h*perc/100);
		w=Math.round(w*perc/100);
	}
	//alert(h+';;'+w);
	setCrop(0,0,h,w);
	
	//	setCrop(20,20,100,100);
	//alert(2);
	switchVis('div11',1);switchVis('div12',1);switchVis('div13',1);
	switchVis('div21',1);switchVis('div22',1);switchVis('div23',1);
	switchVis('div31',1);switchVis('div32',1);switchVis('div33',1);
	
	startBlink();
	
	//alert(3);
}
function iHideCropsd(){
	switchVis('div11',0);switchVis('div12',0);switchVis('div13',0);
	switchVis('div21',0);switchVis('div22',0);switchVis('div23',0);
	switchVis('div31',0);switchVis('div32',0);switchVis('div33',0);
}

function setCrop(x,y,h,w){
	//spos(gm,y,x,h_,w_)
	//alert('setCrop1');
	
	var mH=getEl('imgId').height;
	var mW=getEl('imgId').width;
	var mH=imH1;
	var mW=imW1;
	
	  
	//alert(perc+';;'+h+';;'+w+';;'+mH+';;'+mW);
	//alert('setCrop2');
	if (h!=null){
		var hM=h;
		var wM=w;
	}else{
		//alert(22);
		var cropA=gpos(getEl('div22'));
		var wM=cropA[3];
		var hM=cropA[2];
	}  
	//alert(perc+';;'+h+';;'+w+';;'+mH+';;'+mW+';;hM='+hM+';;wM='+wM);
	if (x<0)x=0;
	if (y<0)y=0;
	if (hM<0)hM=0;
	if (wM<0)wM=0;
	if (hM>mH){hM=mH;}
	if (wM>mW){wM=mW;}
	if ((x+wM)>mW){x=mW-wM;}
	if ((y+hM)>mH){y=mH-hM;}
	var w3=parseInt(mW-wM-x);
	var h3=parseInt(mH-y-hM);
	
	var xw=parseInt(x+wM);
	var yh=parseInt(y+hM);
	if (w3<0)w3=0;
	if (h3<=0)h3=1;
	if (xw<0)xw=0;
	if (yh<0)yh=0;
	
	
	
	//alert('w3='+w3+'; h3='+h3);
	spos(getEl('div11'),0,0,y,x);		spos(getEl('div12'),0,x,y,w);		spos(getEl('div13'),0,xw,y,w3);
	spos(getEl('div21'),y,0,h,x);		spos(getEl('div22'),y,x,h,w);		spos(getEl('div23'),y,xw,h,w3);
	spos(getEl('div31'),(yh),0,h3,x);	
		//alert(getEl('div32')+';;'+(yh)+';;'+x+';;'+h3+';;'+w);
	spos(getEl('div32'),(yh),x,h3,w);	spos(getEl('div33'),(yh),xw,h3,w3);
	
	crX=x;
	crY=y;
	if (h!=null){
		crH=h;
		crW=w;
	}
	//alert('setCrop4');
}
var lastX=0;
var lastY=0;
function startDrag(e){
	isDragged=1;
	if (!e) {e = window.event};
	lastX=e.screenX;
	lastY=e.screenY;
	
	var cropA=gpos(getEl('div22'));
	lastCX=cropA[1];
	lastCY=cropA[0];
	//getEl('div22').onmousemove=Drag;
	//getEl('div22').onmouseup=stopDrag; 
}
function stopDrag(e){
	if (!e) {e = window.event};
	isDragged=0;
	
}
function Drag(e){
	if (isDragged){
		if (!e) {e = window.event};
		var sX=e.screenX;
		var sY=e.screenY;
		//alert("sX="+sX+"; sY="+sY); 
		
		var cropA=gpos(getEl('div22'));
		var tX=cropA[1];
		var tY=cropA[0];
		
		var dX=parseInt((sX-lastX+lastCX));//+(tX-lastCX));
		var dY=parseInt((sY-lastY+lastCY));//+(tY-lastCY));
		//alert(1);
		
		////var dX=parseInt(sX-lastX);
		////var dY=parseInt(sY-lastY);
		
		//alert(2);
		tX=dX;
		tY=dY;
		
		////tX+=dX;
		////tY+=dY;
		
		//status='tX='+tX+';;tY='+tY;
		var ww1=cropA[2];
		var ww2=cropA[3];
		//if (ns6){
		//	//alert(ww1+';;'+ww2);
		//	ww1-=20;ww2-=20;    
		//	//alert(ww1+';;'+ww2);
		//	//ww1=20;ww2=20;
		//	//alert('yoyo');
		//}
		setCrop(tX,tY);//,ww1,ww2);
		////slastX=sX;
		////slastY=sY;
	}
}
var isRedBlink=1;
function startBlink(){
	
	if (isRedBlink){
		var scolor="red";
		isRedBlink=0;
	}else{
		var scolor="white";
		isRedBlink=1;
	}
	getEl("div12").style.borderBottomColor=scolor;
	getEl("div21").style.borderRightColor=scolor;
	getEl("div23").style.borderLeftColor=scolor;
	getEl("div32").style.borderTopColor=scolor;
	window.setTimeout("startBlink()",1000);
}