$(function() {
	var active = $('#menu .active');
	
	if (active.length) {
		var actSlide = $('#slider-'+active.data('slide'));
	} else {
		var actSlide = $($('#slider li').get(0));
		
		if (actSlide.attr('id') != 'slider-0') {
			$($('#menu li').get(0)).addClass('active');
		}
	}
	
	active = $('#menu .active');
	
	$('#menu li').each(function(){
		var $this = $(this);
		var slide = $('#slider-'+$this.data('slide'));
		
		if (!$this.hasClass('active')) {
			slide.css({opacity:0}).hide();
		}
		
		$this.mouseover(function(){
			active.removeClass('active');
			$this.addClass('active');
			
			actSlide.stop().animate({opacity:0}, 200, function(){
				$(this).hide();
			});
			slide.stop().animate({opacity:1}, 200).show();
			
			active = $this;
			actSlide = slide;
		});
	});
});