function getRelatedPosts(url) {
        jQuery("#relatedPosts").load(url, "", function (responseText, textStatus) {
                if (textStatus == "success" && responseText.length > 10) {
                        jQuery("#relatedPostsLoading").slideUp("slow", function () {
                                jQuery("#relatedPosts").slideDown("slow");
                        });
                } else {
                        jQuery("#relatedPostsLoading").slideUp("slow", function () {
                                jQuery("#relatedPosts").html("<p>No related posts :'(</p>");
                                jQuery("#relatedPosts").slideDown("slow", function() {
                                        setTimeout('dataError("search-engine-query-in-wp")', 2000);
                                });
                        });
                }
        });
}

function dataError(elementId) {
        jQuery("#"+elementId).slideUp("slow");
}

// everything starts here: writing the "Loading..." text
jQuery("#relatedPostsLoading").html("<p><img src=\""+seqInWpUrl+"ajax-loader.gif\" width=\"150\" /><br />"+loadingText+"</p>");

// compose the url to be called for the http request
seqInWpUrl += "ajax-response.php?postId=" + postId;
if (document.referrer && document.referrer!="") {
        seqInWpUrl += "&referer="+escape(document.referrer);
}

// add the function to onload action
// not using jquery ready by purpose: I want the whole page to be loaded, not just the box container
//addOnloadAction('getRelatedPosts("'+url+'")');

jQuery(document).ready(function () {
    getRelatedPosts(seqInWpUrl);
});