var slideshowSpeed = 7000;

var nowBtShowNum = "";
var fistNum = 1;
var listMax = 12;
var nowImgShowNum = 1;

$(document).ready(function(){
	// ZoomBox
	$.zoombox.options.width = 350;
	$.zoombox.options.height = 430;
	
	
	// SET Image List
	for(ii=1 ; ii<=listMax ; ii++)
	{
		imageListSetLast( "img_"+ii+" defls", "back_img_"+ii );
	}
	$("ul#img_list li:first").show();
	
	for(ii=1 ; ii<=4 ; ii++)
	{
		imageListSetLast( "bt_img_"+ii+" btls", "bt_back_"+ii );
	}
	// ul back none
	$("ul#img_list").css({
		"background-image": "none"
	});
	
	
	// Under Construction SETTING
	$("#body_area").append("<p></p>");
	$("#body_area").find("p:last")
		.addClass("under_const")
		.append("<span></span>");
	$("#body_area p:last span")
		.addClass("purple_2")
		.text("現在制作中..");
	
	
	// Under Construction SET
	$("#sub_area ul li a").each(function(){
		if( $(this).attr("href") == "" ){
			$("ul#sub_3 li.bt_3 a").click(function(){
				return false;
			});
			$("ul#sub_3 li.bt_3 a").hover(
				function()
				{
					offset = $(this).offset();
					offLeft = offset.left + 10;
					$("#body_area p.under_const").css({
						left: offLeft
					});
					$("#body_area p.under_const").show("slow");
				},
				function()
				{
					$("#body_area p.under_const").hide("slow");
				}
			);
		}
	});
	
	
	// sub Bt hide
	$("#body_area ul.list_sub_bt").css( "display","none");
	
	// ---------------
	// Bt RollOver
	// ---------------
	$('#wrapper a img').parent().each(function(){
		$myThis = $(this);
		imgExt = getExtention($myThis.find("img").attr("src"));
		if( $.support.opacity || imgExt != "png" ){
			$myThis.find("img").hover(function(){
				$(this).animate({
					opacity: 0.7
				}
				, 200);
			},
			function(){
				$(this).animate({
					opacity: 1
				}
				, 200);
			});
		}
	});
	
	// -----------
	// Bt
	// -----------
	$("#bt_list_main .bt_1 a").click(function(){
		subBtHideShow("1");
		return false;
	});
	$("#bt_list_main .bt_2 a").click(function(){
		subBtHideShow("2");
		return false;
	});
	$("#bt_list_main .bt_3 a").click(function(){
		subBtHideShow("3");
		return false;
	});
	$("#bt_list_main .bt_4 a").click(function(){
		subBtHideShow("4");
		return false;
	});
	
	interval = setInterval(function() {
		scrollImage();
	}, slideshowSpeed);
	
	
	// KTAI
	$("#ext_link_navi a.ktai").click(function(){
		$.zoombox.html(
			'<div id="info_ktai"><a href="http://ip.tosp.co.jp/i.asp?I=ustone2006" target="_blank" title="U★STONE 携帯版サイト">http://ip.tosp.co.jp/i.asp?I=ustone2006</a></div>'
			);
		return false;
	});	
	
	$("a#koyuu_zeze").click(function(){
		$.zoombox.html(
			'<iframe width="350" height="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps/ms?ie=UTF8&amp;hl=ja&amp;brcurrent=3,0x60010ce21dc780bb:0x1a9923d282d0f1ea,0&amp;msa=0&amp;msid=207611544695822633882.0004a27a1ffbc59d7ff12&amp;ll=35.001703,135.880837&amp;spn=0.006679,0.00751&amp;z=16&amp;output=embed"></iframe><br /><small style="display:block;text-align:center;">より大きな地図で <a href="http://maps.google.co.jp/maps/ms?ie=UTF8&amp;hl=ja&amp;brcurrent=3,0x60010ce21dc780bb:0x1a9923d282d0f1ea,0&amp;msa=0&amp;msid=207611544695822633882.0004a27a1ffbc59d7ff12&amp;ll=35.001703,135.880837&amp;spn=0.006679,0.00751&amp;z=16&amp;source=embed" style="color:#66AAFF;">本格近江もつ鍋 こゆう 膳所駅前店</a> を表示</small>'
			);
		return false;
	});	



function imageListSetLast( myClassName, imgName )
{
	imgList = $("ul#img_list");

	imgList
		.append("<li></li>")
		.find("li:last")
		.addClass( myClassName );
	
	imgList
		.find("li:last")
		.css("background-image",'url("images/201105/' + imgName + '.jpg")');
}

function subBtHideShow( eleName )
{
	if( nowBtShowNum == eleName){
		return false;
	}
	
	for( ii=1 ; ii<=4 ; ii++ )
	{
		checkOpacity = $("ul#sub_" + ii).css("display");
		if( checkOpacity == "block" ){
			$("ul#sub_" + ii).hide("slow");
		}
	}
	$("ul#sub_" + eleName).show("slow");
	
	
	// Message typewriter
	imgMsg = $("ul#image_msg");
	
	
	// Bt Back
	if( nowBtShowNum != "" ){
		// Img List Hide
		$("#img_list")
			.find("li.bt_img_" + nowBtShowNum )
			.animate({
				opacity: 0
			},"slow");
			
		// Msg
		imgMsg.find( "li.msg_" + nowBtShowNum ).hide("slow");
	} else {
		// clearinterval
		clearInterval(interval);
		
		// Img List Hide
		$("#img_list").find("li.img_" + nowImgShowNum )
			.animate({
				opacity: 0
			},"slow");
		$("#img_list").find("li.defls" ).hide();
		
		// Msg
		imgMsg.find( "li.msg_fst" ).hide("slow");
	}
	
	// show
	$("#img_list")
		.find("li.bt_img_" + eleName )
		.animate({
			opacity: 1
		},"slow");
	
	// Msg
	imgMsg.find( "li.msg_" + eleName ).show("slow");
	
	nowBtShowNum = eleName;
	
	return true;
}


function scrollImage()
{
	// HIDE ele
	hideEle = $("#img_list li.img_" + nowImgShowNum);
	hideEle.css("z-index","10");
	
	// NEXT ele
	if( nowImgShowNum+1 > listMax ){
		nextNum = nowImgShowNum = fistNum;
	} else {
		nextNum = ++nowImgShowNum;
	}
	
	nextEle = $("#img_list li.img_" + nextNum);
	nextEle.css({
		"z-index": 1
		,opacity: 1
	});
	
	
	// Animation
	hideEle.stop(false,true).animate({
		opacity: 0
	}, 2000 );
	
}

	
});


function getExtention(fileName) {
	var ret;
	if (!fileName) {
	  return ret;
	}
	var fileTypes = fileName.split(".");
	var len = fileTypes.length;
	if (len === 0) {
	  return ret;
	}
	ret = fileTypes[len - 1];
	return ret;
}