/**
 * 
 */

$(function() { face.init(); });

var face = {
		
	init: function() {
		
		$(document).mousemove(function(e) {
			face.changeAll($('#face-block img'), e.pageX, e.pageY);
		});
	},
	
	changeAll: function(element, mx, my) {
		
		var offset = element.offset();
		
		var half_width 	= element.width() / 2;
		var half_height = element.height() / 2;
		
		var i_x = offset.left + half_width;
		var i_y = offset.top + half_height;
		
		var rel_x = mx - i_x;
		var rel_y = my - i_y;
		
		var dist = Math.sqrt(rel_x * rel_x + rel_y * rel_y);
		
		var p = 10;
		
		if (dist > half_width || dist > half_height) {
			var angle = Math.acos(-rel_y / dist) * 57.3248;
			
			var sign = (rel_x > 0) ? 1 : -1;
			
			var angle = angle * sign;
			
			var p = Math.round(angle / 45) + 5;
		}	

		element.attr('class', 's' + p);
	}
}