// JavaScript Document
//グローバル変数
var imageGridName = "grid.png"


//初期化処理
var init = function() {
	//マウスオーバーイベント追加
	var a = document.getElementsByTagName("A");
	for(var i = 0; i < a.length; i++)
	{
		var aItem = a.item(i);
		dom.addListener(aItem, "mouseover", rollOverJs);
		dom.addListener(aItem, "mouseout", rollOutJs);
	}
	
	//flashが搭載されてないときだけ実行
	var isFlashInstalled=function(){
		if(navigator.plugins["Shockwave Flash"])
		{
			return true;
		}
		try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
			return true;
		}
		catch(a)
		{
			return false;
		}
	}();
		
	//FPインスコされてたらリターン
	if ( isFlashInstalled)
	{
		return;
	}
	
	//flashへのリンクを消去
	$(".linkToFlashSite").remove();
	
	//img用のコンテナ
	var conntentDiv = document.getElementById("externalas3addcallback");

	if($.os.name == 'iphone')
	{
		imageGridName = "grid_iphone.png";
		//アニメGifでの処理
		var img = document.createElement("img");
		img.src = "images/cup64.gif";
		img.className = "bgimage";
		img.alt = "";
		img.width = "100%";
		img.height = "100%";
		conntentDiv.appendChild(img);
		$(function() {
			setSize();
			//リサイズしたら実行
			$(window).resize(function(){
			   setSize();
			});
		});
	}
	//iPhone以外のブラウザ
	else
	{
		 imageGridName = "grid.png";
		//imgタグを動的に追加
		for( var i= 21; i <= 48; i++)
		{
			var img = document.createElement("img");
			img.src = "images/cup_image"+ i + ".jpg";
			img.className = "bgimage";
			img.alt = "";
			conntentDiv.appendChild(img);
		}
		//ライブラリでの処理
		$(function(){
			$('img.bgimage').maxImage({
				isBackground: true,
				slideShow: true,
				position: ('absolute'),
				verticalAlign: 'center',
				horizontalAlign:'center',
				slideDelay: 200,
				slideShowTitle: false,
				maxFollows: 'height'
			});
		});
		 
	}
	
	//ドットグリッドを表示
	draw();
	
	//メニューのスライドイン
	var textArea = document.getElementById("textArea");
	textArea.style.display = "block";
};
function setSize() {
	//画像サイズ指定
	var imgW = 501;
	var imgH = 450;
	//ウィンドウサイズ取得
	var winW = $(window).width();
	var winH = $(window).height();
	var scaleW = winW / imgW;
	var scaleH = winH / imgH;
	var fixScale = Math.max(scaleW, scaleH);
	var setW = imgW * fixScale;
	var setH = imgH * fixScale;
	var moveX = Math.floor((winW - setW) / 2);
	var moveY = Math.floor((winH - setH) / 2);

	$('.bgimage').css({
		'width': setW,
		'height': setH,
		'left' : moveX,
		'top' : moveY
	});
}

//初期化処理
dom.addListener(window, "load", init);

//init();

function draw() {
	//もしすでにあったら
	if(document.getElementById("grid_canvas"))
	{
		var prevCanvas = document.getElementById("grid_canvas");
		prevCanvas.parentNode.removeChild(prevCanvas);
	}
	else{
		if (!$.support.opacity) {
			//IE対応、動的に生成したcanvasへの対応
			canvas = G_vmlCanvasManager.initElement(canvas);
		}
		dom.addListener(window, "resize", draw);
	}
	var canvas = document.createElement("canvas");
	canvas.id = "grid_canvas";
	canvas.width = $(window).width();
	canvas.height = $(window).height();
	canvas.style.position = "absolute";
	canvas.style.top = 0;
	canvas.style.left = 0;
	document.body.appendChild(canvas);
	//alert(canvas);
	if ( ! canvas || ! canvas.getContext ) { return false; }
	var ctx = canvas.getContext('2d');
	/* Imageオブジェクトを生成 */
	var img = new Image();
	img.src = "commons/images/"+ imageGridName + "?" + new Date().getTime();
	/* 画像が読み込まれるのを待ってから処理を続行 */
	dom.addListener(img,"load",function(){ ctx.drawImage(img, 0, 0)});
}


//AS3版のボタンを押した時に実行される関数
function rollOverJs(){
	var num = 1;
	swfName("externalas3addcallback").rollOver(num);
}

function rollOutJs(num){
	var num = 1;
	swfName("externalas3addcallback").rollOut(num);
}
//ブラウザに対応した呼び出し方のための関数
function swfName(str) {
	if (navigator.appName.indexOf("Microsoft") != -1) {
		return window[str];
	}else {
		return document[str];
	}
}