// caching up our global JQuery:d selectors
var $compare = $('#compare'),
$mainMenu = $('nav.main'),
$asyncLinks = $('a.async'),
$slidePanel = $('#slidePanel'),
$slidePanelCloseBtn = $('#slidePanel a'),
$environmentImagesWrapper = $('div.environmentImages'),
$preLoadWrapper = $('#environmentImages'),
$forward = $('a.forward'),
$hotspots = $('div.hotspots, #hotspotDesign'),
$doorFeatureSpots = $('div.hotspots'),
$content = $('#content'),
$overlayCompare = $('#overlayCompare'),
$closeLink = $('a.closeParent'),
$overlayCover = $('#overlayCover'),
$languageChooser = $('#languageChooser'),
$languageChooserShowFlags = $('a.link', $languageChooser),
$pageNav = $('div.slideViewer nav'),
$colors = $('div.colorSlide a.color, div.laminateSlide a.color'),
$lineas = $('div.lineaSlide a.linea'),
$mirrors = $('ul.mirrorSlide a.radio'),
$mirrorsDetail = $('ul.mirrorSlide a.zoom'),
$videoLinks = $('a.adlink'),
$laminateColorSurface = $('#product-image div.doorLaminate'),
$LineaSurface = $('#product-image div.doorLinea'),
$aimations = $('div.animation'),
$window = $(window),
$body = $('body'),
$overlayPageLink = $('a.openInOverlay'),
$welcomeWrapper = $('#welcomeWrapper'),
$productSwitch = $('#productSwitch'),
$downloadPdf = $('#downloadPdf'),
$classificationHeaders = $('#door-data h4'),
$externalLinks = $('a.external');

var DALOC = function() {
	return {
		initialize : function(){
			this.setup.splashPage();
			this.setup.positionNav();
			this.slider.init();
			this.pan.welcome();
			this.doorChooser.initialize();
			$asyncLinks.live('click',this.load.slidePanel);
			$slidePanelCloseBtn.live('click',this.setup.closeSlidePanel);
			$compare.live('click', this.load.compareOverlay);
			$closeLink.live('click', this.setup.closeOverlay);
			$languageChooserShowFlags.live('click', this.setup.toggleFlagLinks);
			$colors.live('click', this.doorChooser.colorSwitch);
			$lineas.live('click', this.doorChooser.lineaSwitch);
			$mirrors.live('click', this.doorChooser.mirrorSwitch);
			$mirrorsDetail.live('click', this.doorChooser.mirrorDetailZoom); 
			$videoLinks.live('click', this.setup.videoLink);
			$overlayPageLink.live('click', this.load.pageOverlay);
			$productSwitch.live('change', this.doorChooser.productSwitch);
			$downloadPdf.live('click', this.doorChooser.postToPdfMaker);
			$('#door-data > fieldset input').live('click', function(){
				$('#productPlacement').val($(this).val());
			});
			$externalLinks.live('click', function( e ){
				e.preventDefault();
				window.open($(this).attr("href"),"newWindow");
			});
		}
	}
}();

