jQuery.noConflict();

jQuery(document).ready(function() {

    //FB.init("9e75138361fbbfc8773c390cb1bd6f2e", "/xd_receiver.htm", { "reloadIfSessionStateChanged": true });
    FB.init("017c38a6ed9de570917b45ed908d16e1", "/xd_receiver.htm",{"reloadIfSessionStateChanged":true});

    FB.ensureInit(function() {

        FB.Connect.get_status().waitUntilReady(function(status) {
            switch (status) {
                case 1: onConnectedFriends(); break;
                case 2: onNotConnectedFriends(); break;
            }
        });
    });


    function onConnectedFriends() {
        showFaceBookFriends();
    }

    function onNotConnectedFriends() {
        var widget_div = document.getElementById("profile_pics");

        if (widget_div != null) {
            var markup = '<h2 class="fb-logo">Facebook</h2><div class="login" onclick="FB.Connect.requireSession(); return false;"><a href="#" onclick="FB.Connect.requireSession(); return false;" >Forbind StreetMekka med</a> <br />min Facebook konto</div>';
            widget_div.innerHTML = markup;
            FB.XFBML.Host.parseDomElement(widget_div);
        }
    }

    FB.ensureInit(function() {

        FB.Connect.get_status().waitUntilReady(function(status) {
            switch (status) {
                case 1: onConnected(); break;
                case 2: onNotConnected(); break;
            }
        });
    });

    //FB.init("9e75138361fbbfc8773c390cb1bd6f2e", "/xd_receiver.htm", { "ifUserConnected": onConnected, "ifUserNotConnected": onNotConnected });
    FB.init("017c38a6ed9de570917b45ed908d16e1", "/xd_receiver.htm", {"ifUserConnected":onConnected, "ifUserNotConnected":onNotConnected});

    //<!--if the user is connected-->
    function onConnected() {
        var widget_div = document.getElementById("divfacebookBlurb");
        var markup = '<div style="float:left;width: 161px;" class="movieBlurb">You are connected &nbsp;<a href="#" onclick="FB.Connect.logout(); return false;">Logout</a> <br/><br/><fb:name uid="loggedinuser" useyou="false" linked="true"></fb:name>' +
            '</div><div style="width: 49px; height: 48px; margin: 6px; overflow: hidden; float: right;">' +
                '<fb:profile-pic uid="loggedinuser" size="square" facebook-logo="true"></fb:profile-pic>' +
            '</div>';
        if (widget_div != null) {
            widget_div.innerHTML = markup;
            FB.XFBML.Host.parseDomElement(widget_div);
        }
    }

    //<!--if the user is not connected-->
    function onNotConnected() {
        var widget_div = document.getElementById("divfacebookBlurb");
        var markup = '<div class="login">' +
                '<a href="#" onclick="FB.Connect.requireSession();return false;">' +
                    '<span id="RES_ID_fb_login_text">Login</span>' +
                '</a> med din Facebook konto' +
            '</div>';
        if (widget_div != null) {
            widget_div.innerHTML = markup;
            FB.XFBML.Host.parseDomElement(widget_div);
        }
    }

//display a message on facebook wall
    var OSName = "Unknown OS";

    if (navigator.appVersion.indexOf("Mac") != -1) OSName = "MacOS";

    var browser = navigator.userAgent.toLowerCase();
    if (browser.indexOf("safari") != -1 && OSName == "MacOS" && document.getElementById('facebookMessage')) {
        document.getElementById('facebookMessage').style.display = 'block';
    }

    jQuery('#flickr-feed a').qtip({
        content: false,
        position: {
            corner: {
                tooltip: 'leftBottom', // Use the corner...
                target: 'rightTop' // ...and opposite corner
            },
            adjust: {
                x: -30
            }
        },
        style: {
            border: {
                width: 0,
                radius: 5,
                color: '#89558E'
            },
            padding: 2,
            width: 140,
            background: '#89558E',
            color: '#ffffff',
            textAlign: 'center',
            tip: { corner: 'bottomLeft' },
            name: 'cream' // Style it according to the preset 'cream' style
        }
    });

});