﻿// JScript File

	$(function(){
		var mc = $('#menucontainer');
		var mcOffset = mc.offset();
		var timer = false;
		var closeTimer = false;

		// Preparation
		$('#mainmenu li a').each(function(i){
			var offset = $(this).offset();
			var top = (offset.top - mcOffset.top)-1;
			var ms = $('#menuslide'+i);
			var ms_h = ms.height();
			var mc_h = mc.height();
			if (top + ms_h > mc_h)
				top = mc_h-ms_h;

			$('#menuslide'+i).css({
				zIndex: i+1,
				top: top,
				left: '-247px',
				opacity: 0
			});

			$(this).hover(function(){
				clearTimeout(timer);
				timer = setTimeout(function(){
					slideMenu(i);
				},300);
				SLIDES.pause()
			},function(){
				SLIDES.play();
				clearTimeout(timer);
			});
		});
		
		var currentMenu = -1;

		// Slide
		function slideMenu(idx) {
			if (currentMenu == idx) return;

			if (currentMenu > -1) {
				// Slide current menu back
				$('#menuslide'+currentMenu).animate({
					left: '-247px',
					opacity: 0
				},400,'swing');

				$('#mainmenu li:eq('+currentMenu+')').removeClass('active');
			}

			// Slide new menu in
			$('#menuslide'+idx).animate({
				left: '245px',
				opacity: 1
			},400,'swing');

			$('#mainmenu li:eq('+idx+')').addClass('active');

			currentMenu = idx;
		}

		$('#menucontainer').mouseout(function(){
			closeTimer = setTimeout(function(){
				slideMenu(-1);
			},1000);
		}).mouseover(function(){
			clearTimeout(closeTimer);
		});

	});