DALOC.setup = function( D ) {
	return {
		spinner : null,
		spinnerOptions : {
			width: 100,
			height: 50,
			stepsPerFrame: 1,
			trailLength: 1,
			pointDistance: .1,
			fps: 15,
			padding: 10,
			//step: 'fader',
			fillColor: '#d40046',
			setup: function() {
				this._.lineWidth = 20;
			},
			path: [
				['line', 0, 20, 100, 20],
				['line', 100, 20, 0, 20]
			] 
		},
		splashPage: function(){
			if( $preLoadWrapper.size() == 0 ) return;
			if (Modernizr.csstransitions) {
				D.setup.spinnerShow();
			}
			$preLoadWrapper.imagesLoaded( function( $images ) {
				//console.log( $images.length + ' images have been loaded');
				var btnText;
				( $('#loading').attr('data-btntext') ? btnText = $('#loading').attr('data-btntext') : btnText = 'Verder' );
				setTimeout(function(){
				var startbutton = $('<a/>', {href:'#'}).addClass('btn btn-general').html(btnText).bind('click', D.pan.init).appendTo($content);
					$('#loading').hide();					
				},50);
			});
		},
		spinnerShow: function( insertInto ){
				if( $('#loading').size() == 0 ) return;
				var d, a, container = document.getElementById('loading');
				d = document.createElement('div');
				a = new Sonic(D.setup.spinnerOptions);
				d.appendChild(a.canvas);
				container.appendChild(d);
				a.canvas.style.marginTop = '-40px';
				a.play();
		},
		closeSlidePanel: function( e ) {
			e.preventDefault();
			if (Modernizr.csstransitions) {
				$slidePanel.removeClass('showing');
			} else {
				// No css Transitions supported, use jQuery animation instead
				$slidePanel.removeClass('showing');
			}
		},
		closeOverlay: function( e ){
			e.preventDefault();
			$(this).closest('.overlay').css({'top' : '-250px'}).find('section').empty();
			$overlayCover.css({'display':'none'});
			//container = $overlayCompare.find('section')
		},
		toggleFlagLinks : function( e ){
			e.preventDefault();
			if( $languageChooser.data('right') == undefined )
				$languageChooser.data('right', $languageChooser.css('right'));
			
			if( $languageChooser.css('right') == '0px')
				$languageChooser.css({'right': $languageChooser.data('right')});
			else
				$languageChooser.css({'right':0});
		},
		positionNav: function(){
			var shift = parseInt(910 - $pageNav.width()),
			shift = parseInt( shift / 2 )+10;
			$pageNav.css({'margin-left': shift + 'px'})
		},
		videoLink : function ( e ) {	 
			e.preventDefault();
			var $this = $(this),
			linkToVideo = $this.attr('href'),
			thumb = $this.find('img'),
			thumbWidth = thumb.width(),
			thumbHeight = thumb.height(),
			offset = $this.offset();
			thumbWidth = 640;
			thumbHeight = 390;
			if (linkToVideo.length > 0) {
				// http://player.vimeo.com/video/30434822
				// http://www.youtube.com/embed/2KqteNV_KcM
				
	            var $iframe = $('<iframe class="web-player" width="' + thumbWidth + '" height="' + thumbHeight + '" src="' + linkToVideo + '?autoplay=1&rel=0&title=0&byline=0portrait=0" frameborder="0"></iframe>')
	            	.insertAfter($overlayCover);
				$overlayCover.css({'display':'block', 'opacity' : 0.7});
				var closebutton = $('<a href="#">CLOSE</a>').addClass('closeVideo')
				.insertBefore($iframe)
				.unbind('click')
				.bind('click', function(e){
					e.preventDefault();
					$overlayCover.hide();
					$iframe.remove();
					$(this).remove();
				});
	        }
				
		}
	
			
	}
}( DALOC );

