(function ($) {
	function findstyle_for_crossbrowser(styleObject,styleArgs)
	{
		var i ;
		for( i in styleArgs)
		{
            if (typeof styleObject[styleArgs[i]] != 'undefined') 
            	return styleArgs[i];
		}

		//ないなら適当に作って.
		styleObject[styleArgs[i]] = '';
        return styleArgs[i];
	}

	if ( $.cssHooks )
	{
		//新しいjqueryは csshooksで対応する.
		$.cssHooks['rotate'] = {
			get: function(elem, computed, extra)
			{
				return $(elem).rotate();
			},
			set: function(elem, value)
			{
				$(elem).rotate(value);
				return value;
			}
		};
		$.cssHooks['scale'] = {
			get: function(elem, computed, extra)
			{
				return $(elem).scale();
			},
			set: function(elem, value)
			{
				$(elem).scale(value);
				return value;
			}
		};
		$.cssHooks['transform'] = {
			get: function(elem, computed, extra)
			{
				name = findstyle_for_crossbrowser( elem.style , 
					['WebkitTransform', 'MozTransform', 'OTransform' , 'msTransform' , 'transform'] );
				return elem.style[name];
			},
			set: function(elem, value)
			{
				name = findstyle_for_crossbrowser( elem.style , 
					['WebkitTransform', 'MozTransform', 'OTransform' , 'msTransform' , 'transform'] );
				elem.style[name] = value;
				return value;
			}
		};
	}
	else
	{
		//古いjqueryはモンキーパッチでメソッドを置き換えることで対応する
		var jquery_fix_orignal_style = $.style;
		var jquery_fix_orignal_curCSS = $.curCSS;

		jQuery.extend({
			//$.css() 経由で主に値のセット時に呼び出される. 
			style:	function( elem, name, value )
			{
				switch(name)
				{
				//便利なオレオレ関数
				case 'rotate':				//回転
					$(elem).rotate(value);
					return value;
				case 'scale':				//拡大
					$(elem).scale(value);
					return value;

				//css3 時代すなー
				case 'transform':
					name = findstyle_for_crossbrowser( elem.style || elem , 
						['WebkitTransform', 'MozTransform', 'OTransform' , 'msTransform', 'transform'] );
					break;
				}
				return jquery_fix_orignal_style.apply(this, [elem, name, value] );
			}
			,
			//$.css() 経由で主に値の取得時に呼び出される. 
			curCSS:	function( elem, name, force )
			{
				switch(name)
				{
				//便利なオレオレ関数
				case 'rotate':				//回転
					return $(elem).rotate();
				case 'scale':				//拡大
					return $(elem).scale();

				//css3 時代すなー
				case 'transform':
					name = findstyle_for_crossbrowser( elem.style || elem , 
						['WebkitTransform', 'MozTransform', 'OTransform' , 'msTransform', 'transform'] );
					break;
				}
				return jquery_fix_orignal_curCSS.apply(this, [elem, name, force] );
			}
		});
	}

	//大回転 エッケザックスもびっくりの回転をあなたに!
	jQuery.fn.rotate  = function(val) 
	{
		//取得
		if (typeof val == 'undefined')
		{
			if (jQuery.browser.opera)
			{
				//operaだけradで入っている 例: rotate(0.17rad) 
				var r = this.css('transform').match(/rotate\((.*?)\)/);
				return  ( r && r[1])	?
					Math.round(parseFloat(r[1]) * 180 / Math.PI)		:		0;
			}
			else
			{
				var r = this.css('transform').match(/rotate\((.*?)\)/);
				return  ( r && r[1])	?	parseInt(r[1])	:	0;
			}
		}

		//セット
		this.css('transform', 
			this.css('transform').replace(/none|rotate\(.*?\)/, '') + 'rotate(' + parseInt(val) + 'deg)');
		return this;
	};

	jQuery.fn.scale  = function(val) 
	{
		//取得
		if (typeof val == 'undefined')
		{
			var r = this.css('transform').match(/scale\((.*?)\)/);
			return  ( r && r[1])	?	parseFloat(r[1])	:	1;
		}

		//セット
		this.css('transform',
			this.css('transform').replace(/none|scale\(.*?\)/, '') + 'scale(' + parseFloat(val) + ')');
		return this;
	};

	jQuery.fx.step.rotate  = function(fx) {
		if ( fx.state == 0 ) {
			fx.start = $(fx.elem).rotate();
//			fx.end =   fx.end;
			fx.now = fx.start;
		}
		$(fx.elem).rotate(fx.now);
	};
	jQuery.fx.step.scale  = function(fx) {
		if ( fx.state == 0 ) {
			fx.start = $(fx.elem).scale();
//			fx.end =   fx.end;
			fx.now = fx.start;
		}
		$(fx.elem).scale(fx.now);
	};

})(jQuery);


