$(document).ready(function() {
	$('#main > ul').tabs({ fx: { height: 'fadeOut', opacity: 'toggle' } });
	
	$(function() {
//Устанавливаем позицию маленького всплывающего изображения
	var offsetX = -20;
	var offsetY = -100;
//Выбираем элемент навигации
	$('ul.nav li:first').hover(function(e) {
//Вставляем изображение										
		$('<img id="popimg" src="images/11.png" alt="Большая картинка" />')
//Устанавливаем свойство css для #popimage используя .css		
		.css('top', e.pageY + offsetY)
		.css('left', e.pageX + offsetX)
		.appendTo('body');
	}, function() {
//Скрываем всплывающее окно, когда указатль мыши смещается с элемента		
		$('#popimg').remove();
	});
	
	$('ul.nav li:first').mousemove(function(e) {
		$("#popimg").css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);
	});

});	

$(function() {

	var offsetX = -20;
	var offsetY = -100;
	
	$('ul.nav li:nth-child(2)').hover(function(e) {
		$('<img id="popimg" src="images/22.png" alt="Большая картинка" />')
		.css('top', e.pageY + offsetY)
		.css('left', e.pageX + offsetX)
		.appendTo('body');
	}, function() {
		$('#popimg').remove();
	});
	
	$('ul.nav li:nth-child(2)').mousemove(function(e) {
		$("#popimg").css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);
	});

});	

$(function() {

	var offsetX = -20;
	var offsetY = -100;
	
	$('ul.nav li:last').hover(function(e) {
		$('<img id="popimg" src="images/33.png" alt="Большая картинка" />')
		.css('top', e.pageY + offsetY)
		.css('left', e.pageX + offsetX)
		.appendTo('body');
	}, function() {
		$('#popimg').remove();
	});
	
	$('ul.nav li:last').mousemove(function(e) {
		$("#largeImage").css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);
	});

});	
});