$(function(){
	var q_id = "";
	var opt_num = 2;
	var total = "";
	var count = {1:'0',2:'0',3:'0',4:'0',5:'0'};
	var rand = Math.random();
	
	$.getJSON("/php/articles/json?r="+rand ,null, function(data, status) {
			$("#article").html(data);
		}
	);

	$.getJSON("/php/set_blogs/pickup_blog/kiyoko?r="+rand, null, function(data, status) {
			var kiyoko = "";
			for (i in data) {
				kiyoko +=  "<li class=\"clearfix\"><span>"+data[i].date+"：</span><strong><a href=\""+data[i].url+"\" target=\"_blank\" >"+data[i].title+"</a></strong><em>"+data[i].blog_title+"</em></li>";
			}
			$("#kiyoko").html(kiyoko);
		}
	);

	$.getJSON("/php/set_blogs/pickup_blog/curry?r="+rand,null, function(data, status) {
			var curry = "";
			for (i in data) {
				curry += "<li class=\"clearfix\"><span>"+data[i].date+"：</span><strong><a href=\""+data[i].url+"\" target=\"_blank\">"+data[i].title+"</a></strong><em>"+data[i].blog_title+"</em></li>"
			}
			$("#curry").html(curry);
		}
	);

	$.getJSON("/php/set_blogs/pickup_blog/band?r="+rand,null, function(data, status) { 
			var band = "";
			for (i in data) {
				band +=  "<li class=\"clearfix\"><span>"+data[i].date+"：</span><strong><a href=\""+data[i].url+"\" target=\"_blank\">"+data[i].title+"</a></strong><em>"+data[i].blog_title+"</em></li>"
			}
			$("#band").html(band);
		}
	);
	
	
	$.getJSON("/php/set_blogs/area_trackbacks?r="+rand,null, function(data, status) {
						
			for (i in data) {
				thousand = parseInt(data[i].tb_count/1000);
				handred = parseInt((data[i].tb_count-thousand*1000)/100);
				ten = parseInt((data[i].tb_count-thousand*1000-handred*100)/10);
				one = data[i].tb_count%10;
				
			
				img_handred = "<img src=\"/2009/img/feature/area_num_"+handred+".gif\" />";
				img_ten = "<img src=\"/2009/img/feature/area_num_"+ten+".gif\" />";
				img_one = "<img src=\"/2009/img/feature/area_num_"+one+".gif\" />";
				
				num_img = "";
				
				if(thousand > 0){
					num_img += "<img src=\"/2009/img/feature/area_num_"+thousand+".gif\" />";
					num_img = img_thousand + img_handred + img_ten + img_one;
				}
				num_img += img_handred + img_ten + img_one;
					
				$("span.nums:eq("+i+")").prepend(num_img);
				if(data[i].isnew > 0) {
					$("span.nums:eq("+i+") + span").addClass("new");
				}
				
			}
		}
	);
	
	$.getJSON("/php/set_blogs/latest_blogs?r="+rand,null, function(data, status) {
			var blogs = "";
			for (i in data) {
				blogs += "<li class=\"clearfix\"><span>"+data[i].date+"：</span><strong><a href=\""+data[i].url+"\" target=\"_blank\">"+data[i].title+"</a></strong><em>"+data[i].blog_title+"</em></li>";
			}
			$("#blogs").html(blogs);
		}
	);
	
	$.getJSON("/php/surveys/result?r="+rand,null, function(data, status) {
		$("#result_title").html(data.title);
		$("#result_question").html(data.question);
		$("#result_img_graph").html("<img src=\"/survey/images/" + data.img_graph + "\">");
		$("#result_description").html(data.description);
	
	});
	
	
	$.getJSON("/php/surveys/question?r="+rand, null, function(data, status) {
		$("#q_title").html(data.title);
		$(".period").html(data.start_date + " ～ " + data.end_date);
		$(".q1 > dd").html(data.question);
		$(".q2 > dd").html(data.question2);
		$("#option1").html('A:　'+data.option1);
		$("#option2").html('B:　'+data.option2);
		if(data.option3){
			$("#option3").html('C:　'+data.option3);
			opt_num=3;
		}
		else{
			$("#vote3").remove();
			$("#result3").remove();
		}
		if(data.option4){
			$("#option4").html('D:　'+data.option4);
			opt_num=4;
		}
		else{
			$("#vote4").remove();
			$("#result4").remove();
		}
		if(data.option5){
			$("#option5").html('E:　'+data.option5);
			opt_num=5;
		}
		else{
			$("#vote5").remove();
			$("#result5").remove();
		}
		q_id = data.id;
		
		$("#hidden_id").attr("value", q_id);
		
		for(i=1;i<=opt_num;i++){
			$("#ratio_gauge" + i).css("width", data.ratio[i] + "%" );
			$("#ratio" + i).text(data.ratio[i]);
			count[i]=data.count[i];
		}
		total=data.total;
		
		if(data.expire == true) {
			disableEnquete();
			return;
		}
	});
	
	var selected = 0;
	var vote    = $('ul.vote_index>li','#enquete_form');
	var vote2    = $('#enquete_form2');
	var result  = $('ul.result_index>li','#enquete_form');
	var vinp    = vote.children('input');
	var vinp2    = vote2.children('select');
	var vtext    = vote2.children('textarea');

	vote.click(function(){
		if(selected != 0) {return false};
		
		$(this).children('input').attr({checked:"checked"});
		selected = vinp.filter(':checked').attr('id').replace('v','');
		total = 1+parseInt(total);
		count[selected] = 1+parseInt(count[selected]);
		
		vinp.not(':checked')
		.attr('disabled','disabled')
		.end()
		.filter(':checked').closest('li')
		.addClass('highlight');
		
		animateGraph();
		$.get("/php/surveys/add_answer/"+ q_id + "/" + selected +"?r=" + rand);
		$("#enquete_form").append("<div class=\"enquete_thx thx_q1\"><img src=\"/2009/img/feature/enquete_thx_q1.gif\" alt=\"投票ありがとうございました\" /></div> ");
	});

	vote2.submit(function(){
		
		gendar = $("#idx_gendar").val();
		generation = $("#idx_generation").val();
		job = $("#idx_job").val();
		episode = $("#episode_txt").val();
		id = $("#hidden_id").val();
		message = "<br />";
		
		if(!gendar || !generation || !job || !episode) {
			message += "すべての項目を入力してください";
		}
		else {
			$.post("/php/surveys/add_opinion/", {"survey_id" : id, "content": episode, "sex": gendar, "age": generation, "job":job});
			vinp2.attr('disabled','disabled');
			vtext.attr('disabled','disabled');
			$("#post_submit").fadeOut(1500);
			message += "<div class=\"enquete_thx thx_q2\"><img src=\"/2009/img/feature/enquete_thx_q2.gif\" alt=\"アンケートにご協力ありがとうございました\" /></div>";
		}
		$("#error").html(message);
		return false;
	})

	function animateGraph(){
		result.each(function(){
			var self = $(this);
			var idx = self.attr('id').replace('result','');
			if(selected != idx){
				self.find('dd>p').animate({opacity:0},"normal","linear");
			}
			else {
				self.find('dd>*').animate({opacity:0},"normal","linear");
				self.find('dt>span.color_bg').animate({opacity:0},"normal","linear",function(){t=setTimeout(animateGraph2,600);});
			}
		});
	}

	function animateGraph2(){
		result.each(function(){
			var self = $(this);
			var idx = self.attr('id').replace('result','');
			var percent = 0;
			switch(idx){
				case "1":
					percent = Math.floor(count[1]/total*100);
					break;
				case "2":
					percent = Math.floor(count[2]/total*100);
					break;
				case "3":
					percent = Math.floor(count[3]/total*100);
					break;
				case "4":
					percent = Math.floor(count[4]/total*100);
					break;
				case "5":
					percent = Math.floor(count[5]/total*100);
					break;
			}
			self.find('dd>p>span.num').text(percent);
			if(selected != idx){
				self.find('dd>span.gauge').animate({width:percent+'%'},"fast","linear");
				self.find('dd>p').animate({opacity:1},"fast","linear");
			}
			else {
				self.addClass('highlight');
				self.find('dd>span.gauge').css('width',percent+'%');
				self.find('dt>span.color_bg,dd>*').animate({opacity:1},"normal","linear");
			}
		});
	}
	
	function disableEnquete() {
		vinp.attr('disabled', 'disabled').hide();
		vote.unbind("click");
		vinp2.attr('disabled', 'disabled');
		vtext.attr('disabled', 'disabled');
		$("#enquete_form2").hide();
		$(".period").append($("<span> ※受付は終了しました。</span>").css({color:"#FF3366", fontWeight:"bolder"}));
	}

});