/**
 *  DBからデータを取得して初期表示
 *  投票をDBへ反映
 *
 */
 
 
 
$j(function()
{
	loaddata();
	//init();
})

function init()
{
	var ans;
	var att;
	var que_id;
	var vote_data;
	//eventなどの処理はここ
	$j("#questionBox label").click(function()
	{
		ans = $j(this).find(".question").val();
		//クリックしたボタン以外をオフにする
		$j("#questionBox li").removeClass('checked');
						
		// クリックしたliに.checkedのclassをつける
		$j(this).parent().addClass('checked');
		
		//設問１をクリックした後に設問２を表示する
		$j("#optionBox").show("fast");
		
		})
	
	$j("#optionBox label").click(function()
	{
		att = $j(this).find(".option").val();
		//クリックしたボタン以外をオフにする
		$j("#optionBox li").removeClass('checked');
						
		// クリックしたliに.checkedのclassをつける
		$j(this).parent().addClass('checked');
		
		// クリックしたら投票するボタンをアクティブにする
		$j("#optionBox .box-vote a").show();
		
	});
	
   $j(".voteWrap .box-vote a").click(function()
   {
	var date1 = new Date();
	var timestamp1 = date1.getTime();
   		/**
   		 * 投稿に必須のデータを取得
   		 * ①回答ID
   		 * ②質問属性ID
   		 */
   	jQuery.ajax({
		   url : "http://tv.foxjapan.com/img/vote/php/dovote.php?hoge="+timestamp1,
		   type : "post",
		   data :  "ans=" + ans + "&att=" + att,
		   success : function(data){
				loaddata();
			}
		 });
		//投票するボタンを押したら設問ボックスが消える
		$j(".voteWrap .box-title, .voteWrap form, .voteWrap .box-result").hide();
		
		//投票するボタンを押したら受付完了メッセージが出る
		$j(".voteWrap .box-voted").show();
	})
}


	//PHPを叩いた処理
function loaddata(){
	var date2 = new Date();
	var timestamp2 = date2.getTime();
	jQuery.ajax({
		url : "http://tv.foxjapan.com/img/vote/php/getdata.php?hoge="+timestamp2,
		type : "get",
		success : function(data)
		{
			if ( data == "nodata" ){
					
					var	annhtml = '<div class="voteWrap">';
		            annhtml = annhtml + '<h3>クイック投票</h3>';
		            annhtml = annhtml + '<div class="voteWrapBox">';
		            annhtml = annhtml + '<div class="box-done">現在投票を受け付けているアンケートはありません。</div>';
		            annhtml = annhtml + '<div class="box-list"><p class="linkNormal"><a href="/vote/">投票結果の一覧はこちら</a></p></div>';
		            annhtml = annhtml + '</div>';
		            annhtml = annhtml + '</div>';
			}
			else
			{
				var qd = eval("("+data+")"); 
				
				if ( qd.que == null || qd.que == "" )
				{
					var	annhtml = '<div class="voteWrap">';
			            annhtml = annhtml + '<h3>クイック投票</h3>';
			            annhtml = annhtml + '<div class="voteWrapBox">';
			            annhtml = annhtml + '<div class="box-done">現在受付中の全てのアンケートに回答済みです。</div>';
			            annhtml = annhtml + '<div class="box-list"><p class="linkNormal"><a href="/vote/">投票結果の一覧はこちら</a></p></div>';
			            annhtml = annhtml + '</div>';
			            annhtml = annhtml + '</div>';
				}
				else
				{
					
					var	annhtml = '<h3>クイック投票</h3>';
					annhtml = annhtml + '<div class="voteWrapBox">';
					annhtml = annhtml + '<div class="box-title"><h4>' + qd.que.que_cnts + '</h4>';
					
					if(qd.que.que_sps != "" && qd.que.que_sps != null){
						annhtml = annhtml + '<p class="presented">presented by <a href="' + qd.que.sps_link +'" target="_blank">' + qd.que.que_sps +'</a></p>';
					}
					annhtml = annhtml + '</div>';
					annhtml = annhtml + '<form method="POST" class="voteForm" name="voteFhow">';
					annhtml = annhtml + '<ul id="questionBox">';
					
					 for( var i = 0 ; i < qd.ans.length ;i++ )
					 {
					 	annhtml = annhtml + '<li><label><input type="radio" name="radioSet" class="question" value="' + qd.ans[i].ans_id +'" /><span>'+ qd.ans[i].ans_cnts +'</span></label></li>';
					 }

					annhtml = annhtml + '</ul>';
					annhtml = annhtml + '<div id="optionBox">';
					annhtml = annhtml + '<div class="box-title"><strong>' + qd.que.que_att + '</strong></div>';
					annhtml = annhtml + '<ul class="clearfix">';
					
					for( var i = 0 ; i < qd.att.length ;i++ )
					{
					 	annhtml = annhtml + '<li><label><input type="radio" name="optionSet" class="option" value="' + qd.att[i].att_id +'" /><span>'+ qd.att[i].att_cnts +'</span></label></li>';
					}
					var vr_height = 370;
					if(qd.ans.length > 4){vr_height =  (qd.ans.length-4) * 50 + vr_height;}
					annhtml = annhtml + '</ul>';
					annhtml = annhtml + '<div class="box-vote">';
					annhtml = annhtml + '<a href="/vote_result.php?height='+vr_height+'&width=610&que_id=' + qd.que.que_id + '&keepThis=true&TB_iframe=true" class="thickbox"><img src="/img/vote/img/vote-btn-vote.gif" alt="投票する！" /></a>';
					annhtml = annhtml + '</div>';
					annhtml = annhtml + '</div>';
					annhtml = annhtml + '</form>';
					annhtml = annhtml + '<script type="text/javascript" src="/img/vote/js/thickbox.js"></script>';
					annhtml = annhtml + '<div class="box-result"><p class="linkBlank"><a href="/vote_result.php?height=' + vr_height +'&width=610&novote=1&que_id=' + qd.que.que_id + '&keepThis=true&TB_iframe=true" class="thickbox">投票せずに結果を見る</a></p></div>';
					annhtml = annhtml + '<div class="box-voted"><p>投票を受け付けました！</p></div>';
					annhtml = annhtml + '<div class="box-list"><p class="linkNormal"><a href="/vote/">投票結果の一覧はこちら</a></p></div>';
					annhtml = annhtml + '</div>';
	 		   }
	 		}		
			$j(".voteWrap").html(annhtml); 
			init();
		},
		error : function()
		{
			//alert("error");
		}
	});
}