var live = function(){
	var ch = 0;
	var id;
	//var Interval = 1000;
	var delInterval = 2000;
	var ch_array = ["ch1","ch3","ch4","ch6","ch8","ch10","ch12"];
	var clickobj;
	var channelData = new Array(3);
	var setup = function(){
		$("#channel .balloon").hide();     
	};
	var channelHover = function(){
		$("#channel a").hover(function(){
				var ch = $(this).text();
				$("#ch"+ch+" a").css("background-position","0px -106px");
				$("#channel #ch" + ch + " .balloon" ).fadeIn("fast");
		},function(){
				var ch = $(this).text();
				$("#ch"+ch+" a").css("background-position","0px 0px");
				$("#channel #ch" + ch + " .balloon" ).fadeOut("fast");
		});
	};
	function create_privateid( n ){
	    var CODE_TABLE = "0123456789"
	        + "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
	        + "abcdefghijklmnopqrstuvwxyz";
	    var r = "";
	    for (var i = 0, k = CODE_TABLE.length; i < n; i++)
	        r += CODE_TABLE.charAt(Math.floor(k * Math.random()));
		return r;
	}
	var getChannel = function(){
		data = document.title.match(/\(([^c]+)ch\)/i);
		if(data==null){
			return;
		}else{
			ch = data[1]; 
		}
	}
	var commentRead = function(){
		getChannel();
		var randid = create_privateid(6);
		$.getJSON("readdata/response.js?"+randid,function(data){
			a=ch+"ch";
			i=0;
			lp = data[a].length;
			while (i < lp) {
			    res = data[a][i].response;
			    id = data[a][i].id;			    
				if(!$("p").is("#"+id)){
					$("#live").prepend("<p id="+id+' class="ready">'+res+"</p>");
					$("#"+id).hide();
				};
			    i = i + 1;
			};
		});
	};
	var commentRun = function(){
//		
//		$(".ready:last").show();
		$(".ready:last").addClass("go");
		$(".ready:last").removeClass("ready");
		$(".go:last").fadeIn("slow");

		//$(".go:last").animate({marginLeft:"0px"},{duration:"slow"});		
		$(".go:last").addClass("finish");
		$(".go:last").removeClass("go");

		
	};
	var commentDel =function(){
		//$(".finish:first").remove();
		//$("#live p:last").remove();
		$(".finish:gt(10)").fadeOut("slow");
		$(".finish:gt(100)").remove();
	};
	var channelCreate = function(){
		var randid = create_privateid(6);
		$.getJSON("readdata/channel.js?"+randid,function(data){
			jQuery.each(ch_array, function(json, ch) {
				$("#"+ch+" dt").text("【"+data[json].publisher+"】");
				$("#"+ch+" dd").text(data[json].title);
				sub = data[json].subject;
				if(sub.length>0){
					$("#"+ch+" dd").append(" - " + sub);
				}
			});
		});
	};
	var getChannelData = function(){
		channelData["publisher"] = $("#ch"+ch+" dt").text();
		channelData["titlesubject"] = $("#ch"+ch+" dd").text();
	}
	var channelChange = function(){
		$("#live").empty();
		if(clickobj){
		ch = clickobj.text();
		}else{
		return;
		}
		$("li a").css("background-position","0px 0px");
		$("#ch"+ch+" a").css("background-position","0px -212px");
		title = (document.title.replace(/\(.+\)/, "("+ch+"ch)"));
		document.title = title;
		getChannelData();
		$("h2").slideUp("normal",function(){
			$("h2").text(channelData["publisher"]);
			$("h2").append(channelData["titlesubject"]);
			$("h2").slideDown("normal",function(){commentRead();});
			}
		);
	};
	return {
		init : function(){
			setup();
			channelCreate();
			channelHover();
			channelChange();
		},
		change : function(obj){
			clickobj = obj;
			channelChange();
		},
		comment : function(){
			var time = new Date();
			var sec = time.getSeconds();
			if(sec%59==0)channelCreate();
			if(ch==0)return;
			if(sec%5==0)commentRead();
			commentRun();
			commentDel();
		}
	};
}();
$(function(){
	live.init();
	setInterval(function(){
		live.comment();
	}, 700);
	$("#channel a").click(function(){
		live.change($(this));
		return false;
	});	
});