$(document).ready(function () {
// alert($(window).width());
// alert($(document).height());
});


function trimString (str) {
  str = this != window? this : str;
  return str.replace(/^s+/g, '').replace(/s+$/g, '');
}

function preload(arrayOfImages) {
	$(arrayOfImages).each(function(){
		$('<img/>')[0].src = this;
		// Alternatively you could use:
		// (new Image()).src = this;
	});
}

preload([
	'/CoastalGraphics/images/footer/icon_1_hover.png',
	'/CoastalGraphics/images/footer/icon_2_hover.png',
	'/CoastalGraphics/images/footer/icon_3_hover.png',
	'/CoastalGraphics/images/footer/icon_4_hover.png',
	'/CoastalGraphics/images/footer/icon_5_hover.png',
	'/CoastalGraphics/images/UpArrowBlue.svg',
	'/CoastalGraphics/images/UpArrowWhite.svg',
	'/CoastalGraphics/images/FacebookIcon1On.png'
]);


// number format
function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}


// *****************************************************


function SwitchMenuLayout(WindowWidth,ScrollTop,ScrollBreak) {

	if(WindowWidth > 767) {

		if (ScrollTop >= ScrollBreak) {

			$("#HeaderContainer").addClass("HeaderContainer2");
			$("#HeaderContainer").removeClass("HeaderContainer1");
			$("#MenuBlue").fadeIn();
			$("#LogoHomeLarge").addClass("fadeOut");
			$("#LogoHomeLarge").removeClass("fadeIn");
			
			$('#LogoHomeLarge').on('click', function(e){
  				e.preventDefault();
			});
			
			$("#LogoHomeSmall").addClass("fadeIn");
			$("#LogoHomeSmall").removeClass("fadeOut");
			$("#LogoHomeLargeSpacer").addClass("fadeOut");
			$("#LogoHomeLargeSpacer").removeClass("fadeIn");
			$("#LogoHomeSmallSpacer").addClass("fadeIn");
			$("#LogoHomeSmallSpacer").removeClass("fadeOut");

// 			if(PageID == 17) {
// 				$("#HeaderLogo").css("visibility","visible");
// 				$("#LogoHomeLarge").css("display","none");
// 			}

		} else {
		
			$("#HeaderContainer").addClass("HeaderContainer1");
			$("#HeaderContainer").removeClass("HeaderContainer2");
			$("#MenuBlue").fadeOut();
			$("#LogoHomeLarge").addClass("fadeIn");
			$("#LogoHomeLarge").removeClass("fadeOut");
			
			$('#LogoHomeLarge').unbind('click');

			$("#LogoHomeSmall").addClass("fadeOut");
			$("#LogoHomeSmall").removeClass("fadeIn");
			$("#LogoHomeLargeSpacer").addClass("fadeIn");
			$("#LogoHomeLargeSpacer").removeClass("fadeOut");
			$("#LogoHomeSmallSpacer").addClass("fadeOut");
			$("#LogoHomeSmallSpacer").removeClass("fadeIn");

// 			if(PageID == 17) {
// 				$("#HeaderLogo").css("visibility","hidden");
// 				$("#LogoHomeLarge").css("display","none");
// 			}

		}

	} else {

		$("#HeaderContainer").addClass("HeaderContainer1");
		$("#HeaderContainer").removeClass("HeaderContainer2");
		$("#MenuBlue").fadeOut();
		$("#LogoHomeLarge").addClass("fadeIn");
		$("#LogoHomeLarge").removeClass("fadeOut");
			
			$('#LogoHomeLarge').unbind('click');

		$("#LogoHomeSmall").addClass("fadeOut");
		$("#LogoHomeSmall").removeClass("fadeIn");
		$("#LogoHomeLargeSpacer").addClass("fadeIn");
		$("#LogoHomeLargeSpacer").removeClass("fadeOut");
		$("#LogoHomeSmallSpacer").addClass("fadeOut");
		$("#LogoHomeSmallSpacer").removeClass("fadeIn");
	}
}


// *****************************************************


$(document).ready(function() {

// 	var InitialScrollBreak = 60;
// 	var InitialWindowWidth = $(window).width();
// 	
// 	SwitchMenuLayout(InitialWindowWidth,InitialScrollBreak);

	$('#HeaderLogo').append('<a href="/" title=" alt="The Moving Experience Real Estate, Dover DE""><img id="LogoHomeSmall" class="fadeOut" alt="The Moving Experience Real Estate, Dover DE" src="/CoastalGraphics/images/logo_home.png"></a>')

	$("#FooterFacebook")
	.mouseover(function() { 
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_1_hover.png");
	})
	.mouseout(function() {
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_1.png");
	});
	
	$("#FooterTwitter")
	.mouseover(function() { 
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_2_hover.png");
	})
	.mouseout(function() {
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_2.png");
	});
	
	$("#FooterInstagram")
	.mouseover(function() { 
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_3_hover.png");
	})
	.mouseout(function() {
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_3.png");
	});
	
	$("#FooterYouTube")
	.mouseover(function() { 
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_4_hover.png");
	})
	.mouseout(function() {
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_4.png");
	});
	
	$("#FooterPinterest")
	.mouseover(function() { 
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_5_hover.png");
	})
	.mouseout(function() {
		$(this).attr("src", "/CoastalGraphics/images/footer/icon_5.png");
	});

	$("#FooterUpArrpw")
	.mouseover(function() { 
		$(this).attr("src", "/CoastalGraphics/images/UpArrowWhite.svg");
	})
	.mouseout(function() {
		$(this).attr("src", "/CoastalGraphics/images/UpArrowBlue.svg");
	});


// 	$(".cff-feed-image").each(function(){
// 		$(this).css('width','40vw');
// 		$(this).wrap('<div align="center" style="display: block; border: 5px solid pink"></div>');
// 	});

});
 


$(window).on('ready load resize scroll', function() {

	var ScrollBreak = 100;
	var WindowWidth = $(window).width();
	var ScrollTop = $(window).scrollTop();

	SwitchMenuLayout(WindowWidth,ScrollTop,ScrollBreak);
	
});

// *****************************************************

jQuery(function ($) {
  var $window = $(window);
  var $buttonTop = $('.button-top');

  $buttonTop.on('click', function () {
    $('html, body').animate({
      scrollTop: 0,
    }, 400);
  });

  $window.on('scroll', function () {
    if ($window.scrollTop() > 100) { // 100 is our threshold in pixels
      $buttonTop.addClass('button-top-visible');
    } else {
      $buttonTop.removeClass('button-top-visible');
    }
  });
});

// *****************************************************