function login() {
    // The timeout is necessary in order to prevent Facebook from opening a popup
    setTimeout(function() {
      FB.Connect.requireSession(function() {
        afterLogin();
      }, false);
    }, 0);
}
function logout() {
  setTimeout(function() {
         FB.Connect.logout(function(){
            afterLogin();
        }, false);
  }, 0);
}
function afterLogin() {

    var req = new Request.HTML({
        evalScripts : true,
        evalResponse : true,
        url:'/display/login',

        onSuccess: function(response) {
            $('fbislogged').set('text', '');
            var elt = new Element('div', {id : 'containerFB'});
            elt.adopt(response);
            var clone = elt.getElement('.cloneFB');
            $('fbislogged').adopt(clone);

            updateContent = function(){};
            fbMessage();

        },
        onFailure: function() {
            $('result').set('text', 'The request failed.');
        }
    }).send("language=" + getLanguage());



}

function fbMessage(){

    var req = new Request.HTML({
        evalScripts : true,
        evalResponse : true,
        url:'/display/fbcom',

        onSuccess: function(response) {
            $('fbcom').set('text', '');
            var elt = new Element('div', {id : 'containerCom'});
            elt.adopt(response);
            var clone = elt.getElement('.clonecom');
            $('fbcom').adopt(clone);

            updateContent = function(){};
            ajaxEverybody();
            fbfriends();
        },
        onFailure: function() {
            $('result').set('text', 'The request failed.');
        }
    }).send("language=" + getLanguage());
}

function fbfriends(){
    $('fblistfriends').set('html','<div style="text-align:center;margin-top:50px;"><img src="/images/ajax-loader2.gif" /></div>');

    var req = new Request.HTML({
        evalScripts : true,
        evalResponse : true,
        url:'/display/friends',

        onSuccess: function(response) {
            $('fblistfriends').set('text', '');
            var elt = new Element('div', {id : 'containerFr'});
            elt.adopt(response);
            var clone = elt.getElement('.cloneFriends');
            $('fblistfriends').adopt(clone);
			
			//makeScrollbar(content,scrollbar,handle,inside_scrollbar,horizontal,ignoreMouse, hidden);
			var scrollbarFriends = $('scrollbarFriends');
			if(scrollbarFriends) makeScrollbar( $('friends'), $('scrollbarFriends'), $('handle-scrollbarFriends'), $('inside_scrollFriends') );

            updateContent = function(){};
        },
        onFailure: function() {
            $('result').set('text', 'The request failed.');
        }
    }).send("language=" + getLanguage());
}

function fbpost() {
    var comment = $("comment").value.clean();

    FB.Connect.showPermissionDialog("publish_stream", function(){});
    //$('inside_scroll').set('html','<div style="text-align:center;margin-top:50px;"><img src="/images/ajax-loader.gif" /></div>');

    if(comment.length > 0 ) {
        var req = new Request.JSON({
            method: 'post',
            url:'/display/everybody',

            onSuccess: function(response) {
                
                
                addPost(response.comments[0], response.user, response.admin, 'top');

                if($('scrollbar')) makeScrollbar( $('everybody'), $('scrollbar'), $('handle-scrollbar'), $('inside_scroll') );
            },
            onFailure: function() {
                $('result').set('text', 'The request failed.');
            }
        }).send("language=" + getLanguage() + "&comment=" + comment+"&last=true");
    }
    //redirection to 'everybody'
    var tab = $('tabs');
    var tabs = tab.getElements('ul li a');
    tabs[0].removeClass('active');
    tabs[2].addClass('active');
    $('tabs3').removeClass('dNone');
    $('tabs1').addClass('dNone');
}

function ajaxEverybody() {
        $('inside_scroll').set('html','<div style="text-align:center;margin-top:50px;"><img src="/images/ajax-loader.gif" /></div>');
        var req = new Request.JSON({
        url:'/display/everybody',

        onSuccess: function(response) {
           $('inside_scroll').set('html','');
           populateComment(response);
           if($('scrollbar')) makeScrollbar( $('everybody'), $('scrollbar'), $('handle-scrollbar'), $('inside_scroll') );
        },
        onFailure: function() {
            $('result').set('text', 'The request failed.');
        }
    }).send("language=" + getLanguage());
}
function populateComment(data) {
    
    data.comments.each(function(item) {
        addPost(item, data.user, data.admin);
    });    
}
function addPost(item, connected, admin, where) {
    where = where || 'bottom';
    var comment = $("tpl_comment").clone();
    var html = comment.get('html');
    html = html.replace(/__NAME__/ig, item.name);
    html = html.replace(/__ID__/ig, item.id);
    html = html.replace(/__DATE__/ig, item.date);
    html = html.replace(/__TEXT__/ig, item.text);


    comment.set('html',html);
	(item.pic_square != '') ? comment.getElement('.pic_square').src = item.pic_square : comment.getElement('.pic_square').destroy() ; 
	
    comment.setStyle('display','block');
    var commentBtn = comment.getElement('.comment');
    if(connected) {
        commentBtn.addEvent('click', function() {
            
            displaypost();
            return false;
        });
    }
    else {
        commentBtn.addEvent('click', function() {
            
            login();
            return false;
        });
    }
    if(admin) comment.getElement('.admin').style.display = 'block';
    comment.id = 'comment-'+item.id;
    $('inside_scroll').grab(comment, where);
}
function deleteCom(id){

    var req = new Request.HTML({
        evalScripts : true,
        evalResponse : true,
        url:'/display/delete',

        onSuccess: function(response) {
            /*$('fblisteverybody').set('text', '');
            var elt = new Element('div', {id : 'containerev'});
            elt.adopt(response);
            var clone = elt.getElement('.cloneeverybody');
            $('fblisteverybody').adopt(clone);

            updateContent = function(){};*/
            if(response) $('comment-'+id).destroy();
            if($('scrollbar')) makeScrollbar( $('everybody'), $('scrollbar'), $('handle-scrollbar'), $('inside_scroll') );

        },
        onFailure: function() {
            $('result').set('text', 'The request failed.');
        }
    }).send("language=" + getLanguage() + "&idComment=" +id);
}
function displaypost(){

    var tab = $('tabs');
    var tabs = tab.getElements('ul li a');

    tabs[0].addClass('active');
    tabs[2].removeClass('active');

    $('tabs3').addClass('dNone');
    $('tabs1').removeClass('dNone');
}

function getLanguage(){
    url = window.location.href;
    url = url.split('/')
    return(url[3]);
}