DALOC.doorChooser = function( D ) {
	return {
		initialize : function(){
			$classificationHeaders.live('click', function(){
				var enableThis = $(this).attr('data-enable'),
				disableThis = $(this).attr('data-disable');
				if( enableThis ){
					var f = $('h4[data-id="'+enableThis+'"]').show();
					var o = $(enableThis).show();
					
				}
				if( disableThis ){
					//console.log('disable ' + disableThis);
					var f = $('h4[data-id="'+disableThis+'"]').removeClass('ui-state-active').hide().next().hide();
					var o = $(disableThis).hide().addClass('disabled');					
				}
			});
			$( "div.accordion" ).accordion({ header: 'h4', autoHeight: false });
			$('#exclusiveWoodPanel a').live('click', function(e){
				e.preventDefault();
				$(this).toggleClass('checked');
				if ( $(this).hasClass('checked') ) $('#exclusiveWoodPanelInput').val($(this).text());
				else $('#exclusiveWoodPanelInput').val('');
			});
		},
		colorSwitch : function( e ) {
			e.preventDefault();
			//console.info(outerDoor);
			var _this = $(this),
			innerOnly = _this.attr('inner-only'),
			currentColor = _this.attr('data-color'),
			currentColorName = _this.attr('data-colorName'),
			currentLaminate = _this.attr('data-laminate'),
			currentLaminateImage = _this.attr('data-laminate-image'),
			laminateImageUrl = undefined,
			siblings = _this.siblings();
			if(innerOnly != undefined && outerDoor) {
				$('#chosenSurface').find('strong').css({'display':'block'});
				return;
			}
			$('#chosenSurface').find('strong').css({'display':'none'});
			siblings.each(function(){
				$(this).find('span').remove();
			});
			_this.append('<span></span>');
			if(currentColor){
				$laminateColorSurface.css({'background': currentColor});
				$('#productColor').val(currentColor);
				$('#productColorName').val(currentColorName);
				$('#productLaminateName, #productLaminateImage').val('');
				$('#chosenSurface').find('span').text(currentColorName);	
			}
			if(currentLaminate){
					//console.log(currentLaminate.split(' ').join('XXX'));
					if( currentLaminateImage )
					  laminateImageUrl = '/assets/img/Laminates/'+ currentLaminateImage +'.jpg';
					else 
					  laminateImageUrl = '/assets/img/Laminates/'+ currentLaminate.split(' ').join('') +'.jpg';
					
					$laminateColorSurface.css({'background': 'url('+ laminateImageUrl +')'});
					$('#productLaminateName').val(currentLaminate);
					$('#productLaminateImage').val(laminateImageUrl);
					$('#productColor, #productColorName').val('');
					$('#chosenSurface').find('span').text(currentLaminate);		
			}
		//	$('#chosenSurface').find('span').text(currentColorName);
		},
		lineaSwitch : function( e ) {
			e.preventDefault();
			var _this = $(this),
			currentLinea = _this.attr('data-image'),
			siblings = _this.siblings();
			siblings.each(function(){
				$(this).find('span').remove();
			});
			_this.append('<span></span>');
			if( currentLinea ) {
				$LineaSurface.css({'background-image': 'url(/assets/img/Linnea/'+currentLinea+'.png)'});
				$('#productLinea').val(currentLinea);
				$('#productLineaImage').val('/assets/img/Linnea/'+currentLinea+'.png');
				$('#productMirror').val('');
				var mirrorChoices = $('ul.mirrorSlide a.radio');
				mirrorChoices.each(function(){
					$(this).removeClass('selected');
				});
				mirrorChoices.filter(":last").addClass('selected');	
			} else {
				$LineaSurface.css({'background-image': 'none'});
				$('#productLinea').val('');
				$('#productLineaImage').val('');
			}
		},
		mirrorSwitch : function( e ) {
			e.preventDefault();
			var _this = $(this),
			currentMirror = _this.attr('data-mirror'),
			siblings = $('ul.mirrorSlide a');
			siblings.each(function(){
				$(this).removeClass('selected');
			});
			_this.addClass('selected');
			if( currentMirror ){
				$('#productMirror').val(currentMirror);
				$LineaSurface.css({'background-image': 'none'});
				$('#productLinea').val('');
				$('#productLineaImage').val('');
				$lineas.each(function(){
					$(this).find('span').remove();
				});
				$lineas.filter(":first").append('<span></span>');
			} else {
				$('#productMirror').val('');
			}
			
		},
		mirrorDetailZoom : function( e ){
			e.preventDefault();
			var largeImage = $('<img src="' + $(this).attr('href') + '">');
			$overlayCompare.find('h2').hide();
			container = $('section', $overlayCompare).css({'padding-top':'50px'}).append(largeImage);
			// $.ajax({type: "POST", url: _url, dataType: "html", context: container,
			// 			success: function( returndata ){
			// 				container.html( returndata );
			// 			}
			// 		});
			
			$overlayCover.css({'display':'block', 'opacity' : 0.7});
			$overlayCompare.css({'top' : '120px'});
			
			
		},
		productSwitch : function( ){
			var _url = $(this).attr('data-url'),
			container = $('#door-data'),
			assetsinfo = $('#updateDoorData');
			container.load(_url, {postID: $(this).val(), callback : 'doorData'}, function(){
				$( "div.accordion" ).accordion({ header: 'h4', autoHeight: false });
			});
			assetsinfo.load(_url, {postID: $(this).val(), callback : 'placement'});
		},
		postToPdfMaker : function( e ){
			e.preventDefault();
			
			
			$('.accordion').each(function(){
				var _text = $(this).find('h4.ui-state-active').text(),
				_input = $('#' + $(this).attr('data-inputID')).val(_text);
			});
			
			if( $('#mirrorFeature').hasClass('disabled') ) {
				$('#productMirror').val('');
			}
			if( $('#lineaFeature').hasClass('disabled') ) {
				$('#productLinea, #productLineaImage').val('');
			}
			
			var formElement = $('#makePDF'),
			_data = formElement.serialize();
			formElement.submit();
			// $.ajax({
			// 				type: "POST",
			// 				url: formElement.attr('action'),
			// 				data: _data,
			// 				dataType: "json",
			// 				success: function( resultData ){
			// 					//console.log( resultData );
			// 				}
			// 			});
		}
	}
}( DALOC );	

