tag={

	change:function(tagName,tag_value,attr,elem){
		if(elem){
			var tag=document.createElement(tagName);
			tag.innerHTML=tag_value;
			for(obj in attr){
				tag.setattribute(obj,attr[obj]);
			}
		}else{
			var attr_value="";
			if(attr){
				for(obj in attr){
					attr_value+=" "+obj+'="'+attr[obj]+'"';
				}
			}
			var tag='<'+tagName+attr_value+'">'+tag_value+'</'+tagName+'>';
		}
		return tag;
	}

}

function change_list(type,data,end){

	//戻り値のタグ
	var tags="<ul>";
	
	data=data.split("\r\n");
	
	if(!end){
		end=data.length;	
	}else{
		end++;	
	}
	
	//全体のデータ件数分のループ
	for(var i=1;i<end;i++){
		
		//１件のデータを取得
		var record=data[i];

		//１件のデータを配列に分割
		record=record.split(",");
				
		//topicsの場合
		if(type=="topics"){
			
			//データの日付と分類があるか
			if(record[0]!="" && record[1]!="" || record[1]!=""){
				var c_name="title "+record[1];
			}else{
				var c_name=false;	
			}
			
			//表示する値の代入処理
			if(c_name){
				var value=tag.change("span",record[0],{
					"class":c_name
				});
			}else{
				var value="";	
			}
			
			//リンクの列があるなら、内容の列をaタグで囲む
			if(record[2]!=""){
				var text=tag.change("a",record[3],{
					href:record[2],
					target:"_blank"
				});
			}else{
				var text=record[3];
			}
			
			//内容の列をspanで囲む
			value+=tag.change("span",text,{
				"class":"text"	   
			});
			
			//１行ごとにclassNameを変える
			if(i%2!=0){
				var c_name="smoke";
			}else{
				var c_name="";	
			}
			
			var list=tag.change("li",value,{
				"class":c_name
			});
			
		}
		
		//更新履歴の場合
		if(type=="new"){
			
			//見出しがあるなら「→」を日付の後に追加
			if(record[2]){
				value=tag.change("span",record[0]+" → "+record[2],{
					"class":"title"
				});
			}else{
				value=tag.change("span",record[0],{
					"class":"title"
				});
			}
			
			//リンクの列があるなら、内容の列をaタグで囲む
			if(record[1]!=""){
				var text=tag.change("a",record[3],{
					href:record[1],
					target:"_blank"
				});
			}else{
				var text=record[3];
			}
			
			//内容の列をspanで囲む
			value+=tag.change("span",text,{
				"class":"text"	   
			});
			
			//１行ごとにclassNameを変える
			if(i%2!=0){
				var c_name="smoke";
			}else{
				var c_name="";	
			}
			
			var list=tag.change("li",value,{
				"class":c_name
			});
			
		}
		
		//ulタグにlistを代入
		tags+=list;
			
	}
	
	if(read!=0){
	
		tags+=tag.change("li",'<a href="'+type+'/index.htm">もっと見る</a>',{
				"class":"hosoku"				  
			})+"</ul>";
	
	}
	
	tags+="</ul>";
	
	return tags;
	
}

function topics_write(data,status){

	$("#topics_list").hide("3000",function(){
		if(status!="success"){
			$("#topics_list").html('<ul><li class="smoke"><span class="title">データのロードに失敗しました。</span><span class="text"><a href="topics/list.htm">ここをクリックするとTOPICS一覧のページをご覧になれます。</a></span></li></ul>');
		}else{
			test=change_list("topics",data,read);
			$("#topics_list").html(test);
		}
		$("#topics_list").show("3000");
	});	

}

function new_write(data,status){

	$("#new_list").hide("3000",function(){
		if(status!="success"){
			$("#new_list").html('<ul><li class="smoke"><span class="title">データのロードに失敗しました。</span><span class="text"><a href="topics/list.htm">ここをクリックすると更新履歴一覧のページをご覧になれます。</a></span></li></ul>');
		}else{
			test=change_list("new",data,read);
			$("#new_list").html(test);
		}
		$("#new_list").show("3000");
	});	
	
}