// JavaScript Document

var h;
		
jQuery(function($){

	$('.fleft .photo').hover(
	
		function() {
			
			$(".fleft .layer img").addClass("displaynone");
		},
			
		function() {
			
			$(".fleft .layer img").removeClass("displaynone");
		}	
	);

	$('.fright .photo').hover(
	
		function() {
			
			$(".fright .layer img").addClass("displaynone");
		},
			
		function() {
			
			$(".fright .layer img").removeClass("displaynone");
		}	
	);
	
	$('#mainImage').jqFancyTransitions({
		width:		950,
		height:		270,
		effect: 	'wave', //wave, zipper, curtain
		strips: 	12, //短冊状に区切るライン数
		position:	'alternate', //開始場所top, bottom, alternate, curtain
		direction:	'random', //エフェクト方向left, right, alternate, random, fountain, fountainAlternate
		navigation:	false, //ナビをつけるか
		delay:		8000 //表示秒数 		
	});
	
	$(window).scroll(function(){
		
		setBanner();
	
	});
	
	setBanner();
	
});

function setBanner() {
	
	var dheight = ($(document).height()) - 300;
	var sheight = $('#scroll').offset().top;
	
	$('#scroll img').hide();
	
	clearTimeout(h);
	
	if(dheight > sheight) {
		
		h = setTimeout('showBanner()', 1000);
	}
};

function showBanner(){
	
	$('#scroll').css("bottom", "20px"),
	$('#scroll img').fadeIn("fast"),
	$('#scroll').animate({ bottom: "-=20px"}, 1000, "easeOutBounce");
};