// JavaScript Document
$(function() {
$('li').addClass('alert');
});

$(document).ready(function() {
$("#topnav li").prepend("<span></span>"); //Вставляем пустой тег <span> до каждого элемента списка.



$("#topnav li").each(function() { //Для каждого элемента списка...

var linkText = $(this).find("a").html(); //Находим текст внутри тега

$(this).find("span").show().html(linkText); //Добавляем текст в тег <span>

}); 



$("#topnav li").hover(function() {	//При наведении мыши

$(this).find("span").stop().animate({ 

marginTop: "-40" //Находим тег <span> и перемещаем его вверх на 40px

}, 250);

} , function() { //После того, как курсор убран с элемента...

$(this).find("span").stop().animate({

marginTop: "0" //Возвращаем тег <span> к исходному местоположению (0px)

}, 250);

});

});


$(document).ready(function() {
$("#topnavl li").prepend("<span></span>"); //Вставляем пустой тег <span> до каждого элемента списка.



$("#topnavl li").each(function() { //Для каждого элемента списка...

var linkText = $(this).find("a").html(); //Находим текст внутри тега

$(this).find("span").show().html(linkText); //Добавляем текст в тег <span>

}); 



$("#topnavl li").hover(function() {	//При наведении мыши

$(this).find("span").stop().animate({ 

marginTop: "-40" //Находим тег <span> и перемещаем его вверх на 40px

}, 250);

} , function() { //После того, как курсор убран с элемента...

$(this).find("span").stop().animate({

marginTop: "0" //Возвращаем тег <span> к исходному местоположению (0px)

}, 250);

});

});



$(document).ready(function() {
$("#topnava li").prepend("<span></span>"); //Вставляем пустой тег <span> до каждого элемента списка.



$("#topnava li").each(function() { //Для каждого элемента списка...

var linkText = $(this).find("a").html(); //Находим текст внутри тега

$(this).find("span").show().html(linkText); //Добавляем текст в тег <span>

}); 



$("#topnava li").hover(function() {	//При наведении мыши

$(this).find("span").stop().animate({ 

marginTop: "-40" //Находим тег <span> и перемещаем его вверх на 40px

}, 250);

} , function() { //После того, как курсор убран с элемента...

$(this).find("span").stop().animate({

marginTop: "0" //Возвращаем тег <span> к исходному местоположению (0px)

}, 250);

});

});


$(function() {
		   
		   var offsetX=20;
		   var offsetY=10;
		  
		   $('a#artic').hover(function(e) {
								 //mouse on
				var href= $(this).attr('onkey');
				$('<img id="largeImage" src="' + href + '" alt="big image" />')
				.css('top', e.pageY + offsetY)
				.css('left', e.pageX + offsetX)
				.appendTo('body');
								 }, function(){
									 //mouse off
									$('#largeImage').remove();
								 });
		   $('a#artic').mousemove(function(e) {
										   
						$('#largeImage').css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);				   
										   });
		  
							});