var RONKYL = {};
//window.addEventListener("load", setup, false);
addEvent(window, "load", setup);

function setup() {
    RONKYL.surface = document.getElementById("surface");
    RONKYL.imgKR = document.getElementById("imgKR");
    RONKYL.xButton = document.getElementById("xButton");
    RONKYL.profile = document.getElementById("profile");
    moveImage();
    moveProfile();
    addEvent(window, "resize", moveImage);
    addEvent(window, "resize", moveProfile);
    addEvent(RONKYL.imgKR, "click", showInfo);
    addEvent(RONKYL.xButton, "click", hideInfo);
//     addEventListener("resize", moveImage, false);
//     addEventListener("resize", moveProfile, false);
//     RONKYL.imgKR.addEventListener("click", showInfo, false);
//     RONKYL.xButton.addEventListener("click", hideInfo, false);
}
    
    function moveImage() {
        RONKYL.imgKR.style.top = 
            ((window.innerHeight/2) - (RONKYL.imgKR.height/2)) + "px";
        RONKYL.imgKR.style.left = 
            ((window.innerWidth/2) - (RONKYL.imgKR.width/2)) + "px";
    }
    
    function showInfo() {
        RONKYL.profile.style.display = "block";
    }

    function hideInfo() {
        RONKYL.profile.style.display = "none";
    }

    function moveProfile() {
        RONKYL.profile.style.top = "50px";
        if ((window.innerWidth - 750) < 0 )
            RONKYL.profile.style.left = "0px";
        else 
            RONKYL.profile.style.left = ((window.innerWidth/2) - (375)) + "px";
    }