DALOC.pan = function( D ) {
	return {
		presets : {
			background : {
				width : 1600,
				height : 1078
			},
			fire : {
				width: 93,
				height: 181,
				left : 102,
				top : 478
			},
			hotspots : {
				width: 214,
				height: 566,
				left: 691,
				top: 140
			},
			spinner : {
				width: 96,
				height: 210,
				left : 1085,
				top : 0
			},
			dog : {
				width: 77,
				height: 69,
				left : 763,
				top : 757
			},
			candle : {
				width: 80,
				height: 107,
				left : 508,
				top : 180
			}
		},
		aspectRatio : undefined,
		widthCoefficient : undefined,
		heightCoefficient : undefined,
		prevArrow : undefined,
		useTwirl : false,
		init : function( e ){
			if( e ) e.preventDefault();
			D.pan.getScalingValues();
		
			$environmentImagesWrapper.css({'visibility':'visible'});
			//var _images = $('img.fullSize', $environmentImagesWrapper);
			var _images = $('div.fullSizeImages', $environmentImagesWrapper);
			_width = $window.width();
			_images.removeClass('starter').css({'left': _width});
			_images.eq(0).addClass('animate').css({'left': '0px'});
		 	D.pan.aspectRatio  = _images.eq(0).width() / _images.eq(0).height();
		
			var forwardArrow = $('<a/>', {href:'#'}).data('direction','next').addClass('forward').html('FRAMÅT').unbind('click').bind('click', DALOC.pan.cycle).appendTo('body');
			DALOC.pan.prevArrow = $('<a/>', {href:'#'}).data('direction','prev').addClass('preview').html('BACK').unbind('click').bind('click', DALOC.pan.cycle).css({'opacity': 0}).prependTo('body');
			if( $body.hasClass('start') ){
				setTimeout(function(){
					$content.hide();
					$('#fireAnimation, #candleAnimation').show();
					$hotspots.fadeIn();
					$mainMenu.css({'bottom': '3px'});
					$mainMenu.find('ul > li').filter(':first-child').addClass('current_page_item');
					$languageChooser.css({'top':'-50px'});
				},1600);
			} else {
				$('#fireAnimation, #candleAnimation').show();
				$hotspots.fadeIn();
			}
			//$(this).unbind( e ).bind('click', DALOC.pan.cycle);
		},
		welcome : function( ){
			if( $welcomeWrapper.size() == 0 ) return;
			DALOC.pan.init(false);
		},
		cycle: function( e ){
			e.preventDefault();
			$aimations.hide();
			$hotspots.hide();
			var _this = $(this),
			_images = $('div.fullSizeImages', $environmentImagesWrapper),
			_width = $window.width();
			if( _this.data('direction') == 'next' ) {
				var _currentImage = _images.eq(0),
				_nextInLine = _images.eq(1),
				_animation = $(_nextInLine.attr('data-animation'));
				_currentImage.addClass('animate').css({left: '-'+_width+'px'});
				_nextInLine.addClass('animate').css({left: '0px'});
				
			} else if( _this.data('direction') == 'prev' ) {
				var _currentImage = _images.eq(0),
				_nextInLine = _images.eq(2),
				_animation = $(_nextInLine.attr('data-animation'));
				_nextInLine.removeClass('animate faster').detach().prependTo( $environmentImagesWrapper ).css({left: '-'+_width+'px'});
				_currentImage.addClass('animate').css({left: _width +'px'});
				_nextInLine.addClass('faster');
				setTimeout(function(){
					_nextInLine.css({left: '0px'});
				},0);			
			}
			setTimeout(function(){
				if( _this.data('direction') == 'next' ) {
					_currentImage.detach().appendTo( $environmentImagesWrapper ).removeClass('animate faster').css({left: _width});
				}
				$hotspots.fadeIn('fast');
				_animation.show();
				DALOC.pan.prevArrow.css({'opacity': 1});
			},1600);	
		},
		cycleBack : function( e ){
			e.preventDefault();
		},
		positionAndResizeElements : function( Coefficient ){
			if (!Modernizr.csstransitions) {
				_w = DALOC.pan.presets.background.width * Coefficient;
				_h = DALOC.pan.presets.background.height * Coefficient;
				$('div.fullSizeImages', $environmentImagesWrapper).find('img.preload').css({'left':0, 'top':0, 'width' : _w, 'height' : _h});
			}
			_l = DALOC.pan.presets.fire.left * Coefficient;
			_t = DALOC.pan.presets.fire.top * Coefficient;
			_w = DALOC.pan.presets.fire.width * Coefficient;
			_h = DALOC.pan.presets.fire.height * Coefficient;
			$('#fireAnimation').css({'left':_l, 'top': _t, 'width' : _w, 'height' : _h});
			
			_l = DALOC.pan.presets.candle.left * Coefficient;
			_t = DALOC.pan.presets.candle.top * Coefficient;
			_w = DALOC.pan.presets.candle.width * Coefficient;
			_h = DALOC.pan.presets.candle.height * Coefficient;
			$('#candleAnimation').css({'left':_l, 'top': _t, 'width' : _w, 'height' : _h});
			
			if( DALOC.pan.useTwirl ){
				_l = DALOC.pan.presets.spinner.left * Coefficient;
				_t = DALOC.pan.presets.spinner.top * Coefficient;
				_w = DALOC.pan.presets.spinner.width * Coefficient;
				_h = DALOC.pan.presets.spinner.height * Coefficient;
				$('#twirlAnimation').css({'left':_l, 'top': _t, 'width' : _w, 'height' : _h});
			}
			_l = DALOC.pan.presets.dog.left * Coefficient;
			_t = DALOC.pan.presets.dog.top * Coefficient;
			_w = DALOC.pan.presets.dog.width * Coefficient;
			_h = DALOC.pan.presets.dog.height * Coefficient;
			$('#dogAnimation').css({'left':_l, 'top': _t, 'width' : _w, 'height' : _h});
			
			_l = DALOC.pan.presets.hotspots.left * Coefficient;
			_t = DALOC.pan.presets.hotspots.top * Coefficient;
			_w = DALOC.pan.presets.hotspots.width * Coefficient;
			_h = DALOC.pan.presets.hotspots.height * Coefficient;
			$doorFeatureSpots.css({'left':_l, 'top': _t, 'width' : _w, 'height' : _h});
			var _images = $('div.fullSizeImages', $environmentImagesWrapper);
			_images.eq(1).css({left: $window.width()});
			_images.eq(2).css({left: $window.width()});
		},
		resizeElements : function(w,h) {
			//alert(DALOC.pan.aspectRatio);
			// var _images = $('img.fullSize', $environmentImagesWrapper);
			// 			if ( ($window.width() / $window.height()) < DALOC.pan.aspectRatio ) {
			//                 _images.removeClass('bgwidth').addClass('bgheight');
			//             } else {
			//                 _images.removeClass('bgheight').addClass('bgwidth');
			//             }
		},
		getScalingValues : function() {
	     	D.pan.widthCoefficient	=  $window.width() / D.pan.presets.background.width;
			D.pan.heightCoefficient = $window.height() / D.pan.presets.background.height;
			if( D.pan.widthCoefficient > D.pan.heightCoefficient)
				D.pan.positionAndResizeElements( D.pan.widthCoefficient );
			else 
				D.pan.positionAndResizeElements( D.pan.heightCoefficient );
				
			//console.log('width: ' + D.pan.widthCoefficient + ' height: ' + D.pan.heightCoefficient);
			
		}	
		
	}
}( DALOC );

