img_path = 'img/';
jQuery(window).load(function(){
  holderparams = jQuery('[class~="holder"]').attr('name');
  params = holderparams.split(',');
  positionen = function(){
    $(document).mousemove(function(e){
        mouse_x=e.pageX;
        mouse_y=e.pageY;
        jQuery('div.augen-img').each(function(){
          row = jQuery(this).attr('id')*params[1]-params[1];
          position = $(this).offset();
          name = jQuery(this).attr('id');
          img_top = position.top;
          img_bottom = position.top+parseInt(params[1]);
          img_left = position.left;
          img_right = position.left+parseInt(params[0]);          
          
          if (mouse_x < img_left) {
            if (mouse_y < img_top) {
              jQuery(this).css('background-position', "-"+params[0]*4+'px -'+row+'px');
            }else if(mouse_y > img_bottom){
              jQuery(this).css('background-position', "-"+params[0]*5+'px -'+row+'px');
            }else{
              jQuery(this).css('background-position', "-"+params[0]*3+'px -'+row+'px');
            }
          }
          
          if (mouse_x > img_left && mouse_x < img_right) {
            if (mouse_y < img_top) {jQuery(this).css('background-position', "-"+params[0]*6+'px -'+row+'px');}
            else if (mouse_y > img_bottom){jQuery(this).css('background-position', "-"+params[0]*7+'px -'+row+'px');};
          }
          
          if (mouse_x > img_right) {
            if (mouse_y < img_top) {
              jQuery(this).css('background-position', "-"+params[0]*9+'px -'+row+'px');
            }else if(mouse_y > img_bottom){
              jQuery(this).css('background-position', "-"+params[0]*10+'px -'+row+'px');
            }else{
              jQuery(this).css('background-position', "-"+params[0]*8+'px -'+row+'px');
            }
          }
        });
    });  
  };


  jQuery('div.augen-img').mouseenter(function(){
    row = jQuery(this).attr('id')*params[1]-params[1];
    jQuery(this).css('background-position', "-"+params[0]*1+'px -'+row+'px');
  });
  
  jQuery('div.augen-img').click(function(){
    row = jQuery(this).attr('id')*params[1]-params[1];
    jQuery(this).css('background-position', "-"+params[0]*2+'px -'+row+'px');
  });
  
  jQuery('div.augen-img').mouseleave(function(){
    row = jQuery(this).attr('id')*params[1]-params[1];
    jQuery(this).css('background-position', '0px -'+row+'px');
  });

  jQuery('div.augen-img').each(function(){
    row = jQuery(this).attr('id')*params[1]-params[1];
    
    jQuery(this).css({'background':"url('"+params[2]+"') no-repeat", 'width':params[0],'height':params[1],
    'background-position': '0px -'+row+'px'});
  });
positionen();
});