$(document).ready(function(){
	$('#showComments').click();

	/*$( '.loginBox' ).click( function() {

		jQuery.facebox(
									'<a id="close" class="exitFacebox" onClick="jQuery(document).trigger(\'close.facebox\');" href="javascript:void(0);">Close</a><div class="clear"></div>'+
									'<div class="highlight"><div class="divChild">'+
										'<h4>Please Sign In</h4>'+
										'<p class="marginTopDouble ">'+
											'Please Sign In to access all Meet4Less features. '+
										'</p>'+
										'<form action="/login" class="login jNice loginBoxForm" method="POST">'+
											'<p class="tooltip" title="Email or Username - Please enter your email or username to login.">'+
												'<label for="username">Email</label>'+
												'<input type="text" class="text" id="username" name="username" tabindex="1">'+
												'</input>'+
												'<span class="clear"></span>'+
											'</p>'+
											'<p>'+
												'<label for="password">Password</label>'+
												'<input type="password" class="text" value="" id="password" name="password" tabindex="2" />'+
												'<span class="clear"></span>'+
											'</p>'+
											'<p>'+
												'<label> </label>'+
												'<input type="submit" value="Login to M4L" class="marginRightDouble" tabindex="4"/>'+
												'<input type="checkbox" value="me" id="rememberMe" name="remember" tabindex="3" /><label for="rememberMe">Remember me</label>'+
												'<span class="clear"></span>'+
											'</p>'+
											'<p>'+
												'<label> </label>'+
												'<a href="password-reminder">Forgot your ID or password?</a> | <a href="/sign-up">Sign Up</a>'+
											'</p>'+
											'<span class="clear"></span>'+
										'</form>'+
									'<div class="clear"></div></div></div>'
									);
		$('.loginBoxForm').jNice();
		$('.loginBoxForm .tooltip').tooltip({
			track: true,
			delay: 0,
			showURL: false,
			opacity: 1,
			showBody: " - ",
			extraClass: "pretty	fancy small",
			top: 5,
			left: -30
		});

	});*/

});

function loadComments( id ) {
	$( '#commentsDiv'+id ).html( '<div class="baseSize contentLeftPadding contentRightPadding"><p class="marginTop"><strong>Loading comments...</strong></p></div>' );
	$( '#commentsDiv'+id ).slideDown();
	paramObject = new Object();
	paramObject['storyId'] = id;
	ah.addMessage( 'stories-view', 'get-comments', paramObject, 'viewStoryLoadCommentsRecieive' );

	return false;
}

function viewStoryLoadCommentsRecieive( paramArray ) {
	$( '#commentsDiv'+paramArray['id'] ).html( '<div class="baseSize contentLeftPadding contentRightPadding">Done</div>' );
	$( '#commentsDiv'+paramArray['id'] ).slideUp( function() {
		$( '#commentsDiv'+paramArray['id'] ).html( paramArray['content'] );
		$( '#commentsDiv'+paramArray['id'] ).slideDown();
	});

}

function addComment( postId ) {

	if( $( '#newComment' ).val().length > 0 ) {
		$.growl("Please wait", 'Sending your comment.');
		paramObject = new Object();
		paramObject['story'] = postId;
		paramObject['comment'] = $( '#newComment' ).val();
		ah.addMessage( 'stories-view', 'add-comment', paramObject, 'viewBlogListAddCommentRecieive' );
	}
}

function viewBlogListAddCommentRecieive( paramArray ) {
	if( paramArray['result'] == 'ok' ) {
		$.growl("Success", 'Comment added successfuly.');
		$( '#newComment' ).val('');
		loadComments( paramArray['story'] )
	}
	else {
		$.growl("Problem with your comment", paramArray.result );
	}
}

function addRating( id ) {
	$.growl("Please wait", 'Sending your rating.');
	paramObject = new Object();
	paramObject['storyId'] = id;
	paramObject['rating'] = $('#rating input[type=radio]:checked').val();
	ah.addMessage( 'stories-view', 'add-rating', paramObject, 'viewStoryAddRatingRecieive' );

	return false;
}

function viewStoryAddRatingRecieive( paramArray ) {
	if (paramArray.result == 'ok') {
		$.growl('Story rate', 'Story rating has been saved, thank you.')
	}
	else {
		$.growl("Problem with your rating", paramArray.result);
	}
}