var SUGGESTION_SPEED = 300;
var suggestionActivated = false;
var suggestionDisabled = false;
var likeBoxFixed = false;

function windowScroll() {
    
    var windowTop = $(window).scrollTop();
    var likeBoxWrapper = $("#title-id").offset();

    if (windowTop+20 > likeBoxWrapper.top) {
        if(!likeBoxFixed) {
            likeBoxFixed = true;
            $("#like-box-wrapper").removeClass("like-box-absolute");
            $("#like-box-wrapper").addClass("like-box-fixed");
        }
	}
	else {
        if(likeBoxFixed) {
            likeBoxFixed = false;
            $("#like-box-wrapper").removeClass("like-box-fixed");
            $("#like-box-wrapper").addClass("like-box-absolute");
        }
	}
    
    if(!suggestionDisabled) {
        
    var windowBottom = windowTop + $(window).height();
    var articleFooter = $("#large-rectangle").offset();
    
    if (windowBottom > articleFooter.top) {
        if(!suggestionActivated) {
            suggestionActivated = true;
            $("#suggestion-box").show("drop", { "direction": "right"}, SUGGESTION_SPEED, null);
        }
	}
	else {
        if(suggestionActivated) {
            suggestionActivated = false;
            $("#suggestion-box").hide("drop", { "direction": "right"}, SUGGESTION_SPEED, null);
        }
	}
    }
}

$(document).ready(function() {
                  
    $(window).scroll(windowScroll);
                  
    $("#suggestion-close-button").click(function() {
        suggestionActivated = false;          
        $("#suggestion-box").hide("drop", { "direction": "right"}, SUGGESTION_SPEED, null);                                        
        suggestionDisabled = true;
        return false;
    });
});