(function($) {
			    $.fn.backgroundScale = function(options) {
			
			        // build main options before element iteration
			        
					var defaults = {
						constraint : "height",
						minWidth : 952,
						maxWidth : 1255,
						//minHeight : 900 * 990 / 1280, //609,it's absoluty an error of proportional 1280:900=minWidth:minHeight is different from 609
						//maxHeight : 900 * 1255 / 1280, //680,it's absoluty an error of proportional 1280:900=maxWidth:maxHeight is different from 680
						minHeight : 569,
						maxHeight : 680,
						ratioWidth : 1300,
						ratioHeight : 867,
						imgHolder : ".bg-container",
						imgClass : ".bg-image",
						containerClass : ".main-container" 
					}
					
			
			    	var settings = $.extend({}, defaults, options);
			
					var $this = $(this);
					var holder = $(settings["imgHolder"]);
					var bgImage = $(settings["imgClass"]);
					var mainContainer = $(settings["containerClass"]); 
					
					var calcHeight = function(w){
						return w*settings["ratioHeight"]/settings["ratioWidth"];
					};
					
					var calcWidth = function(h){
						return h*settings["ratioWidth"]/settings["ratioHeight"];
					};		
					var winWidth,winHeight;
					
					var getWindowSize = function(){
						winWidth = window.innerWidth
								|| document.documentElement && document.documentElement.clientWidth
								|| document.body.clientWidth;
						winHeight = window.innerHeight
							|| document.documentElement && document.documentElement.clientHeight
							|| document.body.clientHeight;
					}		
					
					//set position central box
					var resetContent = function()	{
						var heightAvailable = winHeight;
						var marginTopValue = (heightAvailable - 162 - 60 - 340) / 2; // 162 top, 60 footer and bottom tabs, 340 content height
						if (marginTopValue < 0) {
							marginTopValue = 0;
						}
			            $('.contentContainer').css({ 'marginTop': marginTopValue })
			            $('.contentContainer').css({ 'visibility': 'visible' });
					}
					
					var resetImage = function(){
			
						// get window height and width
	
						var customSize = {
							imgWidth	:	calcWidth(winHeight),
							imgHeight	:	winHeight,
							holderWidth	:	calcWidth(winHeight),
							holderHeight:	winHeight,
							imgMargin	:	0,
							holderMargin: 	0
						}
						if (winWidth < settings["minWidth"]){
							// window width is smaller than content area
							// background image will crop

							if (winHeight < settings["minHeight"]){
								customSize = {
									imgWidth	:	settings["minWidth"],
									imgHeight	:	calcHeight(settings["minWidth"]),
									holderWidth	:	settings["minWidth"],
									holderHeight:	settings["minHeight"],
									holderMargin: 	0,
									imgMargin	:	0
								}								
							}else{
								customSize = {
									imgWidth	:	calcWidth(winHeight),
									imgHeight	:	winHeight,
									holderWidth	:	settings["minWidth"],
									holderHeight:	winHeight,
									holderMargin: 	0,
									imgMargin	:	-(customSize["imgWidth"]-winWidth)/2
								}
								if (customSize["imgWidth"]<settings["minWidth"]){
									customSize = {
										imgWidth	:	settings["minWidth"],
										imgHeight	:	calcHeight(settings["minWidth"]),
										holderWidth	:	settings["minWidth"],
										holderHeight:	winHeight,
										holderMargin: 	0,
										imgMargin	:	0
									}
								}
							}
						}else{
							if (winHeight < settings["minHeight"]){	
								customSize = {
									imgWidth	:	settings["minWidth"],
									imgHeight	:	calcHeight(settings["minWidth"]),
									holderWidth	:	settings["minWidth"],
									holderHeight:	settings["minHeight"],
									holderMargin: 	(winWidth-settings["minWidth"])/2-8,
									imgMargin	:	0
								}
							}else{
								customSize = {
									imgWidth	:	calcWidth(winHeight),
									imgHeight	:	winHeight,
									holderWidth	:	winWidth,
									holderHeight:	winHeight,
									holderMargin: 	0,
									imgMargin	:	-(customSize["imgWidth"]-winWidth)/2
								}
								if (customSize["imgWidth"]<settings["minWidth"]){
									customSize = {
										imgWidth	:	settings["minWidth"],
										imgHeight	:	calcHeight(settings["minWidth"]),
										holderWidth	:	settings["minWidth"],
										holderHeight:	winHeight,
										holderMargin: 	(winWidth-settings["minWidth"])/2,
										imgMargin	:	0
									}						
								}	
							}
						}
					    
						//set new height and width for image
						bgImage = $(settings["imgClass"]);
		                bgImage.css({
		                    height: customSize["imgHeight"],
		                    width: customSize["imgWidth"],
		                    "marginLeft": customSize["imgMargin"]
		                });
		                
						//set scroll image
						$('#gallery #image').css({ width: customSize["imgWidth"]})

						// set height and width for image holder
		                holder.css({
		                    height: customSize["holderHeight"],
		                    width: customSize["holderWidth"],
							"marginLeft": customSize["holderMargin"],
							left:0,
							overflow:"hidden"
		                });
			
						mainContainer.css ({
							"marginLeft": customSize["holderMargin"]
						});
						
						// reset content wrapper height to match the height of the background image
						$this.css({
							height : customSize["holderHeight"],
							"minHeight": customSize["holderHeight"]
						});
						
						// custom resize header/footer
						var resetHeader = function(){
							var _header = $(".header");
							if (parseInt($(".bg-container").css("width")) <= settings["minWidth"]) {
							
								_header.find(".hd-transparent-holder").css({
			                    	width: customSize["holderWidth"],
			                    	"marginLeft":  customSize["holderMargin"]
								});
		
								mainContainer.css ({
									"marginLeft": customSize["holderMargin"]
								});
								
								mainContainer.find(".content").css({
			                    	"marginLeft":  0
								});
		
							} else {
								
								_header.find(".hd-transparent-holder").css({
			                    	width: customSize["imgWidth"],
			                    	"marginLeft":customSize["imgMargin"]
								});
								
								mainContainer.css ({
									"marginLeft": 0 //customSize["imgMargin"]
								});
								
								mainContainer.find(".content").css({
			                    	"marginLeft":  "auto"
								});
							}
						}
						var resetFooter = function(){
							var _footer = $(".footer");
							if (parseInt($(".bg-container").css("width")) <= settings["minWidth"]) {
							
								_footer.find(".transparent-holder").css({
			                    	width: customSize["holderWidth"],
			                    	"marginLeft":  customSize["holderMargin"]
								});
		
							} else {
								
								_footer.find(".transparent-holder").css({
			                    	width: customSize["imgWidth"],
			                    	"marginLeft":customSize["imgMargin"]
								});
							}
						}
						resetHeader();
						resetFooter();
						
						// trigger custom callback
						if(typeof settings.onScaleComplete == "function"){
		        			settings.onScaleComplete.call(this,customSize);
		     	 		}
					}
					
					$(window).resize(function(){
						getWindowSize();
						resetContent();
						centerMenu();
						resetImage();
					});
					
					$(window).load(function(){
						getWindowSize();
						resetContent();
						centerMenu();
            			resetImage();
					})
			
			        return;
			    };
			
			    function init() {	
			    };
			    
			})(jQuery);
			
			
			function initScale(){
	// initialize background scaling
	var options = {
   		onScaleComplete: (typeof scaleComplete == "function") ? scaleComplete : null 
  		}; 
   	$(".landing").backgroundScale(options);
}

$(document).ready(function(){
	// initialize background scaling
	var options = {
		onScaleComplete : (typeof scaleComplete == "function") ? scaleComplete : null
	};

  		$(".landing").backgroundScale(options);
});