//----------------------------------------------------------------------------
// nagashima_top_swf.js
//
// Requires: jQuery 1.1.3+
//----------------------------------------------------------------------------
// Written by BrainPowers
//
// ReleasedDate: 2011-03-16 (iu)
// ChangedDate: ----------
//----------------------------------------------------------------------------

// Flashファイルのパス+ファイル名
var swf_file = '/data/swf/nagashima_top.swf';

// JavaScriptアニメの画像のパス
var img_path = '/data/image/anime/top_resort/';

//----------------------------------------------------------------------------

var Flash = function () {
	var o = {installed:0, version:[]}, description, oActiveX, nMajor, nMinor;
	if(navigator.plugins && typeof navigator.plugins["Shockwave Flash"] == "object"){
		o.pluginType = "npapi";
		description = navigator.plugins["Shockwave Flash"].description;
		if(typeof description != "undefined"){
			description = description.replace(/^.*\s+(\S+\s+\S+$)/, "$1");
			nMajor = parseInt(description.replace(/^(.*)\..*$/, "$1"), 10);
			nMinor = /r/.test(description) ? parseInt(description.replace(/^.*r(.*)$/, "$1"), 10) : 0;
			o.version = [nMajor, nMinor];
			o.installed = 1;
		}
	}
	else if(window.ActiveXObject){
		o.pluginType = "ax";
		try{
			oActiveX = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
		}catch(e){
			try{
				oActiveX = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
				o.version = [6, 0];
				o.installed = 1;
				oActiveX.AllowScriptAccess = "always";
			}catch(e){
				if(o.version[0] == 6) {o.installed=1; return; }
			}
		
			try{
				oActiveX = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
			}catch(e){
			}
		}
		
		if(typeof oActiveX == "object"){
			description = oActiveX.GetVariable("$version");
			if(typeof description != "undefined"){
				description = description.replace(/^\S+\s+(.*)$/, "$1").split(",");
				o.version = [parseInt(description[0], 10), parseInt(description[2], 10)];
				o.installed = 1;
			}
		}
	}

	return o;
}();


if(Flash.installed)
{
	document.write('<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="570" HEIGHT="220" id="nico" ALIGN="">');
	document.write('<PARAM NAME=movie VALUE="'+swf_file+'"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="'+swf_file+'" quality=high bgcolor=#FFFFFF  WIDTH="570" HEIGHT="220" NAME="nico" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://get.adobe.com/jp/flashplayer/"></EMBED>');
	document.write('</OBJECT>');
}
else
{
	document.write('	<div style="width:570px;height:220px;overflow:hidden;">');
	document.write('	<div id="FL_resort" style="width:570px;height:220px;overflow:hidden;">');
	document.write('	<img src="'+img_path+'loading.gif" />');
	document.write('	</div>');
	document.write('	</div>');
	
	var img_length = 15;
	var img_src = new Array(img_length);
	for(var i=0; i<img_length; i++)
	{
		if(i < 10)	img_src[i] = img_path + '0' + i + '.jpg';
		else		img_src[i] = img_path +  i + '.jpg';
	}

	var img_count = img_length;
	for(var i=0; i<img_length; i++)
	{
		loadImage(img_src[i]);
	}
}

function loadImage(img_path)
{
	var img = document.createElement("img");
	$(img).css("display", "none");
	$(img).attr("src", img_path);
	$("#FL_resort").append(img);
	$(img).load(function()
				{
					img_count--;
					if(img_count == 1) startSlide();
				}
	);
}

