$(document).ready(function(){
    $(".click").click(function(){
		var var_click = this;
		var var_click_id = this.id;
		var var_active_link = $(".active-link");
	if ($(var_click).css("z-index") != 10) {
	//alert("ok");
/* Щелчок не по первой ссылке*/
		if (var_click_id != "first-link") {
			//alert("not first link");
			
			// Если до этого активной была НЕ первая ссылка
			if ($("#first-link").css("z-index")!=10) {
			//alert("ok");
				//Отодвигаем активную ссылку вправо
				$(".active-link").animate({left: "+=40"}, 300, function() {
					//Активная ссылка перестает быть таковой
					$(".active-link").toggleClass("active-link");
					//Задвигаем бывшую активную ссылку обратно
					$(this).animate({left: "-=40"}, 300, function() {
						
						if ($(var_click).css("z-index") < 9 ) {
							//Ссылку по которой кликнулы отодвигаем вправо
							$(var_click).animate({left: "+=40"}, 300, function() {
								//$(".active-link").toggleClass("active-link");
								//Делаем ссылку, по которой кликнули, активной
								$(var_click).addClass("active-link")
							});
							//Задвигаем новую активную ссылку обратно
							$(var_click).animate({left: "-=40"}, 300)
						}
					});
				});
			} else { // Если до клика активной была первая ссылка
				//alert("ok");
				if ($(var_click).css("z-index") < 9 ) {
					$(var_click).animate({left: "+=40"}, 300, function() {
						$(".active-link").toggleClass("active-link");
						$(var_click).addClass("active-link")
					});
					$(var_click).animate({left: "-=40"}, 300)
				} 
			}
/* щелчок по первой ссылке */
		} else {	
//alert("ok");		
			//alert("first link");
			$(var_active_link).animate({left: "+=40"}, 300, function() {
				$(".active-link").toggleClass("active-link");
				//alert("addClass");
				$(var_click).addClass("active-link");
			});
			//alert("move left");
			$(var_active_link).animate({left: "-=40"}, 300)	;		
		}
		
	}
		//alert("ok");
		
		
		
        return false;
    });
});