$(document).ready( <!-- считываем документ -->
function() <!-- начало скрипта -->
{
$('#opacity').animate({'opacity' : 0}, 1000, function() {$(this).css('z-index', '-1')}); <!-- затемнение страницы -->

$('#top_menu li.off').hover( <!-- при наведении на неактивный пункт меню -->
 function() <!-- начало скрипта -->
  {
	$(this).toggleClass('off on'); <!-- переключаем класс -->
	$(this).animate({'height': '60px', 'line-height': '70px'}, 300); <!-- анимированно меняем высоту -->
  },
 function() <!-- начало скрипта -->
  {
	$(this).toggleClass('on off'); <!-- переключаем класс -->
	$(this).animate({'height': '50px', 'line-height': '50px'}, 300); <!-- анимированно меняем высоту -->
  }	
 );

$('.left_menu a.off').hover( <!-- при наведении на неактивный левый пункт меню -->
 function()
  {
	$(this).toggleClass('off on'); <!-- переключаем класс -->
	$(this).animate({'left': '5px'}, 200); <!-- двигаем ссылку вправо -->
  },
 function()
  {
	$(this).toggleClass('on off'); <!-- переключаем класс -->
	$(this).animate({'left': '0px'}, 200); <!-- двигаем ссылку вправо -->
  }	
 );
i = 0; <!-- объявляем перемунную -->
$('#button').click( <!-- при нажатии на кнопку -->
	function() <!-- начало скрипта -->
	{
		if(i == 0) <!-- проверяем переменную -->
		{
			$('#informer').animate({right: '0px'}, 1000); <!-- показываем информер -->
			i = 1; <!-- перезаписываем переменную -->
		}
		else <!-- если условие вернуло false -->
		{
			$('#informer').animate({right: '-240px'}, 1000); <!-- прячем информер -->
			i = 0; <!-- перезаписываем переменную -->
		}
	}
);

i = 0; <!-- объявляем переменную -->
$('#callback').click( <!-- сработает при клике на слой -->
function() 
{
	if (i == 0) 
	{
		$('#callback_form').css('display', 'block'); 
		$('#callback_form').animate({width : '180px'}, 1000); 
		i = 1; 
	}
	else 
	{
		$('#callback_form').animate({width : '0px'}, 1000, function() {$('#callback_form').css('display', 'none');}); 
		i = 0; 
	}
});
	
width = $('div.container').css('width'); 
height = $('div.container').css('height'); 
$('#opacity').css('width', width); 
$('#opacity').css('height', height); 

$('a').click( 
function() 
{
	$('#opacity').css('z-index', 100); <!-- писать -->
	$('#opacity').animate({'opacity' : 0.8}, 500); 
});

});