var inAnimation = false;

$(document).ready(function () {
    var pos = $(".post").first().offset();
    //$(".derkenar").offset({ top: pos.top, left: pos.left - 40 });
    //$(".logo").offset({ top: pos.top, left: pos.left + 520 });
    $("div.derkenar").css({ top: pos.top, left: pos.left - 40 });
    $(".logo").css({ top: pos.top, left: pos.left + 520 });

    $(".logo").css({ top: ($(window).height() - 350) / 2 });
    $("div.derkenar").css({ top: ($(window).height() - 350) / 2 });
    $("#text").height(($(window).height() - 350) / 2 - 35);
    $("div.menu").css({ right: ($(window).width() - 500) / 2 - $("div.menu").outerWidth() - 160 });

//    if ($('span',this).html()) {
//        $(this).html($(this).html().toString().replace(/<br ?\/?>/gi, "\n"));
//    }
        var iter = $("span");
        var i = 0;
        var lim = $("span").length;

        while (i < lim) {
            iter = $("span").eq(i);

            if (iter.html()) {
                iter.html(iter.html().toString().replace(/<br ?\/?>/gi, "\n"));
            }
            //iter = iter.next();
            i++;
        }


    SyntaxHighlighter.config.stripBrs = true;
    SyntaxHighlighter.config.tagName = "span";
    SyntaxHighlighter.all();

    $(document).scroll(function () {
        var iter = $("div.post");
        var derkenar = $("div.derkenar");
        var posIter;
        var posDer = derkenar.offset();
        posDer.top += $("div.derkenar").height() / 2;
        //alert("started");
        var i = 0;
        var lim = $("div.post").length;

        while (i < lim) {
            iter = $("div.post").eq(i);
            posIter = iter.offset();
            if (posIter == null)
                break;
            if (posIter.top <= posDer.top && (posIter.top + iter.outerHeight()) >= posDer.top) {
                if (derkenar[0].innerHTML.replace(/ ?\/>/g, ">") != iter.children("input.derkenar").val().replace(/ ?\/>/g, ">")) {
                    derkenar.stop(true, true);
                    derkenar[0].innerHTML = "";
                    derkenar.animate({ left: (posIter.left - 230) }, { duration: 200 })
                            .animate({ width: "200px" }, { duration: 200, complete: function () { derkenar[0].innerHTML = iter.children("input.derkenar").val(); $("div.derkenar").css({ left: posIter.left - 230 }); } });
                }
                return true;

            }
            //iter = iter.next();
            i++;
        }

        posIter = $("div.post").first().offset();
        derkenar.text("");
        derkenar.stop(true, true);
        derkenar.animate({ width: "10px" }, { duration: 200 }).animate({ left: (posIter.left - 40) }, { duration: 200, complete: function () { derkenar.text(""); $("div.derkenar").css({ left: posIter.left - 40 }); } });

    }
    );

}
);

$(window).resize(function () {
    var pos = $(".post").first().offset();
    $(".derkenar").css({ top: pos.top, left: pos.left - 40 });
    $(".logo").css({ top: pos.top, left: pos.left + 520 });

    $(".logo").css({ top: ($(window).height() - 350) / 2 });
    $(".derkenar").css({ top: ($(window).height() - 350) / 2 });
    $("#text").height(($(window).height() - 500) / 2 - 35);
    $("div.menu").css({ right: ($(window).width() - 500) / 2 - $("div.menu").outerWidth() - 160 });
}
);