$(window).ready(function(){

	var loading_on_twitter = $("#loading_on_twitter");
	var loading_on_web = $("#loading_on_web");

	var follow_box = $("#follow_box");
	var free_on_web = $("#free_on_web");

	var pageNum;
	
	//show loading bar
	function showLoadingTwitter(){
//		follow_box.fadeOut("slow");
//		loading_on_twitter.slideDown(1);
		loading_on_twitter.css('display','block');
	}
	function showLoadingWeb(){
//		free_on_web.fadeOut("slow");
//		loading_on_web.slideDown("slow");
		loading_on_web.css('display','block');
	}
	
	//hide loading bar
	function hideLoadingTwitter(){
//		follow_box.fadeIn("slow");
//		loading_on_twitter.slideUp("slow");
		loading_on_twitter.css('display','none');
	};
	function hideLoadingWeb(){
//		free_on_web.fadeIn("slow");
//		loading_on_web.slideUp("slow");
		loading_on_web.css('display','none');
	};
	
	$("a.link-twitter").click(function(e){
		e.preventDefault();
		showLoadingTwitter();  
		
		//define the target and get content then load it to container
		var url = $(this).attr("href");
		var targetUrl = url + "/query#follow_box";

		follow_box.load(targetUrl, hideLoadingTwitter);
	});

	$("a.link-web").click(function(e){
		e.preventDefault();
		showLoadingWeb();  
		
		//define the target and get content then load it to container
		var url = $(this).attr("href");
		var targetUrl = url + "/query#free_on_web";

		free_on_web.load(targetUrl, hideLoadingWeb);
	});
	
	$('#tweet-content').maxlength({
	  'feedback' : '.left-chars',
	  hardLimit: false
	});
	
	$("#tweetForm").validate({
		messages: {
			id: {
				required: 'Twitter IDを入力してください。'
			},
			password: {
				required: 'Twitter Passwordを入力してください。'
			},
			comment: {
				required: 'つぶやきを入力してください。',
				maxlength: $.validator.format("{0}文字の入力文字制限を超えています。")
			}
		}		
	});	
});


function post() {
  if ('' == $('#post-content').val()) {
    return;
  }
  $('#post-form input[type=submit]').attr('disabled', 'true');
  $.post(
    '/ajax/post',
    $('#post-form').serialize(),
    function(res) {
      if (res.success) {
        $('#post-box').html('<div id="post-success">ポストに成功しました！</div><div style="font-size:93%;">このウィンドウは自動的に閉じられます</div>');
        setTimeout(function(){window.close();}, 3000);
      } else {
        if (res.error) {
          alert(res.error);
        } else {
          alert('ポストに失敗しました');
        }
        $('#post-form input[type=submit]').attr('disabled', false);
      }
    },
    'json'
  );
}