// method running after facebook connect is logged in -> showing user information
function onConnected(user_id) { 
	document.getElementById("FacebookLogin").style.display = "none";
	
    var user_box = document.getElementById("FacebookLogged"); 
    // add in some XFBML. note that we set useyou=false so it doesn't display "you" 
    user_box.innerHTML = 
        "<div class=\"txt logout\">" +
        "<p>" +
        "    <a href=\"javascript:update_user_box_logout();\" class=\"logoutIcon\">&nbsp;</a>" +
        "    <a href=\"javascript:update_user_box_logout();\">odhlásit</a>" +
        "</p>"+
        "</div>" +
        "<div class=\"image\">" +
        "    <fb:profile-pic uid=loggedinuser facebook-logo=false width=50 height=50></fb:profile-pic>" +
        "</div>" +
        "<div class=\"txt\">" +
        "<p>" +
        "    Vítej, <strong><fb:name uid=loggedinuser useyou=false></fb:name></strong>.<br />" +
        "    Jsi přihlášen/a svým Facebook účtem." +
        "</p>" +
        "</div>";
    document.getElementById("FacebookLogged").style.display = "block";
    
    facebookConnectBodyLoad();
    // because this is XFBML, we need to tell Facebook to re-process the document
    //FB.XFBML.Host.parseDomTree(); 
}

// facebook connect logout
function update_user_box_logout()
{
    FB.Connect.logout(function() { reload(); });
    
	document.getElementById("FacebookLogin").style.display = "block";
	document.getElementById("FacebookLogged").style.display = "none";
	
    // because this is XFBML, we need to tell Facebook to re-process the document
    FB.XFBML.Host.parseDomTree(); 
}

function onNotConnected()
{
    document.getElementById("FacebookLogin").style.display = "block";
	document.getElementById("FacebookLogged").style.display = "none";
	
	facebookConnectBodyLoad();
}

// method with actions, that must be done after page is loaded
function facebookConnectBodyLoad()
{
    //FB.Connect.ifUserNotConnected(update_user_notLogged);
    //FB.Connect.ifUserConnected(update_user_box_login);
    
    var facebookComments = document.getElementById("FacebookComments");
    if (facebookComments != null)
    {
        facebookComments.innerHTML = 
        "<fb:comments width=\"598px\">"+
        "    <fb:title><h2 style=\"margin: 0 0 20px 0;font-size: 120%;font-family: Arial,Verdana,Geneva,sans-serif;font-weight: bold;\">Komentáře</h2></fb:title>"+
        "</fb:comments>";
        //css=\"http://" + this.domain + "/wp-content/themes/mediar/styles/facebook.css\" simple=\"true\"
    }
	
    FB.XFBML.Host.parseDomTree();
}

// facebook connect initialization after page is loaded
jQuery(document).ready(function() {
    // test website test.mediar.cz
    //FB.init("3bf708b0df0e8bbb7ff82928477068e0","/xd_receiver.htm", {"ifUserConnected":onConnected, "ifUserNotConnected":onNotConnected});
    // official website www.mediar.cz
    FB.init("d77ad62b187e14598152c3b134278874","/xd_receiver.htm", {"ifUserConnected":onConnected, "ifUserNotConnected":onNotConnected, status: true, cookie: true, xfbml: true});
});