var tag_current = "";
var display_mode_visual = true;

function tagChanged(tag) {
	tag_current = tag;
	new Ajax.Request('/tag/json', {
		method: 'get',
		parameters: 'tag='+tag,
		onComplete: function (response) {
			clearItems();
			var data = eval(response.responseText);
			var index = 0;
			data.each(function(h) {
				var hobj = $H(h);
				putItem(hobj, tag, index++);
			});
//			location.hash = escape(tag);
		}
	});
}
function updateItems() {
	tagChanged(tag_current);
}
function clearItems() {
	var container = $('body_main_left_main');
	if(!container) container = $('body_main');
	container.style.visibility = "visible";
	container.innerHTML = display_mode_visual ? "" : '<div id="list_text_header"><p>-</p></div>';
}
function putItem(hash_obj, tag, index) {
	var thumbnail_url = hash_obj['thumbnail'];
	var link_url = hash_obj['virtualpath'];
	var name = hash_obj['name'];
	var date = hash_obj['date'];
	if(tag.length > 0) link_url += "/html/" + tag;
	
	var item_html = "";
	if(display_mode_visual) {
		//<div class="item" style="background-image: url(/content/2006060618211301703.jpeg);">
		//<h4><a href="/content/2006060618185401701.entry">GRAPH for PPCM�V���[�Y Sweat</a> / 2006-06-06 18:18:54</h4>
		//</div>
		item_html = 
			'<div class="item" style="background-image: url(/' + thumbnail_url + ');">' + 
			'<h4><a href="/' + link_url + '">' + name + '</a> / ' + date + '</h4>' + 
			'</div>';
	} else {
		//2006-06-06 18:18:54
		var year = date.substr(0,4)+'&nbsp;';
		var month = date.substr(5,2)+'&nbsp;';
		var day = date.substr(8,2)+'&nbsp;';
		var time = date.substr(11)+'&nbsp;';
		item_html = 
			'<div class="item_text">' + 
			'<a href="/' + link_url + '"><span class="item_text_year">'+year+
			'</span><span class="item_text_month">'+month+
			'</span><span class="item_text_day">'+day+
			'</span><span class="item_text_time">'+time+
			'</span><span class="item_text_title">' + name + '</span></a>' + 
			'</div>';
		if(index%10 == 9) {
			item_html += 
				'<div class="item_text">' + 
				'<span class="item_text_sep">-</span>' + 
				'</div>';
		}
	}
	var container = $('body_main_left_main') ? 'body_main_left_main' : 'body_main';
	new Insertion.Bottom(container, item_html);
}
function toggle_displaymode() {
	display_mode_visual = !display_mode_visual;
	var tag_toggle_list = $('displaymode_toggle').getElementsByTagName('a');
	var tag_toggle_style = tag_toggle_list[0].style;
	
	tag_toggle_style.backgroundPosition = display_mode_visual ? "0px -37px" : "0px 0px";
	updateItems();
}