DALOC.slider = function( D ) {
	return {
		init : function(){
			$('div.window').panelSlider({
				prevButton: {
					show : true
				},
				nextButton: {
					show : true
				},
				navLinks : true,
				initialPanel : 0
			});
			
			$('div.colorSlide').panelSlider({
				panelClass : 'color',
				prevButton: {
					show : false,
					appendTo : 'slider'
				},
				nextButton: {
					show : false,
					appendTo : 'slider'
				},
				navLinks : false,
				initialPanel : 0,
				panelsInOneView : 4
			});
			
			$('div.laminateSlide').panelSlider({
				panelClass : 'color',
				prevButton: {
					show : true,
					appendTo : 'slider'
				},
				nextButton: {
					show : true,
					appendTo : 'slider'
				},
				navLinks : false,
				initialPanel : 0,
				panelsInOneView : 4
			});
			
			$('div.lineaSlide').panelSlider({
				panelClass : 'linea',
				prevButton: {
					show : true,
					appendTo : 'slider'
				},
				nextButton: {
					show : true,
					appendTo : 'slider',
					buttonClass : 'forwardSlide lineaButton'
				},
				navLinks : false,
				initialPanel : 0,
				panelsInOneView : 4
			});
		}
	}
}( DALOC ); 

DALOC.load = function( D ) {
	return {
		slidePanel: function( e ) {
			e.preventDefault();
			var $this = $(this),
			_url = $this.attr('data-json'),
			$slidePanelContainer = $slidePanel.find('div.inner'),
			$article = $slidePanelContainer.find('article');
			
			$.ajax({type: "GET", url: _url, dataType: "json",
				success: function( returndata ){
					if( parseInt(returndata.status) == 1 ){ // We´re all good, get the data from JSON-file
						$.each(returndata.posts, function(i,post){
							$slidePanelContainer.css({
								'height':(post.height > 0 ? post.height : 635),
								'background-image': 'url('+post.image+')',
								'display' : 'block'
							});
							$article.html('<h1>'+post.title+'</h1><div>'+post.content+'</div>')
						});
						if (Modernizr.csstransitions) { 
							// Browser supports css transitions. Achieve full hardware acceleration
							$slidePanel.addClass('showing');
						} else { 
							// No css Transitions supported, use jQuery animation instead
							$slidePanel.addClass('showing');
						}
					} else { // something wrong with the JSON-file. Get PAGE from dB instead?
						//console.log('err');
					}
				}
			});
			
		},
		compareOverlay: function( e ){
			e.preventDefault();
			var $this = $(this),
			_url = $this.attr('data-json'),
			container = $overlayCompare.find('section').css({'padding-top': 0});
			$overlayCompare.find('h2').show();
			$.ajax({type: "POST", url: _url, dataType: "json", context: container,
				success: function( returndata ){
					if( parseInt(returndata.status) == 1 ){ // We´re all good, get the data from JSON-file
						$.each(returndata.posts, function(i,post){
							container.append('<div class="article">\
								<h3>'+ post.title +'</h3>\
								<p class="center"><img src="'+ post.image +'" alt="'+ post.title +'"></p>\
								<p class="features"><strong class="ucase">' + post.burglarprotection.title + '</strong></p>\
								<h4>'+post.burglarprotection.headline+'</h4>\
								<p>'+post.burglarprotection.text+'</p>\
								<p class="features fireprotection"><strong class="ucase">' + post.fireprotection.title + '</strong></p>\
								<h4>' + post.fireprotection.headline + '</h4>\
								<p>' + post.fireprotection.text + '</p>\
								<p class="features soundprotection"><strong class="ucase">' + post.soundprotection.title + '</strong></p>\
								<h4>' + post.soundprotection.headline + '</h4>\
								<p>' + post.soundprotection.text + '</p>\
								<p class="features smellprotection"><strong class="ucase">' + post.smellprotection.title + '</strong></p>\
								<h4>' + post.smellprotection.headline + '</h4>\
								<p>' + post.smellprotection.text + '</p>\
								<p class="features smokeprotection"><strong class="ucase">' + post.smokeprotection.title + '</strong></p>\
								<h4>' + post.smokeprotection.headline + '</h4>\
								<p>' + post.smokeprotection.text + '</p>\
							</div>');	
						});
						$overlayCover.css({'display':'block', 'opacity' : 0.7});
						$overlayCompare.css({'top' : '120px'});
						
					} else { // something wrong with the JSON-file. Get PAGE from dB instead?
						//console.log('error');
					}
				}
			});	
		},
		pageOverlay: function( e ){
			e.preventDefault();
			var $this = $(this),
			_url = $this.attr('href'),
			container = $('#overlayContent', $overlayCompare);
			// $.ajax({type: "POST", url: _url, dataType: "html", context: container,
			// 			success: function( returndata ){
			// 				container.html( returndata );
			// 			}
			// 		});
			container.load(_url + ' #content', function() {
			  	$overlayCover.css({'display':'block', 'opacity' : 0.7});
				$overlayCompare.css({'top' : '120px'});
			});	
		}		
	}
}( DALOC );


(function ($) {
   	DALOC.initialize();
	$window.resize(function() {
		DALOC.pan.getScalingValues();
	}).trigger("resize");

}(window.$));