var sFilter="filter : progid:DXImageTransform.Microsoft.Matrix(";
var fM11,fM12,fM21,fM22,fDx,fDy,sType,sMethod;
var oDiv,oCodeDiv,oTxtRotation,oBtnRotation;
var i=0;

function rdl_SetRotation(deg) {
		var deg2rad=Math.PI*2/360;
		rad=deg*deg2rad;
		costheta = Math.cos(rad);
		sintheta = Math.sin(rad);
		with (oDiv.filters.item(0)) {
		M11=costheta;M12=-sintheta;M21=sintheta;M22=costheta;
		}
		rdl_UpdateMatrix();
}

function rdl_DoAnimation(){
		oDiv.onfilterchange=rdl_DoAnimation;
		i+=5;
		if (i>359) {
		i=0;
		oDiv.onfilterchange=null;
		}
		rdl_SetRotation(i);
}

function rdl_UpdateMatrix() {
		with (oDiv.filters.item(0)) {
		fM11=Math.round(M11*10)/10;fM12=Math.round(M12*10)/10;fM21=Math.round(M21*10)/10;fM22=Math.round(M22*10)/10;
		fDx=Math.round(Dx*10)/10;fDy=Math.round(Dy*10)/10;sType=FilterType;sMethod=SizingMethod;
		}
		oCodeDiv.innerText=sFilter+"SizingMethod="+sMethod+",FilterType="+sType+",Dx="+fDx+",Dy="+fDy+",M11="+fM11+",M12="+fM12+",M21="+fM21+",M22="+fM22+");";
}

function rdl_Load(e){
		oDiv=document.all("idDiv");
		oCodeDiv=document.all("idCodeDiv");
		oTxtRotation=document.all("idTxtRotation");
		oBtnRotation=document.all("idBtnRotation");
		var oSelType=document.all("idSelType");
		var oSelSize=document.all("idSelSize");
		oSelType.onchange=new Function("with (this) oDiv.filters.item(0).filtertype=options(selectedIndex).value;rdl_UpdateMatrix();");
		oSelSize.onchange=new Function("with (this) oDiv.filters.item(0).SizingMethod=options(selectedIndex).value;rdl_UpdateMatrix();");
		oTxtRotation.onclick=new Function("if (this.value.length>4) this.value=0;");
		oBtnRotation.onclick=new Function("rdl_SetRotation(oTxtRotation.value);");
		rdl_UpdateMatrix();
}

function rdl_DoHFlip(e){
		with (oDiv.filters.item(0)) {M11=0-M11;M12=0-M12;}
		rdl_UpdateMatrix();
}

function rdl_DoVFlip(e){
		with (oDiv.filters.item(0)) {M21=0-M21;M22=0-M22;}
		rdl_UpdateMatrix();
}
function rdl_larger_size()
{
  rdl_chang_size(1.05);
}
function rdl_smaller_size()
{
    rdl_chang_size(0.95);
}
function rdl_chang_size(size)
{    
	  var idParentDiv_width = document.getElementById('idParentDiv').style.width;
	  document.getElementById('idParentDiv').style.width = parseFloat(idParentDiv_width) * size;
	  var idParentDiv_height = document.getElementById('idParentDiv').style.height;
	  document.getElementById('idParentDiv').style.height = parseFloat(idParentDiv_height) * size;
	  var idDiv_width = document.getElementById('idDiv').style.width;
	  document.getElementById('idDiv').style.width = parseFloat(idDiv_width) * size;
	  var idDiv_height = document.getElementById('idDiv').style.height;
	  document.getElementById('idDiv').style.height = parseFloat(idDiv_height) * size;
	  var img_width = document.getElementById('rdl_main_img').width;
	  document.getElementById('rdl_main_img').width = parseFloat(img_width) * size;
}
//window.onload=rdl_Load;//嵌入其他頁面時候要把此方法的引用放在激活加載此頁面的事件中