// JavaScript Document

$(document).ready(function(){



	

/*-=== Index pages animate background ===-*/



	$(window).load(function () {

		myResize ();

	});

	$(window).resize(function(){

		myResize ();

	});



function myResize () {

			

	var w = $(window).width();

	var imgWidth = $(".wrap .wrap_cent").width();



	var slideLeft = imgWidth - w;

	

	$("#content .wrap").width(w);

	$(".wrap .wrap_cent").width(imgWidth);



	

	$("#slide-right").live('mouseover',function(){

		$(".wrap .wrap_cent").animate({"marginLeft":"-"+slideLeft},2000);



		$(this).mouseout(function () {

			$(".wrap_cent").queue("fx", []);

			$(".wrap_cent").stop();

		});

			

		return false;

	}).bind("mouseenter mouseleave",function(){$(this).toggleClass("over")});



	$("#slide-left").live('mouseover',function(){

		$(".wrap .wrap_cent").animate({"marginLeft":"0px"},2000);



		$(this).mouseout(function () {

			$(".wrap_cent").queue("fx", []);

			$(".wrap_cent").stop();

		});

		return false;		

	}).bind("mouseenter mouseleave",function(){$(this).toggleClass("over")});







/*-=== News rotatot ===-*/



	var defPos = function(){

  	$(".n_wrap ul").animate({

    	"left": "0px"

    });

  }

	var nb = $(".n_wrap ul li").length;

	var newsBlock = $(".n_wrap").width();

	var stopAnim = newsBlock*(nb-1);

		

	$(".n_wrap ul li").width(newsBlock);

	$(".n_wrap ul").width(newsBlock*nb);

		

	$(".n_arrow").live('click',function(){

		var p = $(".n_wrap ul").position();

		

    if (p.left > "-"+stopAnim){

			$(".n_wrap ul").animate({"left":"-="+newsBlock});

		} else {

      defPos ();

    }



	return false;

	});



}





/*-=== Change - winter/summer ===-*/



var changeYear = function (){



	$("#snow a").toggle(function(){



		var loaderChange = $('#snow').css({"background-position":"0 -130px"});

		var urlBg = $("#snow a").attr("title");

		

		$(document).cdzPreloadImages(

			function(total){loaderChange},

			function(loaded, total){}, 

			function(){

		

			$(".index_inner > div").css({"background-image":"url(images/habarskoe/" + urlBg + ".jpg)"});

			$(".t_m").css({"color":"#841900", "border-color":""})

			$("#snow").css({"background-position":""});

			$("#snow a").text("посмотреть зимой").parent().css({"background-position":"0 -51px"}).addClass("snow_is");

			

			}

		);

		

	},function(){

		$(document).cdzPreloadImages(

			function(total){$('#snow').css({"background-position":"0 -130px"});},

			function(loaded, total){}, 

			function(){

		

		$("#snow a").text("посмотреть летом").parent().css({"background-position":""});

		$(".index_inner > div").css({"background-image":""});

		$(".t_m").css({"color":"#fff", "border-color":"#fff"})

			

			}

		);





		return false;

	});

}



changeYear ();





/*-=== Popup index menu ===-*/



var popupMenu = function(){

	$(".t_m").bind('mouseover',function(){

		

		$(this).next().slideDown("fast");

		

		$(".index_inner div").mouseleave(function(){

		

			$(".index_inner ul").slideUp("fast");

		

		});

		

	});

}

popupMenu ();





/*-=== Change regime block ===-*/

	

	$(".panel p a").live('click',function(){

		

		$(".panel p span").replaceWith("<a href='#'>" + $(".panel p span").text() + "</a>");

		$(this).replaceWith("<span>" + $(this).text() + "</span>");

		

		

		if ($(".panel table, .panel div").is(':visible')){

			

			$(".panel table, .panel div").hide();

			$(".panel").css({"background-image":"url(/images/habarskoe/regime_bg1.gif)"});

			

		} else {

		

			$(".panel table, .panel div").show();

			$(".panel").css({"background-image":"url(/images/habarskoe/regime_bg3.gif)"});

		}

		

		return false;

	});





/*-=== Flip center index page ===-*/

/*-=== Ajax-loader and preloader script ===-*/



$("#reverse a").live('click',function(){



	var loader = $('#reverse').css({"background-position":"0 -26px"});

	var nextLink = $(this).attr("href");

								

	$(document).cdzPreloadImages(

		function(total){loader},

		function(loaded, total){}, 

		function(){



			$(".hr_aj").load(nextLink + " .hr_aj ul");

			

			$(".index_inner").load(nextLink + " .index_inner > div", function(){

		

			changeYear ();

			popupMenu ();

				

		});



		$(".index_inner").flip({

		direction:"rl",

		color: "#fff",

		speed: 500,

		onEnd:

			function(){

				$('#reverse').css({"background-position":""});

			}

		});

		});

	return false;	

});





/*-=== Registration popup windows ===-*/ 

		

$(".reserve_bn").live('click',function(){

	

	var span_close = $("<span class='close'></span>");

	var titleForm = $(this).parents(".room").clone(true).find("h3").text();

	

	function close_w (){

		$("#reservation").hide();

		$(".close").remove();

		$(".form_title").empty();

	}

	

	

	close_w ();

	$(".form_title").append("Отправить заявку &mdash; " + titleForm);

  /************ADDED********************/

  $("#nomer").val(titleForm);

  /************END ADDED********************/

	$("#reservation").show().prepend(span_close);

	$("#reservation .close").click(function(){

		close_w ();

	});



	return false;	

});



/*-=== Form period ===-*/

$(".per a").live('click',function(){

		

		var upDown = $(this);

		var str = $(".per input").val()*1;

		

		if (upDown.hasClass("up") && str < 30){

				$(".per input").val(+str+1);

		};

		if (upDown.hasClass("down") && str > 0){

				$(".per input").val(+str-1);

		};

		

	return false;

});



/*-=== Instructors popup ===-*/



$(".instr_data h3").click(function(){

	var span_close = $("<span class='close'></span>");

	function close_w (){

		$(".p_instr").hide();

		$(".close").remove();

	}



	close_w ();

	

	$("+ .p_instr", this).show().prepend(span_close);

	$(".p_instr .close").click(function(){

		close_w ();

	});



	return false;	

});



/*-=== galery ===-*/

	$("ul.room_preview li a").click(function(){



		var largePath = $(this).attr("href");

	  var largePic = $("img",this).attr("src");

		

		$(this).parents(".room").find(".big_img").attr("href", largePath);

		

		$(this).parents(".room").find("#largeImg").animate({opacity:0},500,function(){

			$(this).attr("src", largePath)

							.animate({opacity:1},500);

				

			});

		

		return false;

	});







			// Вешаем обработчик на ссылки с нужным классом

			$('a.big_img').click(function(){



				var link = $(this);



				// Создаём объекты

				var frame = $('<div class="popup-frame"></div>');

				var shadow = $('<div class="popup-shadow"></div>');

				var loader = $('<div class="popup-loader"></div>');

				var image = $('<img src="' + link.attr('href') + '" alt="' + link.attr('title') + '"/>');

				var button = $('<span title="Закрыть"></span>');



				// Цепляем их к BODY, а потом друг к другу

				frame.appendTo('body');

				shadow.appendTo(frame).animate({opacity:0.6},300);

				loader.appendTo(frame);

				image.appendTo(loader);



				// Ждём загрузки картинки

				image.load(function(){



					button.appendTo(loader);



					var w = image.width();

					var h = image.height();



					// Анимируем загрузчик до размеров картинки

					// и одновременно смещаем к центру

					loader.addClass('popup-loaded').animate({



						width:w,

						marginLeft:-w/2,

						height:h,

						marginTop:-h/2



					},500,function(){



						loader.addClass('popup-canvas');

						image.animate({opacity:1},300,function(){



							// Вешаем события для закрытия картинки

							function closeit(){

								loader.remove();

								shadow.animate({opacity:0},300,function(){

									frame.remove();

								});

							}



							shadow.click(function(){closeit()});

							button.click(function(){closeit()});



							$(document).keydown(function(e){

								if(e.which==27) closeit();

							});

						});

					});

				});



				return false;

			});

});





/* To be continued... */