// Preload images
preloadImages_0 = new Image(); preloadImages_0.src = "/images/bg-accueil.jpg";
preloadImages_1 = new Image(); preloadImages_1.src = "/images/bg-contact.jpg";
preloadImages_1 = new Image(); preloadImages_1.src = "/images/bg-l-equipe.jpg";
preloadImages_2 = new Image(); preloadImages_2.src = "/images/bg-la-carte-des-vins.jpg";
preloadImages_3 = new Image(); preloadImages_3.src = "/images/bg-le-mot-de-graziella.jpg";
preloadImages_4 = new Image(); preloadImages_4.src = "/images/bg-les-espaces-de-reunion-le-116.jpg";
preloadImages_5 = new Image(); preloadImages_5.src = "/images/bg-les-evenements.jpg";
preloadImages_6 = new Image(); preloadImages_6.src = "/images/bg-les-menus-1.jpg";
preloadImages_7 = new Image(); preloadImages_7.src = "/images/bg-les-menus-2.jpg";
preloadImages_8 = new Image(); preloadImages_8.src = "/images/bg-les-menus-3.jpg";

$(function () {	
	// set init bg
	setSection('accueil');
	
	// nav hover animation
	// $('.container>.nav>li')
	// 	.fadeTo(0, 0.9)
	// 	.hover(function () {
	// 		$(this).fadeTo(0, 1);
	// 	}, function () {
	// 		$(this).fadeTo(0, 0.9);
	// 	});
	
	// fix quick news height, needs to be a factor of 26
	$('.container>.quicknews').height(Math.ceil(($('.container>.quicknews').height() + 6) / 26) * 26 - 8);
	
	// $('.container>.quicknews').height(104)
		
	$('.container>.logo').click(function () {
		if ($('.cont-bg').is(':animated')) {
			$('.cont-bg').stop(true, true);
		}

		$('.container>.nav>li').removeClass('on');
		setSection('accueil');
	});
	
	$('.container>.nav>li').click(function () {
		if ($(this).hasClass('on')) { 
			return; 
		}
		
		if ($('.cont-bg').is(':animated')) {
			$('.cont-bg').stop(true, true);
		}
		
		$('.container>.nav>li').removeClass('on');
		setSection($(this).attr('class'));
		$(this).addClass('on');
	});
	
	$('.l-equipe-nav>li').click(function () {
		if ($(this).hasClass('on')) { 
			return; 
		}
		
		if ($('.cont-bg').is(':animated')) {
			$('.cont-bg').stop(true, true);
		}
		
		setSection($(this).attr('class'));
	});
	
	$('.les-menus-details .close').click(function () {
		$('.les-menus-nav>li').removeClass('on');
		$('.les-menus-details>.section').hide();	
	});
	
	$('.les-menus-details>.section>.scrollpane').jScrollPane();
	$('.les-menus-details>.section').hide();
	$('.les-menus-nav>li').click(function () {
		if ($(this).hasClass('on')) { 
			$(this).parent().children('li').removeClass('on');
			$('.les-menus-details>.section').hide();
			return;
		} else {
			$(this).parent().children('li').removeClass('on');
		}

		if ($('.cont-bg').is(':animated')) {
			$('.cont-bg').stop(true, true);
		}
		
		$('.les-menus-details>.section').hide();
		$('.les-menus-' + $(this).attr('class')).show();
		
		$(this).addClass('on');
	});
	
	$('.les-vins-details .close').click(function () {
		$('.les-vins-nav>li').removeClass('on');
		$('.les-vins-details>.section').hide();
	});
	
	$('.les-vins-details>.section>.scrollpane').jScrollPane({scrollbarOnLeft:true});
	$('.les-vins-details>.section').hide();
	$('.les-vins-nav>li').click(function () {
		if ($(this).hasClass('on')) {
			$(this).parent().children('li').removeClass('on');
			$('.les-vins-details>.section').hide();
			return;
		} else {
			$(this).parent().children('li').removeClass('on');
		}

		if ($('.cont-bg').is(':animated')) {
			$('.cont-bg').stop(true, true);
		}
		
		$('.les-vins-details>.section').hide();
		$('.les-vins-' + $(this).attr('class')).show();
		
		$(this).addClass('on');
	});
	
	if ($(window).height() < 768) {
		$('.container, .cont-bg').css({
			'margin-top' : '0',
			'top' : '0'

		});
	}
	
	$('.bg>img').css('z-index', '-1');
	$('.container').show();
});

function setSection (cssclass) {
	$('.container>.quicknews').hide();
	
	if (cssclass == 'accueil') {
		$('.container>.quicknews').show();
	}
	
	if ($('.cont-bg').size() == 0) {
		$('<div class="cont-bg ' + cssclass + '"></div>')
			.insertBefore('.container');
		return;
	}
	
	switch (cssclass) {
		case 'les-menus':
			$('.les-menus-nav>li').removeClass('on');
			var insert = $('<div class="cont-bg ' + cssclass + '-' + Math.floor(Math.random()*3+1) + '"></div>');
			break;
		
		case 'la-carte-des-vins':
			$('.les-vins-nav>li').removeClass('on');
			var insert = $('<div class="cont-bg ' + cssclass + '"></div>');
			break;
		
		case 'l-equipe':
			cssclass = 'l-equipe-graziella';
			
		default:
			var insert = $('<div class="cont-bg ' + cssclass + '"></div>');
			break;
	}
	
	insert.insertBefore('.cont-bg');
		
	$('.cont-bg:last')
		.fadeOut(0, function () { $(this).remove() });

	
	openSection(cssclass);
}

function openSection (section) {
	closeAllSections(); 
	$('.container>.section.' + section).show();
}

function closeAllSections () {
	$('.section').hide();
}