/*
 * new_index.js
 */

$(document).ready(function(){

// menu		------------------------
	$('#header_flogo')	.show().animate({opacity: 0.0}, 0).animate({opacity: 1.0}, 1000);
	$('#menu_top')		.show().animate({opacity: 0.0}, 0).animate({opacity: 1.0}, 1100).animate({opacity: 0.5}, 500).animate({opacity: 1.0}, 1000);
	$('#menu_release')	.show().animate({opacity: 0.0}, 0).animate({opacity: 1.0}, 1200).animate({opacity: 0.5}, 500);
	$('#menu_spec')		.show().animate({opacity: 0.0}, 0).animate({opacity: 1.0}, 1300).animate({opacity: 0.5}, 500);
	$('#menu_gallery')	.show().animate({opacity: 0.0}, 0).animate({opacity: 1.0}, 1400).animate({opacity: 0.5}, 500);
	$('#menu_tvcm')		.show().animate({opacity: 0.0}, 0).animate({opacity: 1.0}, 1500).animate({opacity: 0.5}, 500);

// mainContent	------------------------
//	$('#mainContent')	.animate({opacity: 0.0}, 0).animate({opacity: 1.0}, 2000);

// main visual	------------------------
	$('#mainVisual').crossSlide({
		fade: 2
	}, [
		{
			src:	'img/top/00.jpg',
			from:	'100% 50% 1x',
			to:	'100% 0% 1x',
			time:	1
		}, {
			src:	'img/top/01.jpg',
			from:	'100% 0% 1x',
			to:	'100% 50% 1x',
			time:	3
		}, {
			src:	'img/top/02.jpg',
			from:	'100% 50% 1x',
			to:	'100% 0% 1x',
			time: 	3
		}, {
			src:	'img/top/03.jpg',
			from:	'100% 0% 1x',
			to:	'100% 50% 1x',
			time: 	3
		}, {
			src:	'img/top/04.jpg',
			from:	'100% 50% 1x',
			to:	'100% 0% 1x',
			time:	3
		}
	]);

// message01	------------------------
	$('#message01')	.show().animate({opacity: 0.0}, 0).animate({opacity: 0.7}, 10000).animate({opacity: 0.01}, 3000);
	$('#message02')	.show().animate({opacity: 0.0}, 0).animate({opacity: 0.7}, 11000).animate({opacity: 0.01}, 4000);

});