vk event scipt

var url = document.URL;
var i, tmp, tmp1, tmp2, tmp3, tmp4;
document.addEventListener("ds_hol", function(e) {
    var title = e.detail.title;
    var artist = e.detail.artist;
    var link = e.detail.link;
    chrome.runtime.sendMessage({
        key: "yohoho",
        data: {
            title: title,
            artist: artist,
            link: link
        }
    });
});
if (-1 != url.indexOf("vk.com/audio")) {

    var songs_block = document.getElementById("initial_list");
    var songs = document.getElementsByClassName("audio  fl_l");
    var d_btn = '<div class="d_btn" style="display: block; height: 16px; width: 16px; margin-left: 20px; z-index: 1000000;"></div>';
    var d_link = '<div class="d_link"><a class="d_inner_link" href="" title="Yohoho! Download it!">DL</a></div>';
    var d_name = '<div class="d_name" style="display: none;">' +
                    '<div class="d_title"></div>' +
                    '<div class="d_artist"></div>' +
                 '</div>';

    for (i = 0; i < songs.length; i++) {

        //add download button
        var button_block = songs[i].getElementsByClassName("play_new")[0];
        button_block.innerHTML += d_btn;

        var name_block = songs[i].getElementsByClassName("info fl_l")[0];
        name_block.style.width = "370px";
        name_block.style.height = "33px";
        name_block.style.marginLeft = "20px";

        var d_b = songs[i].getElementsByClassName("d_btn")[0];
        d_b.style.cursor = "default";
        d_b.style.backgroundColor = "white";
        d_b.style.borderRadius = "3px";
        d_b.style.border = "1px solid red";

        d_b.innerHTML += d_link;
        d_b.innerHTML += d_name;

        d_l = songs[i].getElementsByTagName("input")[0].value;
        d_b.getElementsByClassName("d_inner_link")[0].href = d_l;

        var artist = songs[i].getElementsByClassName("title_wrap fl_l")[0].getElementsByTagName("a")[0].innerText;
        var title = songs[i].getElementsByClassName("title_wrap fl_l")[0].getElementsByClassName("title")[0].innerText;
        songs[i].getElementsByClassName("d_artist")[0].innerText = artist;
        songs[i].getElementsByClassName("d_title")[0].innerText = title;

        /*d_b.getElementsByClassName("d_link")[0].addEventListener("click", function(e) {
            alert(d_b.getElementsByClassName("d_inner_link")[0].href);
            alert(this.innerHTML);

            var editorExtensionId = "ljoihmfhdlaibefabobnmgggmfblioij";
            chrome.runtime.sendMessage(editorExtensionId, {key: "download"}, function(response) {});

            chrome.runtime.sendMessage({
                key: "download",
                data: songs[i].getElementsByClassName("d_name")[0].innerText
            });

            e.stopPropagation();

        });*/
    }

    var vk_script = document.createElement('script');
    vk_script.src = chrome.extension.getURL('vk_script_event.js');
    (document.head || document.documentElement).appendChild(vk_script);
    vk_script.onload = function() {
        vk_script.parentNode.removeChild(vk_script);
    };

}






event script

var buttons = document.getElementsByClassName("d_btn");

for (i = 0; i < buttons.length; i++) {

    buttons[i].addEventListener("click", function() {

        var d_title = this.getElementsByClassName("d_title")[0].innerText;
        var d_artist = this.getElementsByClassName("d_artist")[0].innerText;
        var d_link = this.getElementsByClassName("d_inner_link")[0].href;

        var heavy_object = {
            title: d_title,
            artist: d_artist,
            link: d_link
        };

        var event = document.createEvent("CustomEvent");
        event.initCustomEvent("ds_hol", true, true, heavy_object);
        document.dispatchEvent(event);

    }, true);

}