var intervalID;
var listmode=false;

$(function(){
	/* スライド表示 */
	$(document).ready(
		function() {
			intervalID = 0;
			slideStart();
		}
	);
	$("#view").click(
		function() {
			slideStart();
		}
	);
	/* スライド・リスト表示切替 */
	$("#listview").click(
		function() {
			if (listmode) {
				$("#listview").html('リスト表示');
				$("#clickDescription").html('※ クリックするとスライドの初めに戻ります。');
				slideStart();
			} else {
				$("#listview").html('スライド表示');
				$("#clickDescription").html('');
				$('#list').show();
				$('#view').hide();
			}
			listmode = ~listmode;
		}
	);
});

function slideStart() {
	var list = '';
	var view = '';
	list = '#list';
	view = '#view';
	
	setSlide(list,view);

	function setSlide() {
		// タイマクリア
		clearTimeout(intervalID);
		//　リストを非表示
		$(view).show();
		$(list).hide();
		if ($(view).children().length>0) {
			$(view).children().remove();
		}
		
		$(view).append("<div></div>")
				.addClass("view")
				.children()
				.css({
					"font-size":"280%",
					"padding":"1em 1em 1em 1em"
					});
	
		var listcnt = 0;
		
		var count = function(){
			var len =$(list).children().length;
			var html = '';
	
			if (listcnt>=len) {
				html = $(list).children('li:last').html();
			} else if (listcnt==0) {
				// リストの一番先頭の要素にselectedというクラス名を付けて、htmlを取得
				html = $(list).children('li:first').addClass("selected").html();
			} else {
				html = $(list).children(".selected").removeClass().next().addClass("selected").html();
			}
			if (listcnt<len) {
				changeHTML(html);
				listcnt+=1;
				intervalID = setTimeout(count, 3000);
			}
		}
	
		count();
		return false;
	}
	function changeHTML(html) {
		var text = html.replace(/<[^<>]*>/gi,'');
		var px = parseInt( 34 * (4 - text.length / 10));
		html = html.replace(/<!--\s*br\s*\/\s*-->/gi,'<br />');
		$(view).children()
						.css("padding-top",px + 'px');
		$(view).children()
						.hide()
						.html(html)
						.fadeIn(1600)
		;
//						.show('scale', {}, 500)
	}	
}