var popupGallery;
$(document).ready(function() {
	if($("#photocontainer .propertyimage").length > 0) {
		//console.log("HAVE PHOTO: " + $("#photocontainer .propertyimage").length);
		$("#largephotolink img").unwrap();
		$("#largephotolink").remove();
		//$("#thumbphotocontainer div a img").each(function(index) {
		$("#photocontainer img").each(function(index) {
			var thumbSrc = $(this).attr("src");
			var mainSrc = $(this).attr("src");
			//thumbSrc = thumbSrc.replace('&Width=1000','&Width=100');
			//thumbSrc = thumbSrc.replace('&Height=756','&Height=75');
			//var mainHtml = '<li data-thumb="' + thumbSrc + '" data-src="' + mainSrc + '"><img src="' + mainSrc + '" alt=""/></li>';
            //mainSrc = mainSrc.replace("DisplayImage","DisplayImageResize");
            // remove everything after ?
            //mainSrc = mainSrc.substring(0, mainSrc.indexOf('?')) + '?useLargePhoto=true&cropToFill=false&width=2400';
            //var mainHtml = '<li data-thumb="' + thumbSrc + '" data-src="' + mainSrc + '" style="background-image:url(' + mainSrc + ')" alt=""/></li>';
            var mainHtml = '<li data-thumb="' + thumbSrc + '" data-src="' + mainSrc + '"><img src="' + mainSrc + '" alt=""/></li>';
			$('#lightSlider').append(mainHtml);
			//console.log("appended image");
			// load the slideshow on the last image?
			if((index + 1).valueOf() == $("#photocontainer img").length) {
				console.log("length=" + $("#photocontainer img").length);
				console.log("index=" + (index + 1).valueOf());
				initSlideshow();
			}
		});

	} else {
		$('#lightSlider').hide();
		if($(".propertyimagelist .nophoto").length < 1) {
			$(".propertyimagelist").append('<img src="images/propertyphotos/nophoto-bg.jpg" class="nophoto" alt="Photos Coming Soon"/>');
		}
		$("#photocontainer").show();
	}
});

function initSlideshow() {
	$("#photocontainer").hide();
	$("#lightSlider").lightSlider({
		gallery: false,
		item: 1,
		loop: true,
		slideMargin: 0,
		galleryMargin: 0,
		thumbMargin: 15,
		thumbItem: 7,
		adaptiveHeight:true,
		onSliderLoad: function(el) {
			el.lightGallery({
				selector: '#lightSlider .lslide',
				download: false,
				counter: false,
				loop: true
			});
			console.log("slider loaded");
			if($("#lightSlider").height() < 1) {
				el.refresh();
				console.log("slider refreshed");
				$("#lightSlider").height("100vh");
			}
		}
	});

	$("#slideshowOpener").prependTo(".lSSlideOuter");

	$("#slideshowOpener").click(function() {
		$("#lightSlider .active").trigger("click");
	});
}

/*

function resizeOuterFrame() {

	var winHeight = window.parent.innerHeight - 20;
	var winWidth = window.parent.innerWidth - 20;

	// 1. iframe
	// set width to window width - 20
	// set height to window height - 20

	$(".vbox-open iframe",window.parent.document).height(winHeight + "px");
	$(".vbox-open iframe",window.parent.document).width(winWidth + "px");

	console.log("iframe: " + $(".vbox-open iframe",window.parent.document).width() + " x " + $(".vbox-open iframe",window.parent.document).height());

}

function resizeSlideshow(el) {

	$("#slideshow #lightSlider").removeClass("cS-hidden");
	var galleryWidth = $(".slideshowouter").width();
	var galleryHeight = $(".slideshowouter").height();
	var galleryWidth = 1200;
	var galleryHeight = 907;
	var winHeight = window.parent.innerHeight - 20;
	var winWidth = window.parent.innerWidth - 20;


	if(galleryHeight != null) {
		console.log("galleryHeight: " + galleryHeight);
		var galleryTop = (winHeight - galleryHeight);
		galleryTop = parseInt(galleryTop / 2);
		console.log("gallery before: " + galleryWidth + " x " + galleryHeight);
		if(galleryTop > 0) {
			// 2. vbox-content
			// set margin top to half of (galleryHeight - windowHeight)
			// clear magin bottom
			// set width to iframe width
			console.log("vbox-content: " + galleryTop);
			$(".vbox-content",window.parent.document).css("margin",galleryTop + "px auto 0 auto");
			$(".vbox-container",window.parent.document).css("max-width",galleryWidth + 30 + "px");
			//$(el).refresh();
			//$(".vbox-content").css("margin-top",galleryTop + "px");
			console.log("VBOX CSS: " + $(".vbox-content",window.parent.document).attr("style"));
		}
	} else {
		console.log("no gallery yet...");
	}

	//console.log("HAVE GALLERY?: " + $(".lSSlideOuter").length);

	// 3. gallery
	// set width to iframe width
	// set height to auto
	// 4. Resize iframe to fit gallery
	// set height to gallery height

}

*/