// JavaScript Document

function drawiPad(){
	var canvas = document.getElementById("cvsPh01");
	var cxPh = canvas.getContext("2d");
	
	var imgiPad = new Image();
	
	imgiPad.onload = function(){
		cxPh.drawImage(imgiPad,0,0,359,359);
	};
		
		imgiPad.src = "img/ipad_001.png";
	
};


$(function(){
	jQuery('img.bgmaximage').maxImage({
		isBackground: true,
		overflow: 'auto'
 	});
});

//背景切り替え
//var FullscreenrOptions = {  
//	width: 768, //元画像の幅
//	height: 1024, //元画像の高さ
//	bgID: '#backBg'
//	}; 
//jQuery.fn.fullscreenr(FullscreenrOptions);
//背景切り替え終わり

//ボタン導入定義開始



function roombtn(){
	$("#roomBtn").animate({left:'30px',opacity:'1'},{queue:false,duration:800,easing:'easeInQuad'});
};

function weddingbtn(){
	$("#weddingBtn").animate({left:'130px',opacity:'1'},{queue:false,duration:800,easing:'easeInQuad'});
};


function locatbtn(){
	$("#locationBtn").animate({left:'50px',opacity:'1'},{queue:false,duration:800,easing:'easeInQuad'});
};


function prombtn(){
	$("#promotionBtn").animate({left:'0px',opacity:'1'},{queue:false,duration:800,easing:'easeInQuad'});
};


function reserbtn(){
	$("#reservBtn").animate({left:'0px',opacity:'1'},{queue:false,duration:800,easing:'easeInQuad'});
};

function reserbtn(){
	$("#reservBtn").animate({left:'0px',opacity:'1'},{queue:false,duration:800,easing:'easeInQuad'});
};


function accessBtn(){
	$("#accessBtn").animate({left:'0px',opacity:'1'},{queue:false,duration:800,easing:'easeInQuad'});
};

function linklBtn(){
	$("#linllink").animate({opacity:'1'},{queue:false,duration:800,easing:'easeInQuad'});
};


function flink(){
		$("#flink").animate({bottom:'5px',opacity:'1'},
			{queue:false,duration:1000,easing:'easeInQuad'
		});
};
function flink2(){
		$("#flink").animate({bottom:'-60px',opacity:'1'},
			{queue:false,duration:1000,easing:'easeInQuad'
		});
};

function tripAd(){
	$(document).ready(function() {
		$("#tripadvisor img.tripClass").css({
			opacity:'1',
			webkitTransformOrigin:'50% 50%',
			webkitTransform:'rotate(180deg) rotateY(90deg) scale(0.4)',
			webkitTransform:'rotate(180deg) rotateY(180deg) scale(0.4)',
			webkitTransform:'rotate(360deg) rotateY(270deg) scale(1.0)',
			webkitTransform:'rotate(360deg) rotateY(360deg) scale(1.0)'
		});
	});
}


//ボタン導入定義終了

function mainTl(){
$(document).ready(function() {
				
				//メインタイトル導入ここから
					$("#mainTitle").animate({left: '0px',opacity:'1'},   
    {queue:false,   
     duration:1500, //アニメーションスピード（何秒間）
     easing:'easeInQuad' //easingプラグインのエフェクトです   
    });
				//contents01導入ここまで				
});
}

//オープニング


//導入部時間差処理
function topcont(){
	setTimeout("mainTl()",800);
$(document).ready(function() {
	setTimeout("roombtn()",1200);
	setTimeout("weddingbtn()",1700);
	setTimeout("locatbtn()",2200);
	setTimeout("prombtn()",2600);
	setTimeout("reserbtn()",2700);
	setTimeout("accessBtn()",2600);
	setTimeout("linklBtn()",3300);
	setTimeout("tripAd()",3800);
});
}
//時間差処理終了。
//ループ処理開始(重くなるので停止）