function startSlide()
{
	setTimeout(function(){ $("#FL_resort img:eq(1)").show()}, 100);
	setTimeout(function(){ $("#FL_resort img:eq(0)").fadeOut(100)}, 200);
	setTimeout(function(){ $("#FL_resort img:eq(1)").hide()}, 3000);
	
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 3000);
	setTimeout(function(){ $("#FL_resort img:eq(2)").show().css("margin-left", "400px").animate({marginLeft: "0px"}, 500, "swing")}, 3000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 4000);
	setTimeout(function(){ $("#FL_resort img:eq(2)").hide()}, 5000);
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 5000);
	setTimeout(function(){ $("#FL_resort img:eq(3)").show().css("margin-top", "-20px").animate({marginTop: "-90px"}, 2700, "swing")}, 5000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 7000);
	setTimeout(function(){ $("#FL_resort img:eq(3)").hide()}, 8000);
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 8000);
	setTimeout(function(){ $("#FL_resort img:eq(4)").show().css("margin-top", "-170px").animate({marginTop: "-100px"}, 2700, "swing")}, 8000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 10000);
	setTimeout(function(){ $("#FL_resort img:eq(4)").hide()}, 11000);
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 11000);
	setTimeout(function(){ $("#FL_resort img:eq(5)").show().css("margin-top", "-10px").animate({marginTop: "-80px"}, 2700, "swing")}, 11000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 13000);
	setTimeout(function(){ $("#FL_resort img:eq(5)").hide()}, 14000);
	
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 14000);
	setTimeout(function(){ $("#FL_resort img:eq(6)").show().css("margin-top", "0").css("margin-left", "400px").animate({marginLeft: "0px"}, 500, "swing")}, 14000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 15000);
	setTimeout(function(){ $("#FL_resort img:eq(6)").hide()}, 16000);
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 16000);
	setTimeout(function(){ $("#FL_resort img:eq(7)").show().css("margin-top", "-55px").css("margin-left", "-110px").animate({marginLeft: "-160px"}, 2700, "swing")}, 16000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 18000);
	setTimeout(function(){ $("#FL_resort img:eq(7)").hide()}, 19000);
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 19000);
	setTimeout(function(){ $("#FL_resort img:eq(8)").show().css("margin-top", "-90px").css("margin-left", "-80px").animate({marginLeft: "-30px"}, 2700, "swing")}, 19000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 21000);
	setTimeout(function(){ $("#FL_resort img:eq(8)").hide()}, 22000);
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 22000);
	setTimeout(function(){ $("#FL_resort img:eq(9)").show().css("margin-top", "-180px").css("margin-left", "-10px").animate({marginLeft: "-60px"}, 2700, "swing")}, 22000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 24000);
	setTimeout(function(){ $("#FL_resort img:eq(9)").hide()}, 25000);
	
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 25000);
	setTimeout(function(){ $("#FL_resort img:eq(10)").show().css("margin-top", "0").css("margin-left", "400px").animate({marginLeft: "0px"}, 500, "swing")}, 25000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 26000);
	setTimeout(function(){ $("#FL_resort img:eq(10)").hide()}, 27000);
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 27000);
	setTimeout(function(){ $("#FL_resort img:eq(11)").show().css("margin-left", "-50px").css("margin-top", "-90px").animate({marginTop: "-30px"}, 2700, "swing")}, 27000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 29000);
	setTimeout(function(){ $("#FL_resort img:eq(11)").hide()}, 30000);
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 30000);
	setTimeout(function(){ $("#FL_resort img:eq(12)").show().css("margin-left", "-20px").css("margin-top", "-40px").animate({marginTop: "-100px"}, 2700, "swing")}, 30000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 32000);
	setTimeout(function(){ $("#FL_resort img:eq(12)").hide()}, 33000);
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 33000);
	setTimeout(function(){ $("#FL_resort img:eq(13)").show().css("margin-left", "-10px").css("margin-top", "-130px").animate({marginTop: "-70px"}, 2700, "swing")}, 33000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 35000);
	setTimeout(function(){ $("#FL_resort img:eq(13)").hide()}, 36000);
	
	setTimeout(function(){ $("#FL_resort").fadeIn(1000)}, 36000);
	setTimeout(function(){ $("#FL_resort img:eq(14)").show().css("margin-top", "0").css("margin-left", "400px").animate({marginLeft: "0px"}, 500, "swing")}, 36000);
	setTimeout(function(){ $("#FL_resort").fadeOut(1000)}, 37000);
	setTimeout(function(){ $("#FL_resort img:eq(14)").hide()}, 38000);
	setTimeout(function(){ $("#FL_resort").fadeIn(5000)}, 38000);
	setTimeout(function(){ $("#FL_resort img:eq(15)").show().css("margin-top", "-110px")}, 38000);
}