$(document).ready(function(){

	
	//facebook log in
	$('.loginfacebook').bind('click', function() {
		showNotificationAlert('<img src="/img/general/ajaxloading.gif" > <span class="greenText">connecting with facebook</span>','default');
		
		FB.login(handleFacebookSessionResponse,'offline_access');

//		FB.login(handleFacebookSessionResponse,'email, read_stream, publish_stream, offline_access, status_update, share_item');
	});
		
	//facebook log out
	$('.logoutfacebook').bind('click', function() {
		FB.logout(function(response) {
		  // user is now logged out
		});
		FB.logout(handleFacebookSessionResponse);
	});
	
	//facebook log in
	$('#headerButtonSignout').bind('click', function() {
		FB.logout(function(response) {
		  // user is now logged out
		});
		FB.logout(handleFacebookSessionResponse);
	});
	
	

	$('#mainContentContainer').click(function(event){
		if($(event.target).hasClass('yesVote')){
			ajaxVote($(event.target).attr('rel'),1);
		}
		else if($(event.target).hasClass('noVote')){
			ajaxVote($(event.target).attr('rel'),0);
		}
	});
	
	$('#testFacebookClick').click(function(event){
		FB.getLoginStatus(function(response) {
			alert(response.toSource());
			if(response.session){
				var request = {
				  method: 'users.getInfo',
				  uids: response.session.uid,
				  fields: 'name'
				};
				
				FB.api(request, showFBData);
			
			}
			else{
				showTimedNotificationAlert(5000,'you have to be logged in with facebook','default')
			}
		});

	});


});
	
// handle a session response from any of the auth related calls
function handleFacebookSessionResponse(response) {
	FB.login();

	FB.getLoginStatus(function(response) {
		//alert(response.toSource());
	  	if(response.session){
			facebookLogin(response.session.uid);
		}
		else{			
			hideNotificationAlert();
		}
	});
}



function showFBData(response){
	alert(response.toSource());
}


function facebookLogin(userID){
	$.post("/lib/app/controller/http_post_controller/user_controller.php", 
	{ 
	 doAction : "registerFacebook",
	 facebookUserID : userID
	} ,
	function(returnqueuedata){
	 $('#ajaxReturn').html(returnqueuedata);
	 //$('#postResultArea').html('<div class="width100p errorMessage">Success!</div>');
		},
		"html");//return type and end of post command 

}