function roopBt1(){
$('#roomBtn').animate({opacity:0.6}, {duration: 3000, easing: 'easeInQuad'}).animate({opacity:1}, {duration: 3000, easing: 'easeInQuad'});
	tid_ro = setTimeout("roopBt1()",6000);
}

function weddBt1(){
$('#weddingBtn').animate({opacity:0.6}, {duration: 3500, easing: 'easeInQuad'}).animate({opacity:1}, {duration: 3500, easing: 'easeInQuad'});
	tid_we = setTimeout("weddBt1()",7000);
}

function locaBt1(){
$('#locationBtn').animate({opacity:0.6}, {duration: 2500, easing: 'easeInQuad'}).animate({opacity:1}, {duration: 2500, easing: 'easeInQuad'});
	tid_lo = setTimeout("locaBt1()",5000);
}

//ループ処理終了

//部屋紹介？
function inHtmlRooms(){
	$(function(){
		$("#bord").load("room2.html");
	});
}

function brdopen(){
	$(document).ready(function() {
		$('#bord').animate({width:'90%',height:'400',opacity:1}, {duration: 400, easing: 'easeOutExpo'});
		});
	}


//部屋ボタンアクション
function roomBord(){

$(document).ready(function() {
		$('#roomBtn').hide();
		$('#weddingBtn').hide();
		$('#locationBtn').hide();
		$('#promotionBtn').hide();
		$('#reservBtn').hide();
		$('#accessBtn').hide();
	});

	setTimeout("brdopen()",100);
	setTimeout("inHtmlRooms()",400);

}

//閉じるボタン

function rmvBord(){
	$(document).ready(function(){
		$('#childcnt').remove();
		$('#bord').animate({width:'0%',height:'0',opacity:0}, {duration: 400, easing: 'easeInExpo'});
		$('#roomBtn').show();
		$('#weddingBtn').show();
		$('#locationBtn').show();
		$('#promotionBtn').show();
		$('#reservBtn').show();
		$('#accessBtn').show();
	});
}

//景観紹介？
function inHtmlLocation(){
	$(function(){
		$("#bord").load("location.html");
	});
}

//景観ボタンアクション
function locaBord(){
		
$(document).ready(function() {
		$('#roomBtn').hide();
		$('#weddingBtn').hide();
		$('#locationBtn').hide();
		$('#promotionBtn').hide();
		$('#reservBtn').hide();
		$('#accessBtn').hide();
	});

	setTimeout("brdopen()",100);
	setTimeout("inHtmlLocation()",400);

}

//ウェディング紹介？
function inHtmlWedd(){
	$(function(){
		$("#bord").load("wedding.html");
	});
}


//ウェディングボタンアクション
function wedBord(){
		
$(document).ready(function() {
		$('#roomBtn').hide();
		$('#weddingBtn').hide();
		$('#locationBtn').hide();
		$('#promotionBtn').hide();
		$('#reservBtn').hide();
		$('#accessBtn').hide();
	});

	setTimeout("brdopen()",100);
	setTimeout("inHtmlWedd()",400);

}
//PV紹介？
function inHtmlPv(){
	$(function(){
		$("#bord").load("pv3.html");
	});
}


//ウェディングボタンアクション
function pvBord(){
		
$(document).ready(function() {
		$('#roomBtn').hide();
		$('#weddingBtn').hide();
		$('#locationBtn').hide();
		$('#promotionBtn').hide();
		$('#reservBtn').hide();
		$('#accessBtn').hide();
	});
	setTimeout("brdopen()",100);
	setTimeout("inHtmlPv()",400);

}

//予約
function inHtmlReserv(){
	$(function(){
		$("#reserv").load("resev.html");
	});
}

function rsvOpen(){
	$(document).ready(function() {
		$('#reserv').show();
		$('#reserv').animate({
									width:'90%',
									height:'400',
									top:'25%',
									left:'10px',
									opacity:1}, {duration: 1000, easing: 'easeInExpo'});
		});	
	}

