// @charset "utf-8";

$(function() {
	$("div.special dd.itemlist").jCarouselLite({
		btnPrev: "div.special .prev",
		btnNext: "div.special .next",
		visible: 1,
		scroll: 1,
		auto: 9250,	// auto + speed = 10[sec]
		speed: 750,
		pause: true
	});
});
$(function() {
	$("div.special2 div.itemlist").jCarouselLite({
		btnPrev: "div.special2 .prev",
		btnNext: "div.special2 .next",
		visible: 4,
		scroll: 1,
		auto: 9250,	// auto + speed = 10[sec]
		speed: 750,
		pause: true
	});
});

// PNG fix
if (window.DD_belatedPNG) DD_belatedPNG.fix('p#slide-nav a');


// slider
var slider = {
	// element setting
	targets:    '#slide-runner img',	// target elements	.. スライドさせたい要素群のセレクタ
	navigation: '#slide-nav',	// navigation box .. ナビゲーションを入れる要素のセレクタ. 必要ないなら空白で.
	fadein:     'div#slide-controls, img',	// do fadein .. フェードインさせたい要素のセレクタ.
	holder:     'div#slide-holder',	// holder .. スライド部分全体を包む要素のセレクタ

	// option setting
	current:  0,	// current number and first number .. 現在の要素番号、および、最初の要素番号
	width:    1000,	// image width .. 各要素の幅
	auto:     true,	// slide automatically ? .. true: 自動でスライドさせる, false: 手動のみ
	interval: 10 * 1000,	// interval .. 自動でスライドさせるときの余白時間

	// script
	timer: null,	// timer id .. setTimeout のID
	init: function(){
		slider.obj = $( slider.targets );
		if (!slider.obj.length) return;
		var i = 0;
		slider.obj.each(function () {
			$(this).css({ left: (i - slider.current) * slider.width });

			// append navigation
			if (slider.navigation) $( slider.navigation ).append(
				'<a id="slide-link-'+ i +'" href="#"'+
				' onclick="slider.slide('+ i +'); return false;"'+
				' onfocus="this.blur();">'+ (i + 1) +'</a>'
			);
			i++;
		});
		// fade-in
		if (slider.fadein) $( slider.fadein, $( slider.holder ) ).fadeIn();

		// set
		slider.on();	// change class On

		// timer
		slider.timer = window.setTimeout(slider.auto_slide, slider.interval);
	},
	auto_slide: function(){
		if (!slider.auto) return false;

		// slide
		slider.slide( (slider.current + 1 < slider.obj.length) ? slider.current + 1 : 0 );
	},
	slide: function(pos){
		if (pos < 0 || pos >= slider.obj.length || pos == slider.current) return;

		// animation
		var i = 0;
		$( slider.obj ).each(function () {
			$(this).stop().animate({ left: (i - pos) * slider.width }, slider.width, 'swing');
			i++;
		});
		// set
		slider.current = pos;	// set current numbe
		slider.on();	// change class On

		// timer
		slider.timer && window.clearTimeout(slider.timer);
		slider.timer =  window.  setTimeout(slider.auto_slide, slider.interval);
	},
	on: function(){
		$( slider.navigation +' a' ).removeClass('on');
		$( slider.navigation +' a#slide-link-'+ slider.current ).addClass('on');
	}
};
$(function(){ slider.init() });