//みんな大好きIEで回転する.
if (jQuery.browser.msie)
{
	//絶対座標を取得する.
	//テーブルなどの子ノードの場合、 親座標からの相対値になってしまうため、
	//DOMのツリーをたどりながら絶対座標を求める.
	function GetAbsoluteXY(element)
	{
		var pnode = element;
		var x = pnode.offsetLeft;
		var y = pnode.offsetTop;
		
		while ( pnode.offsetParent )
		{
			pnode = pnode.offsetParent;
			x += pnode.offsetLeft;
			y += pnode.offsetTop;
			if (pnode != document.body && pnode != document.documentElement)
			{
				x -= pnode.scrollLeft;
				y -= pnode.scrollTop;
			}
		}
		
		return {
			x: x,
			y: y
		};
	}
	
	//position: static を position: absolute に変換する.
	function StaticToAbsolute(element)
	{
		if ( element.currentStyle['position'] != 'static')
		{
			return ;
		}

		//今のオブジェクトが抜けると、コンテンツがずどんと落ちてしまわないように余白を入れる.
		var yohakuDiv = document.createElement('div');
		yohakuDiv.style.left  = element.style.left;		yohakuDiv.style.left = element.style.left;
		yohakuDiv.style.width = element.style.width;	yohakuDiv.style.height = element.style.height;
		element.parentNode.appendChild(yohakuDiv);

		//absolute 変換.
		var xy = GetAbsoluteXY(element);
		element.style.position = 'absolute' ;
		element.style.left = xy.x + 'px';
		element.style.top = xy.y + 'px';
	}

	function IETransform(element,transform){
		var r,rx,ry;
		
		var m11 = 1;
		var m12 = 1;
		var m21 = 1;
		var m22 = 1;

		//IE9pp6 support msTransform.
		if (typeof element.style['msTransform'] != 'undefined')
		{
			return true;
		}
		
		//IEはアホなので、回転することで、他のオブジェクトにも影響を与えてしまう。
		//そのため、 position: absolute に変換する.
		StaticToAbsolute(element);

		//回転
		r = transform.match(/rotate\((.*?)\)/);
		var rotate =  ( r && r[1])	?	parseInt(r[1])	:	0;

		//0 ～ 360の範囲に収める.
		rotate = rotate % 360;
		if (rotate < 0) rotate = 360 + rotate;

		var radian= rotate * Math.PI / 180;
		var cosX =Math.cos(radian);
		var sinY =Math.sin(radian);

		m11 *= cosX;
		m12 *= -sinY;
		m21 *= sinY;
		m22 *= cosX;

		//skew
		r = transform.match(/skewX\((.*?)\)/);
		var skewX =  ( r && r[1])	?	parseFloat(r[1])	:	0;
		r = transform.match(/skewY\((.*?)\)/);
		var skewY =  ( r && r[1])	?	parseFloat(r[1])	:	0;
		r = transform.match(/skew\((.*?)(?:,(.*?))?\)/);
		if (r)
		{
			skewX =  (r[1])	?	parseFloat(r[1])	:	0;
			skewY =  (r[2])	?	parseFloat(r[2])	:	0;
		}

		//0 ～ 360の範囲に収める.
		skewX = skewX % 360;
		if (skewX < 0) skewX = 360 + skewX;

		skewY = skewY % 360;
		if (skewY < 0) skewY = 360 + skewY;


//		m11 = m11;
		m12 = m12 + Math.tan(skewX * Math.PI / 180);
		m21 = m21 + Math.tan(skewY * Math.PI / 180);
//		m22 = m22;


		//拡大
		r = transform.match(/scaleX\((.*?)\)/);
		rx =  ( r && r[1])	?	parseFloat(r[1])	:	undefined;
		r = transform.match(/scaleY\((.*?)\)/);
		ry =  ( r && r[1])	?	parseFloat(r[1])	:	undefined;
		r = transform.match(/scale\((.*?)(?:,(.*?))?\)/);
		var scaleX =  ( r && r[1])	?	parseFloat(r[1])	:	(typeof rx != 'undefined' ? rx : 1);
		var scaleY =  ( r && r[2])	?	parseFloat(r[2])	:	(typeof ry != 'undefined' ? ry : scaleX);

		m11 *= scaleX;
		m12 *= scaleX;
		m21 *= scaleY;
		m22 *= scaleY;

		//フィルターで回転と拡大縮小を加えます。
		element.style.filter =  (element.style.filter || '').replace(/progid:DXImageTransform\.Microsoft\.Matrix\([^)]*\)/, "" ) +
			("progid:DXImageTransform.Microsoft.Matrix(" + 
				 "M11=" + m11 + 
				",M12=" + m12 + 
				",M21=" + m21 + 
				",M22=" + m22 + 
				",FilterType='bilinear',sizingMethod='auto expand')") 
			;

		//absolute時には軸を補正してあげないとだめだ。
		//ブラウザとして軸がずれている。
		//計算式元ネタ http://p2b.jp/200912-CSS3-Transform-for-IE8

		//offset*系のサイズは回転によって生じたゆがみも考慮されるらしい。
  		var w = parseInt(element.offsetWidth);
  		var h = parseInt(element.offsetHeight);
		//拡大縮小も同じ.
		//this.get(0).style.width や height には拡縮の影響を受けない元の数字が入っている
  		ow = parseInt(element.style.width)
  		oh = parseInt(element.style.height);


		var quarter_radian= (rotate%90) * Math.PI / 180;	//90度で割らないと変になるよ!!
		var quarter_cosX =Math.cos(quarter_radian);
		var quarter_sinY =Math.sin(quarter_radian);
		
		//回転の補正
		var dx = 1/2 * (w - h * quarter_sinY - w * quarter_cosX);
		var dy = 1/2 * (h - w * quarter_sinY - h * quarter_cosX);

		//skewの補正(rotate しながらskew すると補正がおかしくなります。 これがわからない)
		dx = dx - ow/2 * Math.tan(skewX * Math.PI / 180);
		dy = dy - oh/2 * Math.tan(skewY * Math.PI / 180);

		//拡大の補正
		dx = dx - (((ow*scaleX) - ow) / 2);
		dy = dy - (((oh*scaleY) - oh) / 2);

		//DX DY で補正しても効かないときがあるので一番確実なマージンで与えます。
		element.style.marginLeft = Math.floor(dx) + "px";
		element.style.marginTop  = Math.floor(dy) + "px";

		return(true);
	}
	if ( $.cssHooks )
	{
		//新しいjqueryは csshooksで対応する.
		//さらにIEの設定で上書きする.
		$.cssHooks['transform'] = {
			set: function(elem, value)
			{
				IETransform(elem,value);
				return value;
			}
		};
	}
	else
	{
		var jquery_iebug_fix_orignal_style = $.style;
		jQuery.extend({
			//$.css() 経由で主に値のセット時に呼び出される. 
			style:	function( elem, name, value )
			{
				var r = jquery_iebug_fix_orignal_style.apply(this, [elem, name, value] );
				switch(name)
				{
				case 'transform':
					IETransform(elem,value);
					break;
				}
				return r;
			}
		});
	}
}