//予約ページアクション
function rsvBord(){
		
$(document).ready(function() {
		$('#roomBtn').hide();
		$('#weddingBtn').hide();
		$('#locationBtn').hide();
		$('#promotionBtn').hide();
		$('#reservBtn').hide();
		$('#accessBtn').hide();
	});
	setTimeout("rsvOpen()",100);
	setTimeout("inHtmlReserv()",2500);

}

//閉じるボタン2

function rsvRemv(){
	$(document).ready(function() {
		$('#childcnt').remove();
		$('#reserv').animate({width:'0%',height:'0',top:'50%',left:'50%',opacity:0}, {duration: 700, easing: 'easeInExpo'});
		$('#roomBtn').show();
		$('#weddingBtn').show();
		$('#locationBtn').show();
		$('#promotionBtn').show();
		$('#reservBtn').show();
		$('#accessBtn').show();
	});
}


function gglLink(){
$(document).ready(function() {
		$("#googleLink").animate({bottom:'5px',opacity:'1'},
			{queue:false,duration:1000,easing:'easeInQuad'
		});
	});
};

topcont();

//ビデオコード
/*
var video;
var copy;
var copycanvas;
var draw;

var TILE_WIDTH = 32;
var TILE_HEIGHT = 24;
var TILE_CENTER_WIDTH = 16;
var TILE_CENTER_HEIGHT = 12;
var SOURCERECT = {x:0, y:0, width:0, height:0};
var PAINTRECT = {x:0, y:0, width:720, height:400};

function init(){
	video = document.getElementById('sourcevid');
	copycanvas = document.getElementById('sourcecopy');
	copy = copycanvas.getContext('2d');
	var outputcanvas = document.getElementById('output');
	draw = outputcanvas.getContext('2d');
	setInterval("processFrame()", 33);
}
function createTiles(){
	var offsetX = TILE_CENTER_WIDTH+(PAINTRECT.width-SOURCERECT.width)/2;
	var offsetY = TILE_CENTER_HEIGHT+(PAINTRECT.height-SOURCERECT.height)/2;
	var y=0;
	while(y < SOURCERECT.height){
		var x=0;
		while(x < SOURCERECT.width){
			var tile = new Tile();
			tile.videoX = x;
			tile.videoY = y;
			tile.originX = offsetX+x;
			tile.originY = offsetY+y;
			tile.currentX = tile.originX;
			tile.currentY = tile.originY;
			tiles.push(tile);
			x+=TILE_WIDTH;
		}
		y+=TILE_HEIGHT;
	}
}

var RAD = Math.PI/180;
var randomJump = false;
var tiles = [];
var debug = false;
function processFrame(){
	if(!isNaN(video.duration)){
		if(SOURCERECT.width == 0){
			SOURCERECT = {x:0,y:0,width:video.videoWidth,height:video.videoHeight};
			createTiles();
		}
		//this is to keep my sanity while developing
		if(randomJump){
			randomJump = false;
			video.currentTime = Math.random()*video.duration;
		}
		//loop
		if(video.currentTime == video.duration){
			video.currentTime = 0;
		}
	}
	var debugStr = "";
	//copy tiles
	copy.drawImage(video, 0, 0);
	draw.clearRect(PAINTRECT.x, PAINTRECT.y,PAINTRECT.width,PAINTRECT.height);
	
	for(var i=0; i<tiles.length; i++){
		var tile = tiles[i];
		if(tile.force > 0.0001){
			//expand
			tile.moveX *= tile.force;
			tile.moveY *= tile.force;
			tile.moveRotation *= tile.force;
			tile.currentX += tile.moveX;
			tile.currentY += tile.moveY;
			tile.rotation += tile.moveRotation;
			tile.rotation %= 360;
			tile.force *= 0.9;
			if(tile.currentX <= 0 || tile.currentX >= PAINTRECT.width){
				tile.moveX *= -1;
			}
			if(tile.currentY <= 0 || tile.currentY >= PAINTRECT.height){
				tile.moveY *= -1;
			}
		}else if(tile.rotation != 0 || tile.currentX != tile.originX || tile.currentY != tile.originY){
			//contract
			var diffx = (tile.originX-tile.currentX)*0.2;
			var diffy = (tile.originY-tile.currentY)*0.2;
			var diffRot = (0-tile.rotation)*0.2;
			
			if(Math.abs(diffx) < 0.5){
				tile.currentX = tile.originX;
			}else{
				tile.currentX += diffx;
			}
			if(Math.abs(diffy) < 0.5){
				tile.currentY = tile.originY;
			}else{
				tile.currentY += diffy;
			}
			if(Math.abs(diffRot) < 0.5){
				tile.rotation = 0;
			}else{
				tile.rotation += diffRot;
			}
		}else{
			tile.force = 0;
		}
		draw.save();
		draw.translate(tile.currentX, tile.currentY);
		draw.rotate(tile.rotation*RAD);
		draw.drawImage(copycanvas, tile.videoX, tile.videoY, TILE_WIDTH, TILE_HEIGHT, -TILE_CENTER_WIDTH, -TILE_CENTER_HEIGHT, TILE_WIDTH, TILE_HEIGHT);
		draw.restore();
	}
	if(debug){
		debug = false;
		document.getElementById('trace').innerHTML = debugStr;
	}
}

function explode(x, y){
	for(var i=0; i<tiles.length; i++){
		var tile = tiles[i];
		
		var xdiff = tile.currentX-x;
		var ydiff = tile.currentY-y;
		var dist = Math.sqrt(xdiff*xdiff + ydiff*ydiff);
		
		var randRange = 220+(Math.random()*30);
		var range = randRange-dist;
		var force = 3*(range/randRange);
		if(force > tile.force){
			tile.force = force;
			var radians = Math.atan2(ydiff, xdiff);
			tile.moveX = Math.cos(radians);
			tile.moveY = Math.sin(radians);
			tile.moveRotation = 0.5-Math.random();
		}
	}
	tiles.sort(zindexSort);
	processFrame();
}
function zindexSort(a, b){
	return (a.force-b.force);
}

function dropBomb(evt, obj){
	var posx = 0;
	var posy = 0;
	var e = evt || window.event;
	if (e.pageX || e.pageY){
		posx = e.pageX;
		posy = e.pageY;
	}else if (e.clientX || e.clientY) {
		posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	var canvasX = posx-obj.offsetLeft;
	var canvasY = posy-obj.offsetTop;
	explode(canvasX, canvasY);
}

function Tile(){
	this.originX = 0;
	this.originY = 0;
	this.currentX = 0;
	this.currentY = 0;
	this.rotation = 0;
	this.force = 0;
	this.z = 0;
	this.moveX= 0;
	this.moveY= 0;
	this.moveRotation = 0;
	
	this.videoX = 0;
	this.videoY = 0;
}

*/
/*
	getPixel
	return pixel object {r,g,b,a}
*//*
function getPixel(imageData, x, y){
	var data = imageData.data;
	var pos = (x + y * imageData.width) * 4;
	return {r:data[pos], g:data[pos+1], b:data[pos+2], a:data[pos+3]}
}*/
/*
	setPixel
	set pixel object {r,g,b,a}
*//*
function setPixel(imageData, x, y, pixel){
	var data = imageData.data;
	var pos = (x + y * imageData.width) * 4;
	data[pos] = pixel.r;
	data[pos+1] = pixel.g;
	data[pos+2] = pixel.b;
	data[pos+3] = pixel.a;
}*/
/*
	copyPixel
	faster then using getPixel/setPixel combo
*//*
function copyPixel(sImageData, sx, sy, dImageData, dx, dy){
	var spos = (sx + sy * sImageData.width) * 4;
	var dpos = (dx + dy * dImageData.width) * 4;
	dImageData.data[dpos] = sImageData.data[spos];     //R
	dImageData.data[dpos+1] = sImageData.data[spos+1]; //G
	dImageData.data[dpos+2] = sImageData.data[spos+2]; //B
	dImageData.data[dpos+3] = sImageData.data[spos+3]; //A
}*/