(function () {

    function createTooltip(title) {
        var div = document.createComment("div"); // utworzenie elementu do HTMLa!

        div.textContent = title;
        div.className = "tooltip";
        console.log("Wszedlem do createTooltipa");
        console.log(div.textContent);
        console.log(div.className);
       // console.log(div.)
        document.querySelector("body").appendChild(div);
        document.body.appendChild(div); //
        document.body.append(div);
    }

    function showSth(event) {
        console.log(event.target);
        console.log("Najechalem myszka");
        console.log("tekst w chmurce dla danego obrazka to  : " + event.target.getAttribute("title"));
        var title = event.target.getAttribute("title");
        createTooltip(title);
    }

    function hideSth() {
        console.log("Zjechalem mysza");
    }

    var titles = document.querySelectorAll("[title]"); //znajdzie kazdy element na stronie ktory ma atrybut title

    for (var i = 0; i < titles.length;++i){
        titles[i].addEventListener("mouseenter", showSth, false)
        titles[i].addEventListener("mouseleave", hideSth, false)

    }