﻿
/* ---------------------------------------------------------------
 * slide show
--------------------------------------------------------------- */

$(document).ready(function(){
	
	//---slide
	var slideArray = $('#slide .slide-innder ul li');
	if(slideArray.length <= 1){
		$('#s_prev, #s_next').css('display', 'none');
		$('#mainvisual #slide ul li').css('width', '970px');
	} else {
		if(slideArray.length == 2){
			for(i = 0; i < 2; i ++){
				$(slideArray[i]).clone(true).appendTo('#slide .slide-innder ul');
			}
		}
		
		$('#slide .slide-innder ul').carouFredSel({
			item: 1,
			circular: true,
			infinite: true,
			width: 570,
			auto: {
				pauseDuration : 6000,
				pauseOnHover : true,
				easing		: 'easeOutCirc',
				duration	: 1000
			},
			prev : {
				button		: '#s_prev a',
				items		: 1,
				easing		: 'easeOutCirc',
				duration	: 1000
			},
			next : {
				button		: '#s_next a',
				items		: 1,
				easing		: 'easeOutCirc',
				duration	: 1000
			},
			pagination : {
				container	: '#pagenation',
				easing		: 'easeOutCirc',
				duration	: 1500
			}
		});
	}
	
	//---change
	var targetId, targetBlock;
	$('#change a').click(function(){
		$('#change a').removeClass('act');
		$(this).addClass('act');
		targetId = $(this).attr('id');
		targetBlock = targetId.substr(2);
		$('#mainvisual .inner').css('display', 'none');
		$('#mainvisual #' + targetBlock).css('display', 'block');
		return false;
	});
});
