var tidIRorelse = 500;
var tidTillAutoAnimation = 20000;
var animating = false;
var hovering = false;

function rorelse() {
    $("div#logo").fadeOut(50, function () {
        $("div#logo_blue").animate({
            left: '-=138'

        }, tidIRorelse, "linear", function () {
            $("div#logo_blue").animate({
                left: '+=138'

            }, tidIRorelse, "linear", function () {
                $("div#logo").fadeIn(50);
                animating = false;
            });
        });

    });

}

function autoAnimation() {
    setTimeout(function () {

        rorelse();
        autoAnimation(); //Anropar sig själv

    }, tidTillAutoAnimation);
}

$(document).ready(function () {

    jQuery.fx.interval = 50; //Gör uppdateringsfrekvensen mindre

    $("div#logo_container").mouseenter(function () {

        if (animating || hovering) //Om animering redan sker || Om pekaren redan rör vid objektet
            return;

        hovering = true;
        animating = true;

        rorelse();
    });

    $("div#logo_container").mouseleave(function () {
        hovering = false;

    });

    autoAnimation();
});