$(document).ready( function()
{
	$.ajaxSetup({ cache : false });
	$("#news").scroll({speed: 0.07});
	$("#news").css("font-size", "18px");
	$("#hide").css("display","none");
	
	$(".outline").click(function()
	{
		location.href = "./event/detail.php?id=" + $(this).attr("id");
	})
	
	$(".outline").mouseover(function(e)
	{
		$("body").append("<div id='preview'>クリックで詳細ページへ</div>");
		
		$("#preview")
			.css("font-size","10px")
			.css("position","absolute")
			.css("padding","5px")
			.css("background", "#ffffff")
			.css("border","1px solid #3333cc")
			.css("top", (e.pageY - 20) + "px")
			.css("left",(e.pageX + 5) + "px");
    });
	
	$(".outline").mouseout(function(){
		//マウスがホバーから外れた時はDOMツリーから削除
		$("#preview").remove();
    });
	
	$(".outline").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - 20) + "px")
			.css("left",(e.pageX + 5) + "px");
		}
	);
});

jQuery.fn.scroll = function(setting)
{
	$news = jQuery(this);
	
	//ニュースの親要素の幅を取得
	var parent_width = $news.parent().width();
	$news.css("left", parent_width);
	
	//隠されたニュースIDを配列に格納
	var id = new Array();
	$("#hide").find(".hide_id").each(function () {
		id.push($(this).text());
	});
	
	//隠されたニュースタイトルを配列に格納
	var title = new Array();
	$("#hide").find(".hide_title").each(function () {
		title.push($(this).text());
	});
	
	//隠されたニュース本文を配列に格納
	var body = new Array();
	$("#hide").find(".hide_body").each(function () {
		body.push($(this).text());
	});
	
	//隠された画像ファイル名を配列に格納
	var img = new Array();
	$("#hide").find(".hide_img").each(function () {
		if($(this).text() != "") {
			img.push($(this).text());
		}else {
			img.push("trans.gif");
		}
	});
	
	//隠された日付を配列に格納
	var date = new Array();
	$("#hide").find(".hide_date").each(function () {
		date.push($(this).text());
	});
	
	//ニュースのインデックスを初期化
	var index = 0;
	news_loop(index);
	
	//アニメーションループ
	function news_loop(index)
	{
		//ニュースタイトルを設定
		$("#news_title").text(title[index]);
		
		//画像の透明度をゼロで初期化
		$("#news_img").css("opacity", 0);
		$("#news_img").attr("src", '/_admin/images/topics/thumb/' + img[index]);
		
		//ニュース本文を設定
		$news.text(body[index]);
		var news_width = $news.width();
		var total_width = news_width + parent_width;
		var time = total_width / setting.speed;
		
		//日付を設定
		$("#date").text(date[index]);
		
		//IDを設定
		$(".outline").attr("id",id[index]);
		
		//画像をフェードイン
		$("#news_img").animate({opacity: "+=1.0"}, 3000);
		
		//ニュースをスクロール
		$("#news").animate({left: "-=" + total_width}, time, "linear",
		function()
		{
			$news.css("left", parent_width);
			news_loop(index);
		});
		
		index++;
		if(index == body.length) {
			index = 0;
		}
	}
}