window.xcanvas = function() {

	// 画像の映り込み
	// http://ayuta.co.jp/html5-samples/canvas/image-reflect/canvas1.html
	var logoImg = document.getElementById('logo');
	var refCvs = document.getElementById('reflect');
	var refCtx = refCvs.getContext('2d')

	var w = refCvs.width = logoImg.width;
	var h = refCvs.height = parseInt(logoImg.height * 0.7);

	refCtx.globalAlpha = .2;
	refCtx.transform(1, 0, 0, -1, 0, h);
	refCtx.drawImage(logoImg, 0, 0, w, logoImg.height, 0, 0, w, h);

	var gifImg = new Image();
	var gifCvs = document.getElementById('gif');
	var gifCtx = gifCvs.getContext('2d')
	
	var dw;
	var dh;
	var scale = 1.5;
	gifCvs.width = document.getElementById('wrapper').offsetWidth;
	
	gifImg.onload = function() {
		dh = gifCvs.height = gifImg.height * scale;
		dw = gifImg.width * scale;
			
		var x = 0;
		setTimeout(function timer() {
			gifCtx.drawImage(gifImg, 0, 0, gifImg.width, gifImg.height, x, 0, dw, dh);
			x += dw;
			if (!(x > gifCvs.width - dw)) {
				setTimeout(arguments.callee, 100);
			} 
		}, 100);
	};
	gifImg.src = 'img/loading.gif' + '?' + new Date().getTime();;

};