$(function() {
	var	$bf_page_menu			= $('#bf_page_menu'),
		$bf_page_menu_home		= $('.home #bf_page_menu'),
		$bf_menu_items			= $bf_page_menu.find('a.nav'),
		$bf_container			= $('#bf_container'),
		$bf_pages				= $('.bf_page'),
		$bf_content_text		= $('.bf_content_text'),
		$pageTitle				= $bf_page_menu.children('.title'),

		$bf_thumbs				= $('.bf_thumbs > li >a'),

		$bf_background			= $('#bf_background'),
		$bg_image				= $bf_background.children('img'),
		$default_bg_image		= $bf_background.children('img'),
		$bf_overlay				= $bf_background.children('.bf_overlay'),
		$bf_prev				= $('.bf_prev'),
		$bf_next				= $('.bf_next'),
		$bf_close				= $('.bf_close'),

		$bf_gallery				= $('.bf_gallery'),
		$bf_gallery_wrapper		= $bf_gallery.children('.bf_gallery_wrapper'),

		/* Offre du mois */
		$bf_widget 				= $('.bf_widget'),

		$bf_items				= $bf_gallery_wrapper.find('.bf_gallery_item'),
		total_items				= $bf_items.length,

		$currentPage			= null,

		BGMap					= (function() {
			var map,
				$mapEl		= $('#map'),
				// (50.997222958782324, 2.336442768573761)
				/*address		= 'Hôtel Restaurant du lac<br />2, Bordure du Lac <br/> 59 380 Armbouts-Cappel',*/
				address		= '<div id="google-box"><div id="google-box-img"><img src="http://lac.konfiture.net/wp-content/themes/hoteldulac/images/lac-logo-googlemap.png" /></div><div class="google-box-div">Hôtel Restaurant du lac</div><div class="google-box-div">2, Bordure du Lac</div><div class="google-box-div">59 380 Armbouts-Cappel</div></div>'
				lat 		= 50.997222958782324,
				lng 		= 2.336442768573761,
				display		= false,

				showMap		= function() {
					hideMap();

					display 		= true;

					var point 		= new google.maps.LatLng(lat,lng),
						mapOptions 	= {
							zoom						: 18,
							center						: point,
							mapTypeId					: google.maps.MapTypeId.HYBRID,
							mapTypeControl				: false,
							panControl					: true,
							panControlOptions			: {
								position	: google.maps.ControlPosition.TOP_RIGHT
							},
							zoomControl					: true,
							zoomControlOptions			: {
								style		: google.maps.ZoomControlStyle.SMALL,
								position	: google.maps.ControlPosition.TOP_RIGHT
							},
							streetViewControl			: true,
							streetViewControlOptions	: {
								position	: google.maps.ControlPosition.TOP_RIGHT
							}
						};

					map 			= new google.maps.Map(document.getElementById("map"), mapOptions);
					//rotate 45 degrees (nicer view!)
					map.setTilt(45);

					resizeMap();

					var coordInfoWindow = new google.maps.InfoWindow({maxWidth : 10}),
						latlngStr 		= address;

					coordInfoWindow.setContent(latlngStr);
					coordInfoWindow.setPosition(point);
					coordInfoWindow.open(map);

					BGImageController.fadeBG(false);
				},
				resizeMap	= function() {
					$mapEl.css({
						width	: $(window).width() + 'px',
						height	: $(window).height() + 'px'
					});
				},
				hideMap		= function() {
					display = false;
					$mapEl.empty();
				},
				active		= function() {
					return display;
				};

			return {
				showMap		: showMap,
				hideMap		: hideMap,
				active		: active,
				resizeMap	: resizeMap
			};
		})(),

		BGImageController		= (function() {
			var changeBgImageDim	= function() {
					var dim	= getImageDim($bg_image);
					//set the returned values and show the image
					$bg_image.css({
						width	: dim.width + 'px',
						height	: dim.height + 'px',
						left	: dim.left + 'px',
						top		: dim.top + 'px'
					});
					if(!BGMap.active())
						$bg_image.fadeIn(1500);
				},
				//get dimentions of the image,
				//in order to make it full size and centered
				getImageDim				= function($i){
					var $img     = new Image();
					$img.src     = $i.attr('src');

					// + 15 px à la largeur de notre fenêtre pour corriger
					// un bug lors de l'ouverture d'une galerie
					var w_w	= $(window).width()+15,
					w_h	= $(window).height(),
					r_w	= w_h / w_w,
					i_w	= $img.width,
					i_h	= $img.height,
					r_i	= i_h / i_w,
					new_w,new_h,
					new_left,new_top;

					if(r_w > r_i){
						new_h	= w_h;
						new_w	= w_h / r_i;
					}
					else{
						new_h	= w_w * r_i;
						new_w	= w_w;
					}

					return {
						width	: new_w,
						height	: new_h,
						left	: (w_w - new_w) / 2,
						top		: (w_h - new_h) / 2
					};

				},
				fadeBG					= function(dir) {
					return $.Deferred(
						function(dfd) {
							(dir) ? $bf_background.fadeIn(1000, dfd.resolve) : $bf_background.fadeOut(1500, dfd.resolve);
						}
					).promise();
				},
				/* preloads a set of images */
				preloadImages			= function() {
					return $.Deferred(
						function(dfd) {
							var Images = new Array();

							$bf_items.each(function(i) {
								var $item 		= $(this),
								$itemImg		= $item.children('img'),
								itemImgSrc		= $itemImg.attr('src'),
								itemBgImgSrc	= $itemImg.data('bgimg');
								Images.push(itemImgSrc);
								Images.push(itemBgImgSrc);
							});

							var total_images 	= Images.length,
							loaded			= 0;

							for(var i = 0; i < total_images; ++i){
								$('<img/>').load(function() {
									++loaded;
									if(loaded === total_images)
										dfd.resolve();
								}).attr('src' , Images[i]);
							}
						}
					).promise();
				};

			return {
				changeBgImageDim	: changeBgImageDim,
				getImageDim			: getImageDim,
				preloadImages		: preloadImages,
				fadeBG				: fadeBG
			};
		})(),

		BGSlider				= (function() {
			var animated				= false,
				animSpeed				= 700,
				current					= 0,
				defaultImage			= 'http://konfiture.dev/hoteldulac/wordpress/wp-content/themes/hoteldulac/images/background/default.jpg',

				init					= function(position) {
					defaultImage = $bg_image.attr('src');
					initEventsHandler();
					slider(position);
				},
				stop					= function() {
					$(document).unbind('mousewheel keydown');
					$bf_prev.unbind('click');
					$bf_next.unbind('click');
					$bf_close.unbind('click');
					$bf_items.children('img').unbind('click');
				},
				light					= function(speed, val, hide) {
					$bf_overlay.stop().fadeTo(speed, val, function() {
						if(hide)
							$bf_overlay.hide();
					});
				},
				initEventsHandler		= function() {
					$bf_prev.bind('click', function(e) {
						navigate(0);
						return false;
					});

					$bf_next.bind('click', function(e) {
						navigate(1);
						return false;
					});

					$bf_close.bind('click', function(e) {

						hideNavigation();
						showWidget();

						light(500, 0.5);

						var $bf_item_current	= $bf_items.eq(current),
							$heading			= $bf_item_current.children('.bf_heading'),
							$desc				= $bf_item_current.children('.bf_desc');

						animated = true;

						stop();

						$.when(animateHeadingDesc($heading, $desc, 0)).done(function(){
							$bf_items.css('left','-20px').hide();
							Template.reset();
							replaceBGImage(defaultImage);
						});

						showPageContent();

						return false;
					});

					$bf_items.children('img').bind('click', function() {
						$bf_gallery_wrapper.fadeOut();
						light(500, 0, true);
					});

					/*
					mousewheel events - down / up button trigger the navigate
					key events - down / up button trigger the navigate
					 */
					$(document).bind('mousewheel', function(e, delta) {
						if(delta > 0)
							navigate(0);
						else
							navigate(1);
						return false;
					}).keydown(function(e){
						switch(e.which){
							case 37:
								navigate(0);
								break;
							case 39:
								navigate(1);
								break;
						}
					});

					$bf_widget.animate({ 'right' : '-400px' }, 800 );
				},
				slider					= function(position) {
					$bf_gallery_wrapper.show();

					showNavigation();

					$bf_items.eq(position).show();

					light(500, 0.8);

					//show heading and description of current / first image
					current	= position;

					var $bf_item_current	= $bf_items.eq(current),
						$heading			= $bf_item_current.children('.bf_heading'),
						$desc				= $bf_item_current.children('.bf_desc');

					animated = true;
					replaceBGImage($bf_item_current.children('img').data('bgimg'));

					animateHeadingDesc($heading, $desc, 1);
				},
				showNavigation			= function() {
					$bf_prev.stop().animate({left : '10px'},animSpeed);
					$bf_next.stop().animate({right : '10px'},animSpeed);
				},
				showPageContent	= function() {
					// Retourne le contenu de la page
					$bf_content_text
						.css({'margin-top' : '2000px', 'display' : 'block'})
						.animate({ 'margin-top': '0px'}, 800);
				},
				hideNavigation			= function() {
					$bf_prev.stop().animate({left : '-72px'},animSpeed);
					$bf_next.stop().animate({right : '-72px'},animSpeed);
				},
				exitFullscreen			= function() {
					$bf_gallery_wrapper.fadeIn();
					light(500, 0.8);
				},
				animateHeadingDesc		= function($heading, $desc, dir) {
					return $.Deferred(
						function(dfd) {
							var paramHeading	= {},
							paramDesc		= {};

							if(dir) {
								paramHeading.left	= '-10px';
								paramHeading.top	= '-10px';
								paramDesc.right		= '0px';
								paramDesc.bottom	= '0px';
							} else {
								paramHeading.left	= '20px';
								paramHeading.top	= '95px';
								paramDesc.right		= '40px';
								paramDesc.bottom	= '95px';
							}
							$heading.stop().animate(paramHeading, animSpeed/3);
							$desc.stop().animate(paramDesc, animSpeed/3, dfd.resolve);
						}
					).promise();
				},
				navigate				= function(dir) {
					if(animated) return false;

					animated = true;

					$bf_item_current	= $bf_items.eq(current);

					(dir) ? ++current : --current;

					if(current > total_items - 1)
						current = 0;
					else if(current < 0)
						current = total_items - 1;

					//the next item is:
					var $next_item			= $bf_items.eq(current),

					//1 step : hide heading and description of current image
					$headingCurrent	= $bf_item_current.children('.bf_heading'),
					$descCurrent	= $bf_item_current.children('.bf_desc');


					$.when(animateHeadingDesc($headingCurrent, $descCurrent, 0)).done(function(){
						//2 step : bf_gallery_wrapper overflow hidden
						$bf_gallery_wrapper.css('overflow', 'hidden');

						//3 step : position next image on the right side
						var	startingLeft	= (dir) ? '480px' : '-520px',
						currentEndingLeft	= (dir) ? '-520px' : '480px';

						$next_item.css('left', startingLeft).show();

						//4 step : animate current one to the left side, and next one to the center
						$bf_item_current.stop().animate({
							left	: currentEndingLeft
						}, animSpeed);

						$next_item.stop().animate({
							left	: '-20px'
						}, animSpeed, function() {
							$bf_item_current.hide();
							$bf_gallery_wrapper.css('overflow', 'visible');
							var $heading	= $next_item.children('.bf_heading'),
								$desc		= $next_item.children('.bf_desc');

							$.when(animateHeadingDesc($heading, $desc, 1)).done(function(){
								animated = false;
							});
						});

						animateBGImage(dir, $next_item);
					});

				},
				animateBGImage			= function(dir, $next_item) {
					//animate bg image
					var $next_item_bgimage	= $('<img src="' + $next_item.children('img').data('bgimg') + '" alt="image' + (current + 1) + '" ></img>'),
						dim					= BGImageController.getImageDim($next_item_bgimage),

						starting_left		= (dir) ? $(window).width() : -dim.width + 'px';

					//set the returned values and show the image
					$next_item_bgimage.css({
						width	: dim.width + 'px',
						height	: dim.height + 'px',
						left	: starting_left,
						top		: dim.top + 'px'
					}).insertAfter($bg_image).stop().animate({
						left	: dim.left + 'px'
					}, animSpeed);;

					var ending_left			= (dir) ? -$bg_image.width() : $(window).width();

					$bg_image.stop().animate({
						left	: ending_left + 'px'
					}, animSpeed, function() {
						$(this).remove();
						$bg_image 	= $next_item_bgimage;
						animated 	= false;
					});
				},
				replaceBGImage			= function(image) {
					var $next_bgimage	= $('<img src="' + image + '" alt="image' + (current + 1) + '" ></img>'),
						dim				= BGImageController.getImageDim($next_bgimage);

					//set the returned values and show the image
					$next_bgimage.css({
						width	: dim.width + 'px',
						height	: dim.height + 'px',
						left	: dim.left,
						top		: dim.top + 'px'
					}).insertBefore($bg_image);

					$bg_image.stop().fadeOut(animSpeed, function() {
						$(this).remove();
						$bg_image 	= $next_bgimage;
						animated 	= false;
					});
				},
				showWidget				= function() {
					$bf_widget.animate({ 'right' : '-302px'}, 800);
				};

			return {
				init			: init,
				stop			: stop,
				replaceBGImage	: replaceBGImage,
				exitFullscreen	: exitFullscreen
			};
		})(),

		Template				= (function() {
			var animSpeed				= 700,

				init					= function() {
					//preloads all the bg images for the slider
					BGImageController.preloadImages();
					//$.when( loadImages() ).done(function(){
					BGImageController.changeBgImageDim();
					initEventsHandler();
					showPageContent();
					//});
				},

				initEventsHandler		= function() {

					$bf_page_menu_home.css({ 'margin-left' : '-250px' });
					$bf_page_menu_home.animate({ 'margin-left' : '0px' }, 800);

					$bf_menu_items.bind('click', function(e) {
						var $item	= $(this);

						//hidePageContent();

						var item	= $(this).data('content');
						
						$currentPage = $('#' + item).children('.bf_content_text');

						if(item === 'visit') {
							hidePageContent();
							BGMap.showMap();

							$bf_widget.fadeOut();
							$('#plan-acces').delay(1000).animate({ 'top' : '-270px' }, 300);
							$(document).attr('title', 'Localisation - Hôtel du lac');
						}
						else {
							$.when( BGImageController.fadeBG(true) ).done(function(){
								BGMap.hideMap();
							});
							$('#' + $item.data('content')).show();
						}
						return false;
					});

					$bf_thumbs.bind('click', function(e) {
						//initPhotoSlider($(this).parent('li').siblings().size() + 1);
						
						/*
						if($('#menu .bf_content_text').offset().top < 0){
						
						} else {
                        	$('#menu .bf_content_text').animate({ 'top' : '-1500px' }, 300);
                        }
                        */

						initPhotoSlider($(this).parent('li').index(), $bf_gallery);                                      
	                    return false;
					});

					//resizing the window resizes the $bg_image
					$(window).bind('resize',function(e){
						BGImageController.changeBgImageDim();
						BGMap.resizeMap();
					});

					$bf_background.delegate('img', 'click', function(e) {
						BGSlider.exitFullscreen();
						return false;
					});

					
                                        /* Offre du mois */
					if ( $('.bf_widget').parent('body').hasClass('home') ) {
                                            $bf_widget
                                                .addClass('delay')
                                                .delay(2000)
                                                .animate({ 'right' : '-302px' }, 500, function(){
                                                    if ( $(this).hasClass('delay') ){
                                                        $(this).hover(function(){
                                                            $(this).stop().animate({ 'right' : '0px' }, 500);
                                                        }, function(){
                                                            $(this).stop().animate({ 'right' : '-302px' }, 500);
                                                        });
                                                    }
                                                });
                                        } else {
                                            $bf_widget.css( 'right' , '-302px' );
                                            $bf_widget.hover(function(){
                                                    $(this).stop().animate({ 'right' : '0px' }, 500);
                                            },
                                            function(){
                                                    $(this).stop().animate({ 'right' : '-302px' }, 500);
                                            });
                                        }

				},
				hidePageContent			= function() {
					$bf_pages.hide();
					BGSlider.stop();
				},
				initPhotoSlider			= function(position, start) {
					//initialize the photos slider
					BGSlider.init(position);

					//hide the photo thumbs and show the slider section
					start.show().siblings().fadeOut(animSpeed/2);
					//hide the page navigation menu
					togglePageMenu(false);
				},
				showPageContent			= function() {
					$bf_content_text
						.css({ 'margin-top' : '2000px' })
						.animate({ 'margin-top' : '0px' }, 500);
				},
				togglePageMenu			= function(dir) {
					(dir) ?
					$bf_page_menu.stop().animate({left:'0px'}, animSpeed) :
					$bf_page_menu.stop().animate({left:'-300px'}, animSpeed);
				},
				reset					= function() {
					/* Before */
					/*$bf_gallery.hide().siblings().fadeIn(animSpeed);*/

					/* After */
					$bf_gallery.hide().siblings();
					togglePageMenu(true);
				};

			return {
				init 			: init,
				reset			: reset
			};
		})();

	Template.init();
});

jQuery(function($){

    $(document).ready(function(){
        
        /*
         * Gère le plan d'acces (monter/descendre)
         */
        $('#plan-acces').find('.expanded').click(function(event){
            event.preventDefault();
            var self = $(this);
            if ($(this).hasClass('expanded')) {
                $(this).removeClass('expanded').addClass('unexpanded');
                $(this).parent('div').animate({ 'top' : '0px' }, 300);                
            } else {
                $(this).removeClass('unexpanded').addClass('expanded');
                $(this).parent('div').animate({ 'top' : '-270px' }, 300);
            }
            
        });

    });
});