/// <reference path="jquery-vsdoc.js" />
/// <reference path="jquery-plugins.js" />
/// <reference path="lw.js" />

lw.AppendInit(function () {
	/* slide show (home page) */
	function initSlideShow() {
		var el = $(".slide-show");
		var rel = el.attr("rel");
		if (!rel) {
			el.hide();
			return;
		}
		var temp = rel.split("|");
		var folder = temp[0];
		var pics = temp[1];
		var im = $(".main-image");
		el.append(im.clone());
		im.remove();
		el.show();
		for (var i = 2; i <= pics; i++) {
			var im = $("<img src=\"{0}/images/headers/{1}/{2}.jpg\" />".Format(lw.vroot, folder, i));
			im.css("opacity", 0);
			el.append(im);
		}
		setTimeout(SlideShow, 7000);
	}
	var slInit = false;
	var lastImage = 0;
	function SlideShow() {

		var images = $(".slide-show img");
		if (!slInit) {
			for (var i = 1; i < images.length; i++) {
				$(images[i]).css({
					"opacity": 0,
					"position": "absolute",
					"z-index": 1
				});
			}
			slInit = true;
			//return;
		}
		var temp = lastImage;
		lastImage++;
		if (lastImage == images.length)
			lastImage = 0;
		$(images[temp]).animate({ opacity: 0 }, 1500);
		$(images[lastImage]).animate({ opacity: 1 }, 1500);
		setTimeout(SlideShow, 7000);
	}
	initSlideShow();

	lw.menu = $("#MainMenu");

	lw.original = $("#MainMenu>ol>li.current");
	lw.showOriginalTimeout = null;

	$("#MainMenu>ol>li").bind("mouseover", function () {
		clearTimeout(lw.showOriginalTimeout);
		var $this = $(this);
		if ($this.hasClass("_active")) {
			return;
		}
		else {
			if (!$this.hasClass("current")) {
				lw.line.stop().animate({ opacity: 1 }, 300);
			} else {
				lw.line.stop().animate({ opacity: 0 }, 10);
			}
		}
		var oldSub = $("._active", lw.menu).children("div");
		oldSub.stop().animate({ opacity: 0 }, 100, function () {
			oldSub.css("display", "none");
		});
		$("._active", lw.menu).removeClass("_active");
		$this.addClass("_active");
		var newSub = $("._active", lw.menu).children("div");
		newSub.css({ display: "block", opacity: 0 });
		newSub.stop().animate({ opacity: 1 }, 300);
	});
	$("#MainMenu>ol>li").bind("mouseout", function () {
		clearTimeout(lw.showOriginalTimeout);
		var $this = $(this);
		if ($this.hasClass("home-page")) {
			$this.removeClass("_active");
			$this.removeClass("_current");
		}
		lw.showOriginalTimeout = setTimeout(function () {
			lw.original.trigger("mouseover");
		}, 1000);
	});

	lw.current = $(".current");
	$(".current").addClass("_active");

	lw.smallArrowLeft = $("<div />");
	lw.smallArrowLeft.addClass("small-arrow-left");
	$(document.body).append(lw.smallArrowLeft);

	lw.smallArrowRight = $("<div />");
	lw.smallArrowRight.addClass("small-arrow-right");
	$(document.body).append(lw.smallArrowRight);

	var w = lw.current.width();
	lw.currentPos = lw.current.position();

	lw.smallArrowLeft.css({ top: 24, left: lw.currentPos.left + 2 });
	lw.smallArrowRight.css({ top: 24, left: lw.currentPos.left + w - 3 });

	lw.line = $("<div/>").addClass("line");
	//$(document.body).append(lw.line);
	lw.line.width(w);
	lw.line.css({ top: 53, left: lw.currentPos.left, opacity: 0 });
});