//Thanks for visiting. Any suggestions appreciated; free beer for any ideas, useful or otherwise.
console.log("Init...");
$(document).ready(function() {
  $('#comment').one('focus',function() {
	$('#comment').parent().after('<div id="preview-box"><div class="comment-by">Live Comment Preview</div><div id="live-preview"></div></div>');
  });
  var $new_content = '';
  var $preview = '';
  var $filename = '';
  var $domain = 'http://twadl.com/'; // reo maybe dynamically update these?
  var $temp_link = $domain + 'xyz';
  var $tweet_link = $domain + 't/123abc';
  var $correction = 0;
  
  $(".hide_to_start").hide();
  $(".tweet_hider").show();
  
  $('#new_content').keyup(function() {
	update_preview();
	
  });
  
  	$("#uploadedfile").change(function(){
		$filename = this.value;
		update_preview();
	});
	
	$(".name").click(function(){
		
      var reply_name = $(this).text();
	  var composition = $('#new_content').val();
	  $('#new_content').val('@' + reply_name + ' ' + composition);
	  
	  update_preview();
	  
	});
	
	$(".reply_button").click(function(){
		
      var reply_name = $(this).children().text();
	  var composition = $('#new_content').val();
	  $('#new_content').val('@' + reply_name + ' ' + composition);
	  
	  update_preview();
	  
	});
	
  
  function update_preview(){
	$preview = '';
	$correction = 0;
  
	$new_content = $('#new_content').val();
	word_array = $new_content.split(" ");
		
		for (w in word_array){
			if (word_array[w].substr(0,5) == "http:" && word_array[w].length > $temp_link.length){
				$preview = $preview + ' <span class="underline">' + $temp_link + "</span>";
				$correction = $correction - 31;
					
			}

			else {$preview = $preview + " " + word_array[w];}
			
		}
		
		if ($filename != ''){ $preview = $preview + " " + $tweet_link; }
		
	$preview = $preview.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); //Trims whitespace
	$preview = unescape(escape($preview).replace(/%0A/g, ''));
	
	$('#live-preview').html( $preview );
	
	$p_len = $preview.length + $correction;
	$('#length-preview').html($p_len);
	
	if ($p_len > 140){
		$("#update_status").attr("disabled", "disabled").addClass("cross");
	} else {
		$("#update_status").removeAttr("disabled").removeClass("cross");
	}
  
  }
  
  	$(".display_all").click(function(){
		$(".hide_to_start").slideDown();
		$('.toggler').toggle();
	});
	
	$(".hide_dupes").click(function(){
		$(".hide_to_start").slideUp();
		$('.toggler').toggle();
	});
  
});