// JavaScript Document
String.prototype.getExtent = function(){
	$('#news_ruler').empty();
	var width = $('#news_ruler').append(this.toString()).width();
	$('#news_ruler').empty();
	return width;
};

String.prototype.truncateTailInWidth = function(maxWidth){
	if (this.length == 0) return '';
	if (this.getExtent() <= maxWidth) return this;
	for (var i = this.length - 1; i >= 1; --i) {
		var s = this.slice(0, i) + '...';
		if (s.getExtent() <= maxWidth) return s;
	}
	return '';
};

function display_tab_contents(){
	var jsonDataUrl = "./xml/rss_blog.php";
	var tab_body = $('#tab_contents_blog');
	$.getJSON(jsonDataUrl, null, function(json){
		var data_list = eval(json);
		var output = '';
		for(var i=0; i < Math.min(data_list.length, 10); i++){
			output += createHTML(data_list[i][0], (i < 2))
		}
		tab_body.html(output);
	});

}
function createHTML(data, is_big){
	var html = '';
	if(is_big){
		html = "<li><p>"+data.out_date+"</p>"
				+"<span class=\"size_l\"><a href=\""+data.link+"\" target=\"_blank\">"+data.title+"</a><br />"
				+data.description+"<br />"
				+"["+data.blogname+"]"
				+"</span></li>";
	}else{
		html = "<li class=\"clearfix\"><p class=\"date\">"+data.out_date+"</p>"
				+"<span class=\"size_s\"><a href=\""+data.link+"\" target=\"_blank\">"+data.title+"</a><br />"
				+data.description+"<br />"
				+"["+data.blogname+"]"
				+"</span></li>";
	}
	return html;
}

$(function(){
	// ニュースフィード
	$('#contents_news a').each(function(){
		var txt = $(this).html();
		if (txt.indexOf("<br") > 0) {
			txt = txt.substr(0, txt.indexOf("<br")); //見出し行だけ取得（<br>と<br />の両方に対応）
		}
		// IE対策（brが大文字で出力される）
		if (txt.indexOf("<BR") > 0) {
			txt = txt.substr(0, txt.indexOf("<BR")); //見出し行だけ取得（<BR>と<BR />の両方に対応）
		}
		txt = txt.truncateTailInWidth('500');
		var url = this;
		$('#news_ticker').append('<li><a href="' + url + '"><span class="headline_text">' + txt + '</span></a></li>');
	});
	$('#news_ticker').newsTicker(5000);

	// タブの切り替え
	$('#tab_menu li').click(function(){
		if ($(this).attr('class') == 'tab_open') return;
		$('#tab_menu li.tab_open').attr('class', 'tab_close');
		$('#tab_contents li.tab:visible').removeClass('show').addClass('hide');
		$(this).removeClass('tab_close').addClass('tab_open');
		var tab_id = $(this).attr('id');
		$('#tab_contents li#' + tab_id + '_contents_box').removeClass('hide').addClass('show');
	});
	// ブログ読み込み
	$('#tab_menu li#tab_blog').one('click', function(){
		display_tab_contents();
	});

	// メインイメージ切り替え
	$('#main_tab_list li a').mouseover(function() {
		$('#main_tab_list li a img').each(function(){
			var src = $(this).attr('src');
			$(this).attr('src', src.replace("_on", "_off"));
		});
		var src = $(this).children('img').attr('src');
		$(this).children('img').attr('src', src.replace("_off", "_on"));
		if ($(this).parent('li').attr('id') == "main_tab_01") {
			if(!$('#main_image_01').hasClass('display')){
				$('#main_image_list li.display').fadeOut('fast').removeClass('display');
				$('#main_image_01').fadeIn('fast').addClass('display');
			}
		} else if ($(this).parent('li').attr('id') == "main_tab_02") {
			if(!$('#main_image_02').hasClass('display')){
				$('#main_image_list li.display').fadeOut('fast').removeClass('display');
				$('#main_image_02').fadeIn('fast').addClass('display');
			}
		} else if ($(this).parent('li').attr('id') == "main_tab_03") {
			if(!$('#main_image_03').hasClass('display')){
				$('#main_image_list li.display').fadeOut('fast').removeClass('display');
				$('#main_image_03').fadeIn('fast').addClass('display');
			}
		}
	});
});