$(document).ready(function() {
$("#HelloBt").click(function () {
	$("#Opening").delay(1000).fadeOut(1500);
});
$('#CompanyId,#Gallery').fadeMover({'outSpeed':2000,'inSpeed':2000,'effectType':2});
$('#HelloSlidePhoto,#WorksContents,#WorksEntry,#StaffContents,#StaffDetail').fadeMover({'outSpeed':700,'inSpeed':700});

var  $btn = $("#HelloBt");
$btn.bind("click", function(event) {
event.preventDefault();
$(".MainContents").animate({height: "hide", opacity: "toggle"}, "normal",  "easeOutExpo");
$("#HelloWrapper").animate({ height: "show"}, "slow", "easeOutExpo");});

$("#HelloBt").click(function () {
	$('#SlidePhoto').each(function(){
		var loopsliderWidth = $(this).width();
		var loopsliderHeight = $(this).height();
		$(this).children('ul').wrapAll('<article id="loopslider_wrap"></article>');

		var listTotal = 0;

		$('#loopslider_wrap ul li').each(function(){
			var listWidth = $(this).width();
			listTotal += listWidth;
		});

		$('#loopslider_wrap').css({
			top: '0',
			left: '0',
			width: ((listTotal) * 2),
			height: (loopsliderHeight),
			overflow: 'hidden',
			position: 'absolute'
		});

		$('#loopslider_wrap ul').css({
			width: (listTotal)
		});
		loopsliderPosition();

		function loopsliderPosition(){
			$('#loopslider_wrap').css({left:'0'});
			$('#loopslider_wrap').stop().animate({left:'-' + (listTotal) + 'px'},90000,'linear');
			setTimeout(function(){
				loopsliderPosition();
			},90000);
		};

		$('#loopslider_wrap ul').clone().appendTo('#loopslider_wrap');
	});
});

	$('#HelloSlidePhoto').each(function(){
		var loopsliderWidth = $(this).width();
		var loopsliderHeight = $(this).height();
		$(this).children('ul').wrapAll('<article id="loopslider_wrap"></article>');

		var listTotal = 0;

		$('#loopslider_wrap ul li').each(function(){
			var listWidth = $(this).width();
			listTotal += listWidth;
		});

		$('#loopslider_wrap').css({
			top: '0',
			left: '0',
			width: ((listTotal) * 2),
			height: (loopsliderHeight),
			overflow: 'hidden',
			position: 'absolute'
		});

		$('#loopslider_wrap ul').css({
			width: (listTotal)
		});
		loopsliderPosition();

		function loopsliderPosition(){
			$('#loopslider_wrap').css({left:'0'});
			$('#loopslider_wrap').stop().animate({left:'-' + (listTotal) + 'px'},90000,'linear');
			setTimeout(function(){
				loopsliderPosition();
			},90000);
		};

		$('#loopslider_wrap ul').clone().appendTo('#loopslider_wrap');
	});


$("#Entry").slider({
	auto: false,
	once: true,
	build: false
});


$('#Ph01').cycle({ 
    fx:    'fade', 
    timeout:  6500,
	pause:  1
 });

$('#Ph02').cycle({ 
    fx:    'fade', 
    timeout:  9000,
	pause:  1
 });

$('#Ph03').cycle({ 
    fx:    'fade', 
    timeout:  5300,
	pause:  1
 });

$('#Ph04').cycle({ 
    fx:    'fade', 
    timeout:  4200,
	pause:  1
 });

$('#Ph05').cycle({ 
    fx:    'fade', 
    timeout:  6500,
	pause:  1
 });

$('#Ph06').cycle({ 
    fx:    'fade', 
    timeout:  9000,
	pause:  1
 });

$('#Ph07').cycle({ 
    fx:    'fade', 
    timeout:  4200,
	pause:  1
 });

$('#Ph08').cycle({ 
    fx:    'fade', 
    timeout:  9000,
	pause:  1
 });

$('#Ph09').cycle({ 
    fx:    'fade', 
    timeout:  5300,
	pause:  1
 });

$('#Ph10').cycle({ 
    fx:    'fade', 
    timeout:  6500,
	pause:  1
 });

$('#Ph11').cycle({ 
    fx:    'fade', 
    timeout:  9000,
	pause:  1
 });

$('#Ph12').cycle({ 
    fx:    'fade', 
    timeout:  5300,
	pause:  1
 });

$('#Ph13').cycle({ 
    fx:    'fade', 
    timeout:  4200,
	pause:  1
 });

$('#Ph14').cycle({ 
    fx:    'fade', 
    timeout:  6500,
	pause:  1
 });

$('#Ph15').cycle({ 
    fx:    'fade', 
    timeout:  9000,
	pause:  1
 });

$('#Ph16').cycle({ 
    fx:    'fade', 
    timeout:  4200,
	pause:  1
 });

$('#Ph17').cycle({ 
    fx:    'fade', 
    timeout:  9000,
	pause:  1
 });

$('#Ph18').cycle({ 
    fx:    'fade', 
    timeout:  5300,
	pause:  1
 });

});
