// @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 a 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:    950,	// image width .. 各要素の幅
	auto:     true,	// slide automatically ? .. true: 自動でスライドさせる, false: 手動のみ
	interval: 10 * 500,	// 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() });



//ClockAjax
function clockCall() {
	var url = "clock_ajax.html?"+ (new Date()).getTime();
	var ti = new Date();
    sendRequest(url, clockCallback, "GET", ti);
}


function clockCallback(req) {
    //alert(req.responseText);
	var param = {};
	var lines = req.responseText.split(/\n+/);
	for (var i = 0, I = lines.length; i < I; i++) {
		var pair = lines[i].split(/=/);
		param[ pair[0] ] = pair[1];
	}
	// タイトルとイメージがなかったら飛ばす
	if (!param.title || !param.file_name) return;
/*
	alert(param.title);
	alert(param.file_name);
	alert(param.select_time);
	alert(param.detail);
*/

/*
<div id="clock">
	<p class="pict"><img src="" id="clock_image" alt="" /></p>
	<div id="clock_title"></div>
</div>
*/


//	document.getElementById('clock_title').innerHTML = param.title;
	$('#clock_title').html(param.title)
	//$('#clock_detail').html(param.detail)
	$('#clock_time').html(param.select_time);
	$('#clock_image').attr('src','/upload/clock/' + param.file_name);
	$('#clockmain_title').html(param.title);
	$('#clocktop_title').html(param.top_title + '<a href="clock/index.html">続きを読む>></a>');
	$('#clockmain_detail').html(param.detail);
	$('#clockmain_time').html(param.select_time);
	$('#clockmain_image').attr('src','/upload/clock/' + param.file_name);
//	document.getElementById('clock_image').src = param.image;
	//alert(param.title);
	//alert(param.image);
}

//if (location.href.indexOf('test') >= 0) {
$(function () {
	//alert("test");
	clockCall();
	setInterval(clockCall, 30 * 1000);
});
//}
// window.addEventListener('load', clockCall, false);
// window.appendEvent('onload', clockCall);
// window.onload = clockCall;
// <body onload="clockCall()">

clockCall();