// ne dela v IE 7

$(document).ready(function(){zacni();});


function zacni() {
  premakni();
}


function premakni() {
  $("#okvir").mousemove(function(e) {
    mouseX = e.clientX;
    mouseY = e.clientY;
    $("#d").css("background-position", Math.floor(mouseX / 4) + "px 0");
    $("#c").css("background-position", Math.floor(mouseX / 3) + "px 0");
    $("#b").css("background-position", Math.floor(mouseX / 2) + "px 0");
    $("#a").css("background-position", mouseX + "px 0");
    
    $("#dd").css("background-position", Math.floor(mouseX / 4) + "px " + (Math.floor(mouseY) / 4) + "px");
    $("#cc").css("background-position", Math.floor(mouseX / 3) + "px " + (Math.floor(mouseY) / 3) + "px");
    $("#bb").css("background-position", Math.floor(mouseX / 2) + "px " + (Math.floor(mouseY) / 2) + "px");
    $("#aa").css("background-position", mouseX + "px " + mouseY + "px");
    
    $("#ddd").css("background-position", "0px " + (Math.floor(mouseY) / 4) + "px");
    $("#ccc").css("background-position", "0px " + (Math.floor(mouseY) / 3) + "px");
    $("#bbb").css("background-position", "0px " + (Math.floor(mouseY) / 2) + "px");
    $("#aaa").css("background-position", "0px " + mouseY + "px");
  });
}

/*
function premakniB() {
  $("#okvir2").mousemove(function(e) {
    mouseX = e.clientX;
     document.title = mouseY;

  });
}

function premakniC() {
  $("#okvir3").mousemove(function(e) {
    mouseX = e.clientX;
    mouseY = e.clientY; document.title = mouseY;

  });
}
*/