/* ************************************************************************

Site: Yatsushiro Royal Hotel
File: visual.js
---
Last Update: 2011/06/16
Create Date: 2011/06/16
---
(c) Yatsushiro Royal Hotel | http://www.yroyal.com/

************************************************************************ */


/* --------------------------------------------------------------------- */
/* setting */
/* --------------------------------------------------------------------- */
 var visualAll;
 var visualBox;
 var visualImgList;
 var visualZindex;
$(function(){
	visualAll = $("div#topImgArea");
	visualBox = $("ul#visualList");
	visualImgList = $("ul#visualList li");
	visualZindex = visualImgList.length;
	//
	$(visualAll).css({visibility:"hidden"});
	$(visualBox).css({height:"0px"});
	//
	$(visualImgList).css({position:"absolute"});
	for(i=1;i<=visualZindex;i++){
		$(visualImgList).eq(i-1).css({zIndex:visualZindex-i});
	}
	//
	$(visualBox).mousedown(function(e){
		e.preventDefault();																	 
	}).mousemove(function(e){
		e.preventDefault();
	}).mouseup(function(e){
		e.preventDefault();
	}).mouseout(function(e){
		e.preventDefault();
	});
});


/* --------------------------------------------------------------------- */
/* function */
/* --------------------------------------------------------------------- */
//[visualListGallery}
var timeIn;
var loopZ;
var loopCount = 1;
var loopTime = 4000;
var changeTime = 1500;
function visualListGallery(){
	loopZ = $(visualImgList).eq(0).css("zIndex");
	timeIn = setInterval(galleryLoop,loopTime);
}
function galleryLoop(){
	clearInterval(timeIn);
	loopZ++;
	loopCount += (loopCount<visualImgList.length)? 1:(-visualImgList.length+1);
	//
	$(visualImgList).eq(loopCount-1).css({zIndex:loopZ,opacity:"0"});
	$(visualImgList).eq(loopCount-1).stop().animate({opacity:"1"},changeTime,"easeOutCirc", function(){
		timeIn = setInterval(galleryLoop,loopTime);
	});
}



/* --------------------------------------------------------------------- */
/* start */
/* --------------------------------------------------------------------- */
$(window).bind("load", function(){
	$(visualAll).css({visibility:"visible"});
	$(visualBox).delay(200).animate({height:"350px"},1200,"easeInOutQuint", function(){
		visualListGallery();
	});
	
});