var SOG = {
	init: function() {
		this.bindStoryInputHandler();
		this.bindStoryFormHandler();
	},
	bindStoryInputHandler: function() {
		$('#story-story').keypress(this.updateCharCount);
	},
	updateCharCount: function() {
		var len = $('#story-story').val().length;
		if (len <= 140){$('#story-story').removeClass('error')};
		$("#charcount").html((140-len) >= 0 ? 140-len: 0);
	},
	bindStoryFormHandler: function() {
		$('#storySubmit').click(function(e) {
			var errs = false;
			$('.story-form-input').removeClass('error');
			if ($('#story-name').val() == '') {
				$('#story-name').addClass('error');
				errs = true;
			}
			if ($('#story-story').val() == '' || $('#story-story').val().length >= 140) {
				$('#story-story').addClass('error');
				errs = true;
			}
			if (!errs) {
				//$('#storySubmit').attr('src','images/loading.gif').attr('width','33').attr('height','33');
				$('#storySubmit').after("<span id='loading'>Submitting...</span>").remove();
				$.ajax({
				  url: "post-story.php",
				  type: 'POST',
				  data: {'storyName': $('#story-name').val(), 'storyText': $('#story-story').val()},
				  success: function(data){
					//var twitter ='<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://storiesofgiving.com" data-text="I just shared my holiday story of giving" data-via="CitizenOptimum" data-lang="en" data-count="none" data-hashtags="CitizensGive">Tweet</a>';
					//var fb = '<div class="fb-like" data-href="http://storiesofgiving.com" data-send="false" data-width="450" data-show-faces="false" data-action="recommend" data-font="tahoma"></div>';
					var twitter = '';
					var fb = '';
					$('#storyTable').after("<div id='story-success'><span>Thank you for submitting your story.</span>" + twitter + fb + "</div>").remove();
					$('#story-success').css('fontSize','1em');
				  }
				});
			}
			
		});
	}
};

$(document).ready(function() {
	SOG.init();
});