/**
 * Neptune
 */

var Site = Site || { };

// Cache
Site.$el = {

	setup : function() {
		this.window = $(window);
		this.index  = $('#index');
	}

};

// Run the setup & events methods on all Site namespaces
$(function() {

	var key, namespace;

	for (key in Site) {
		namespace = Site[key];
		if ( namespace.hasOwnProperty('setup') && typeof namespace.setup === "function" ) {
			namespace.setup();
		}
		if ( namespace.hasOwnProperty('events') && typeof namespace.events === "function" ) {
			namespace.events();
		}
	}

});


var Design = {

	data : {

		stageHeight: 0,
		stageWidth: 0,
		textBodyStartHeight :0,
		allThumbWidth: 0,
		allMediaWidth: 0,
		titleHeight: 0,
		intextImageHeight: 0,
		entryWidth: 0,
		bottomMarginAdjust: 0,
		phoneHeight: window.innerHeight
	},

	bindKeys : function() {
		Cargo.Core.KeyboardShortcut.Add("Left", 37, function() {
			Action.Project.Prev();
			return false;
		});

		Cargo.Core.KeyboardShortcut.Add("Right", 39, function() {
			Action.Project.Next();
			return false;
		});
	},

	hoverProject: function() {

		// add hover class for project thumbs, if no titles or tags—add a separate class for separate styling

		if (!Cargo.Model.DisplayOptions.get('title_in_thumb') && !Cargo.Model.DisplayOptions.get('tags_in_thumb')) {

			hoverClass = 'hovering-no-info';

			$('.thumb_info').remove();

		} else {

			hoverClass = 'hovering';

		}

		// Thumbnail hover
		if (!Cargo.Helper.isMobile()) {

			$(".thumbnails")
				.on("mouseenter", ".project_thumb", function(e) {
					$(this).addClass(hoverClass);
				})
				.on("mouseleave", ".project_thumb", function(e) {
					$(this).removeClass(hoverClass);
				});

		}

	},

	setFormatting: function() {

		// group sets in navigation

		var navGroups = [];

		$(".navigation div[data-type]").each(function() {

			var type = this.getAttribute("data-type");

			if ($.inArray(type, navGroups) == -1) {

				// first unwrap if already wrapped
				if ($(this).parent().hasClass("group")) {
					$(this).unwrap();
				}

				if (type == "link" || type == "page") {
					var items = $(".navigation div[data-type='link'], .navigation div[data-type='page']");
					navGroups.push("link", "page");
				} else {
					var items = $(".navigation div[data-type='" + type + "']");
					navGroups.push(type);
				}

				items.wrapAll("<div class='group' />");

			}

		});

	},

	setBrightness: function(){

		if ( $('body').brightness() == "dark"){
			$('body').removeClass("light").addClass("dark")
		} else {
			$('body').removeClass("dark").addClass("light")
		}

	},

	captionFormatting: function() {

		// formatting for captions on media images, and slideshows

		// if slideshow nav is on top—(not slideshow images') captions go on bototm, else they are on top
		if ( Cargo.Model.DisplayOptions.get("slide_nav_position") == "top" ){
			captionClass = 'on_bottom';
		} else {
			captionClass = 'on_top';
		}


		// slideshow captions
        $('.slideshow_caption').each(function(i){

	        $(this).addClass(captionClass);

        });

		// take caption from the img caption attribute, and put content in an absolute position div
		if (Cargo.Model.DisplayOptions.get('captions_view') == true) {

		   	$('.project_media .img_holder img').each(function(i){

			   	var caption = $(this).attr('caption');

		        if ( typeof caption !== typeof undefined && caption !== false ) {

		            $(this).after('<div class="caption on_bottom">' + caption + '</div>');

	            }

	        });

		}

	},

	columnizeText: function() {

		// columnize text on projects

		var stage			= $('.entry'),
			titleHeight		= $('.project_title').height() + parseInt($('.project_title').css('padding-bottom')),
			footerHeight	= $('.project_footer').outerHeight(true),
			hasText			= $('.project_content > .textcolumns').length > 0,
			minWidth		= parseInt($('.project_content').css('min-width')),
			projectPadding	= parseInt($('.project').css('padding-bottom')) + parseInt($('.project').css('padding-top')),
			adjustedHeight	= Design.data.stageHeight + -Design.data.titleHeight + -projectPadding + -Design.data.bottomMarginAdjust,
			calcColumns		= Design.data.textBodyStartHeight / adjustedHeight,
			columnsNeeded	= Math.ceil(calcColumns);

		// add a marker to see if there is overflow
		if ($('.column-marker').length < 1) {
			$('.textcolumns').append('<div class="column-marker" />');
		}

		// Set height of columns subtracting height of title from stage
		$('.project_content .textcolumns').height(adjustedHeight);

		// if there is no text, set a hard width on project_content instead of min-width
		if (hasText == false) {
			$('.project_content').width(minWidth);
		}

		//if text is taller than window stage, columnize
		if (Design.data.textBodyStartHeight > adjustedHeight) {

			$('.project_content .textcolumns').addClass('columnized');
			$('.project_content .textcolumns').attr('columns', columnsNeeded);

			columnWidth = parseInt($('.columnized').css('column-width')),
			columnGutter = parseInt($('.columnized').css('column-gap')),
			columnTotalWidth = columnGutter + columnWidth,
			oneMoreColumn = 0;

			// if we have a column parker past the width of columns, add another column
			if (($('.column-marker').length > 0) && ($('.column-marker').position().left > (columnTotalWidth * columnsNeeded) - columnGutter)) {
				oneMoreColumn = 1;
			}

			// set the column container width, and column count
			$('.columnized').css({
				'width' : (columnTotalWidth * (columnsNeeded + oneMoreColumn)) - columnGutter,
				'-webkit-column-count' : columnsNeeded + oneMoreColumn,
				   '-moz-column-count' : columnsNeeded + oneMoreColumn,
				         'column-count': columnsNeeded + oneMoreColumn
			});

		} else {

			// get rid of any column attributes that were added
			$('.project_content').removeAttr('columns');
			$('.project_content .textcolumns').removeAttr('style');
			$('.project_content .textcolumns').removeClass('columnized');

		}

		Cargo.Event.trigger("column_complete", "Cargo");

	},

	noBreaksOnTop: function() {

		// visually remove breaks at the top of columns, add them to the end of the content

		var brAtTop = $('.break_span'),
			spanHeight = parseInt($('.project_content').css('line-height'));

		// determine where to add breaks that have been visually removed
		if ($('.project_footer').length > 0) {
			endPlace = '.project_footer';
		} else {
			endPlace = 'p';
		}

		// clear top and last breaks before they are set
		brAtTop.removeClass('top-br');
		$('.last_span').remove();


		$(brAtTop).each( function(el){

			// set a height to each span
			$(this).css('height', spanHeight);

			// if a break is at the top of the container, remove its height, add that height to the end place
			if (($(this).position().top - $('.project_title').outerHeight(true)) <= 1) {

				$(this).addClass('top-br').css('height', '0');
				$('.project_content ' + endPlace).append('<span class="last_span" style=" height: ' + spanHeight + 'px' + '"></span>');

			}

		});

	},

	setProjectMediaSize: function() {

		// set a hard width on project media based on the combined width of its children

		Design.data.allMediaWidth = 0;
		imageGutter	= parseInt($('.project_media > *').css('margin-right')),
		projContPad	= parseInt($('.project_media').css('padding-right')),
		mediaCount	= parseInt($('.project_media > *').length);

		$('.project_media > *').each(function() {
			Design.data.allMediaWidth += $(this).outerWidth();
		});

		$('.project_media').width(Design.data.allMediaWidth + projContPad + (imageGutter * mediaCount) - imageGutter);

	},

	setStageProperties: function() {

		// set the height and width of the stage

		var stagePadding	= parseInt($('.thumbnails').css('padding-top')) + parseInt($('.thumbnails').css('padding-bottom')),
			winHeight		= $(window).height(),
			projHeight		= ($(window).height()) * .85,
			screenHeight	= (window.innerHeight) * .75,
			thumbsShowing	= winHeight - projHeight;
			thumbsProj		= Cargo.Model.DisplayOptions.get('thumbs_below_projects') && Cargo.Helper.GetCurrentPageType() == "project",
			thumbsPage		= Cargo.Model.DisplayOptions.get('thumbs_below_pages') && Cargo.Helper.GetCurrentPageType() == "page",
			noThumbsProj	= !Cargo.Model.DisplayOptions.get('thumbs_below_projects') && Cargo.Helper.GetCurrentPageType() == "project",
			noThumbsPage	= !Cargo.Model.DisplayOptions.get('thumbs_below_pages') && Cargo.Helper.GetCurrentPageType() == "page",
			bottomPad		= parseInt($('#slide_container').css('padding-bottom')),
			thumbIndex		= $('.thumbnails');

			if (thumbsShowing < 115) {
				projHeight = winHeight - 115;
			}


		// set stage height variable
	    Design.data.stageHeight = $('#slide_container').height();

	    // set window width variable
	    Design.data.stageWidth = $(window).width();

		// set minimum height of thumbnails container (to stretch to bottom of screen)
		if ($(thumbIndex).length > 0) {
			thumbMinHeight = winHeight - (thumbIndex.offset().top + (thumbIndex.outerHeight(true) - thumbIndex.height() ) - parseInt(thumbIndex.css('margin-top')));
			thumbIndex.css("minHeight", thumbMinHeight + "px");
	    }

	    // set height of scrolling containers
		if (!Cargo.Helper.isPhone()) {

	    	if (thumbsProj || thumbsPage) {
				$('#slide_container, .project_wrapper').height(projHeight);
			} else if (noThumbsPage || noThumbsProj) {
				$('#slide_container, .project_wrapper').height(thumbMinHeight);
			} else {
				$('#slide_container, .project_wrapper').height(0);
			}

		} else {

			if (thumbsProj || thumbsPage) {
				$('#slide_container, .project_wrapper').height(Design.data.phoneHeight * .9);
			} else if (noThumbsPage || noThumbsProj) {
				$('#slide_container, .project_wrapper').height(Design.data.phoneHeight - bottomPad);
			} else {
				$('#slide_container, .project_wrapper').height(0);
			}

		}

	},

	titleHeight: function() {

		// find the height of the project title

		if (Cargo.Model.DisplayOptions.get('title_in_project') && Cargo.Model.Project.GetShowTitle()) {

			Design.data.titleHeight = $('.project_title').height() + parseInt($('.project_title').css('padding-bottom'));

		} else {

			Design.data.titleHeight = 0;

		}

	},

	intextImageHeight: function() {

		// FOR FUTURE USE (if browsers advance CSS3 columns)
		// find the height of images inside of columns

		if ($('.textcolumns p').has('span img')) {

				Design.data.intextImageHeight = 0;

				$('.textcolumns p span img').each(function(){

					Design.data.intextImageHeight += $(this).outerHeight(true);

				});

		} else { Design.data.intextImageHeight = 0; }

	},

	setMobileHeight: function() {

// 	    requestAnimationFrame(Design.setMobileHeight());
	    Design.data.phoneHeight = Math.min( Design.data.phoneHeight, window.innerHeight);

	},

	setResizerOptions: function() {

		// set vertical & horizontal margins on element resizer

		projPadTop = parseInt($('.project').css('padding-top')),
		projPadBot = parseInt($('.project').css('padding-bottom'));

		if (Cargo.Helper.isPhone()) {

			var container = screen.width;
			var parent = $('.entry').width();

			if (Cargo.Model.DisplayOptions.get('captions_view') == true) {

				var containerBottom = parseInt($('.project').css('bottom'));

			} else {

				var containerBottom = 0;

			}

		} else {

			var container = 0;
			var parent = 0;
			containerBottom = 0;

		}

		Cargo.Plugins.elementResizer.setOptions({
			forceVerticalMargin:  $(window).height() - Design.data.stageHeight + projPadTop + projPadBot,
			forceHorizontalMargin: parent - container + 40
		});

	},

	imageScroll: function() {

		// scroll project_media image based on location in the window

		var media 					= $('.project_media .img_holder img'),
			moreThanOne				= $(media).length > 1,
			scrollContainer			= $('#slide_container'),
			projectContent			= $('.project_content').width() + $('.project_content').css('margin-right'),
			projectLeftMargin		= parseInt($('.project').css('padding-left')),
			entryWidth				= $('.entry').width(),
			stageWidthHalf			= Design.data.stageWidth / 2,
			thumbnailLocation		= $('#thumbnails').position().left,
			thumbnailPadding		= parseInt($('#thumbnails').css('margin-left')),
			noThumbsProj			= Cargo.Model.DisplayOptions.get('thumbs_below_projects') && Cargo.Helper.GetCurrentPageType() == "project",
			noThumbsPage			= Cargo.Model.DisplayOptions.get('thumbs_below_pages') && Cargo.Helper.GetCurrentPageType() == "page",
			imgPadding				= parseInt($('.project_media img').css('margin-right'));


		if (moreThanOne) {
			// if more than 1 image, identify first image

			$(media).first().addClass('first');

		} else if (!moreThanOne) {
			// else, if only one image and no thumbs to the right, identify as loner

			$(media).first().addClass('loner');

		}

		// identify last image
		$(media).last().addClass('last');


		// for each image
		media.each(function() {

			var	lonerImg 		= $(this).hasClass('loner'),
				distanceRightH	= this.getBoundingClientRect().right;

			// hover conditions
			$(this).on('mouseenter', function(e) {

				e.preventDefault();

				// if the image is a loner and is completely in view, don't use pointer
				if (lonerImg && (distanceRightH < $(window).width())) {
					$(this).css('cursor', 'default');
				} else {
					$(this).css('cursor', 'pointer');
				}

			}).on('mouseleave', function(e) {

				$(this).css('cursor', 'default');

			});


			// click conditions
			$(this).on('click', function(e) {

				e.preventDefault();

				// image properties
				var	imgWidth		= $(this).width(),
					imgLeft			= $(this).closest('.img_holder').position().left + projectLeftMargin,
					inView			= $(this).is(':in-viewport'),
					lastImg			= $(this).hasClass('last'),
					firstImg		= $(this).hasClass('first'),
					imgRight		= imgLeft + imgWidth,
					distanceLeft	= this.getBoundingClientRect().left,
					distanceRight	= this.getBoundingClientRect().right,
					distFromRight	= Design.data.stageWidth - distanceRight,
					transitionFlag	= false;

				// image position conditions
					windowLeft		= $(scrollContainer).scrollLeft(),
					windowRight		= windowLeft + Design.data.stageWidth,
					isOffRight		= inView && (Design.data.stageWidth < distanceRight),
					isOffLeft		= inView && (0 > distanceLeft),
					isOff			= isOffLeft || isOffRight,
					inFullView		= inView && !isOffRight && !isOffLeft,
					isCenter		= inView && (distanceLeft < stageWidthHalf) && (distanceRight > stageWidthHalf);

				// next image properties
				if (!lastImg) {

					nextImg			= $(this).closest('.img_holder').next(),
					prevImg			= $(this).closest('.img_holder').prev(),
					nextImgPos		= $(nextImg).position().left + projectLeftMargin,
					nextImgPosMid	= ((Design.data.stageWidth - $(nextImg).width() + imgPadding) / 2);

				}

				// go to this image
				if ((transitionFlag == false) &&
					(	(!inFullView && !isCenter && !firstImg && !lastImg && (!nextImg.is(':in-viewport')) && (!prevImg.is(':in-viewport')))
					||	(isOffRight && !lastImg && !firstImg && !isCenter)
					||	(isOffLeft && !lastImg && !firstImg && !isCenter)
					||	((firstImg && isOffRight && !isOffLeft) || (firstImg && isOffLeft && !isOffRight))
					||	(!inFullView && !firstImg && ((nextImg.is(':in-viewport')) || (prevImg.is(':in-viewport'))))
					||	(firstImg && (distanceRight < stageWidthHalf) && inFullView)
					||	(lastImg && isOff)
					||	(inFullView && (distanceRight < stageWidthHalf) && !lastImg && !isCenter && !firstImg)
					||	(inFullView && (distanceLeft > stageWidthHalf) && !lastImg && !isCenter)
					||	(inFullView && !isOff && !lastImg && !firstImg && isCenter && (nextImg == lastImg))
						)) {

								transitionFlag = true;
								$(scrollContainer).animate({
									scrollLeft: imgLeft - ((Design.data.stageWidth - imgWidth) / 2)
								}, 300, 'easeInOutCubic', function() {
									transitionFlag = false;
								});


				// go to the next image
				} else if ((transitionFlag == false) &&
					(	(inFullView && firstImg && !lastImg)
					||	(inFullView && !isOff && !lastImg && !firstImg && isCenter && (nextImg !== lastImg))
					||	(inFullView && firstImg && !lastImg && !isCenter && (distanceRight < stageWidthHalf))
					||	(isOff && !lastImg && !firstImg && isCenter && (!nextImg.is(':in-viewport')) && (!prevImg.is(':in-viewport')))
					||	(!isOff && !lastImg /* && !firstImg */ && isCenter && (nextImg.is(':in-viewport')) && (prevImg.is(':in-viewport')))
					||	(firstImg && isOffRight && isOffLeft)
						)) {

								transitionFlag = true;
								$(scrollContainer).animate({
									scrollLeft: nextImgPos - nextImgPosMid
								}, 300, 'easeInOutCubic', function() {
									transitionFlag = false;
								});

				// if is the last image
				} else if ((transitionFlag == false) &&
						(inFullView && lastImg && isCenter && !lonerImg)
					||	(!isOff && lastImg && isCenter && lonerImg && (windowLeft > 0))
					||	(inFullView && lastImg && !lonerImg && !isCenter && (distanceLeft > stageWidthHalf))
						) {

								transitionFlag = true;
								$(scrollContainer).animate({
									scrollLeft: 0
								}, 250, 'easeInOutCubic', function() {
									transitionFlag = false;
								});


				// if is a loner (completely in viewport and there is no content to the right)
				} else if ((transitionFlag == false) &&
						(lonerImg && inFullView && (windowLeft <= 0))
						) {

							// do nothing

				}

			});

		});

	},

	Mobile : {
		init: function() {

			if ( Cargo.Helper.isPhone() ){

				$('body').addClass('phone');

				$('head').append('<meta name="viewport" content="width=device-width">');

				// add max-width to slide
				$('#slide_container').css("max-width", screen.width + "px");

				$('.header_text a, .navigation_toggle').bind( "touchstart", function(){
					return true;
				});

				$('.navigation_toggle').bind("click", function(){

					Design.Mobile.toggleNav();

				});

				$('.navigation').bind( "touchstart", function(e){

					var touchtarget = $(e.target);

					if ( !touchtarget.is('a') ) {

						Design.Mobile.toggleNav();

					}

				});

				Cargo.Event.on("project_load_complete", function(pid) {

					Design.Mobile.toggleNav(true);

				});

			} else if ( Cargo.Helper.isTablet() ) {

				ratio = window.devicePixelRatio;

				$('body').addClass('tablet');
				$('.container').css("max-width", (screen.width * ratio) + "px");

			} else {

				$('body').addClass('desktop');

			}

			// Add attribute once this is done
			$('body').attr('data-mobileload', 'true');

		},

		toggleNav: function(closeNav){

			if ( $('.navigation_toggle').is(".active") || closeNav ){

				$(".navigation, .navigation_toggle").removeClass("active");

			} else {

				$(".navigation, .navigation_toggle").addClass("active");

			}

		}
	}
};


/*********************************************
 *
 * Helpers
 *
 *********************************************/

 Site.Helper = {

	formatText : function(node, includeWhitespaceNodes) {

		var validTags			= ['img', 'object', 'video', 'audio', 'iframe', 'div'],
			keepClass 			= ['in-text'],
			nodeContents		= node.contents(),
			newPageFromCache	= true,
			textPages			= {},
			pageCache			= [],
			pageCount			= 0;

		// inline helper functions
		var _isValidText = function(txt, strict) {

			if (txt !== undefined) {
				txt = txt.replace(/<!--([\s\S]*?)-->/mig, "");
				txt = txt.replace(/(\r\n|\n|\r|\t| )/gm, "");
				txt = txt.replace(/[^A-Za-z0-9\s!?\.,-\/#!$%\^&\*;:{}=\-_`~()[[\]]/g, "");

				if (txt.length > 0) {
					return true;
				}
			} else {
				if (strict) {
					return false;
				} else {
					return true;
				}
			}

			return false;

		}

		var _getTag = function(el) {

			if (typeof el !== "undefined") {
				var tag = el.tagName;

				if (typeof tag === "undefined") {
					tag = 'text';
				}

				return tag.toLowerCase();
			}

		}

		nodeContents.each(function(key, val) {

			if ($.inArray(_getTag(val), validTags) >= 0) {
				// Don't do anything here
				if($.inArray($(val).attr('class'), keepClass) >= 0) {
					pageCache.push(val);
				}

			} else {
				if (_isValidText(val.data) && val.nodeType != 8) {
					pageCache.push(val);
				}
			}

		});

		// Still some stuff left in cache
		if (pageCache.length > 0) {

			// Check if it needs a new page
			for (var i = 0; i < pageCache.length; i++) {
				if (pageCache[i].nodeType == 8 || pageCache[i].nodeName == "SCRIPT" || pageCache[i].nodeName == "STYLE") {
					// Contains text, create new page
					newPageFromCache = false;
				}
			}

			if (newPageFromCache) {
				// Create new page
				textPages[pageCount] = pageCache;
				pageCache = [];
				pageCount++;
			} else {
				for (var i = 0; i < pageCache.length; i++) {
					// Dump and hide remaining elements
					$(pageCache[i]).hide().appendTo($('.project_footer'));
				}
			}

		}

		$.each(textPages, function(key, arr) {

			var breaks = 0;
			$.each(arr, function(key, el) {
				if (el.nodeName == "BR") {
					 breaks++;
				}

			});

			if (breaks < arr.length) {
				var first = arr[0],
					parent = $('<p />');

				$(first).before(parent);

				$.each(arr, function(key, el) {
					$(el).appendTo(parent);
				});



			} else {

				$.each(arr, function(key, el) {
					$(el).remove();
				});
			}

		});

		$('.project_content p').each(function(key) {

			// Strip leading <br>
			var found_text = false;
			$(this)
				.contents()
				.filter(function() {
					if(this.nodeName != "br") {
						found_text = true;
					}
					return (!found_text);
				})
				.remove();

		});

	}

 };

 Site.Project = {

	 Data : {

		'file_name'			: 'thumb_size.json',
		'size_var'			: 'thumb_size_list',
		'thumb_size_list'	: false,
		'open'				: false

	},

	loadComplete : function() {

		setTimeout(function(){
			Site.Project.Data.open = true;
		}, 100);

		// Cache
		var self			= Site.Project,
			data			= { },
			ignoreList		= '.project_title, .project_footer, span img, .in-text, .in-text *',
			mediaElements	= 'img, video, iframe, object, audio, embed, div';

		// Cache
		Site.$el.entry          = $('.entry');
		Site.$el.projectContent = $('.project_content');
		Site.$el.projectMedia   = $('.project_media');

		// Only split on projects
		if ( Cargo.Helper.GetCurrentPageType() =="project" || Cargo.Helper.GetCurrentPageType() =="page" ){
			// Split the content into blocks
			Site.Helper.formatText(Site.$el.projectContent);

			// Move elements into containers
			Site.$el.projectContent
				.children(mediaElements)
				.not(ignoreList)
				.appendTo(Site.$el.projectMedia);
		};

		Site.$el.projectMedia.append('<img src="/_gfx/spacer.gif" class="spacer" width="1" height="2000" style="pointer-events:none; padding: 0; margin: 0; position: absolute; z-index: -99">');


		if ($('.project_content p').length > 0) {
			// Make double <br> into single
			$(".project_content p").html($(".project_content p").html().replace(/(<br\s*\/?>){2,2}/gi,'<br>'));
			// Strip the first <br> if it is first
			$(".project_content p").html($(".project_content p").html().replace(/^(<br\s*\/?>)/,''));
			// Wrap everything
			$('.project_content p').wrap('<div class="textcolumns"></div>');
		}

		// Wrap all breaks in spans to measure their position
		$('.project_content p br').wrap('<span class="break_span" />');

		// If embedded objects have 100%, give them a max width of the user's max image width
		var embeddedMedia = $('.project_media > iframe, .project_media > object, .project_media > video, .project_media > audio, .project_media > embed');

		$(embeddedMedia).each(function() {
			if ($(this).attr('width') == '100%') {
				$(this).attr('width', parseInt(Cargo.Model.DisplayOptions.GetImageWidth()));
			}
		});

		// Prepend the title to the project content container, set width to text column width
		columnWidth = parseInt($('.project_content .textcolumns').css('width'));
		$('.project_title').prependTo('.project_content').css('maxWidth', columnWidth + 'px');

		// If there is no title and no content, remove the content div
		var title_exists = Cargo.Model.DisplayOptions.get('title_in_project') && Cargo.Model.Project.get("show_title") && $('.project_title').css("display") != "none";
		var content_exists = $.trim( $('.project_content').html()).length > 0 && $('.project_content').css("display") != "none";
		var footer_exists = $('.project_footer').css("display") != "none" && $.trim( $('.project_footer > *').not('.editlink').html()).length > 0;

		if ( !title_exists && !content_exists && !footer_exists){
			$('.project_content, .project_footer').hide();
		}

		// Remove project media if no content
		if ((!$.trim( $('.project_media').html() ).length )) {
			$('.project_media').remove();
		}

		// Remove footer if no content
		if ((!$.trim( $('.project_footer').html() ).length )) {
			$('.project_footer').remove();
		}

		// if no project media, no margin right
		if ($('.project_media').length <= 0) {
			$('.project_content').css('margin-right', '0');
		}

		// Append the footer if there is text to the text container, or append it to project_content
		if ($('.textcolumns').length > 0) {
			$('.project_footer').appendTo('.project_content .textcolumns');
		} else {
			$('.project_footer').appendTo('.project_content');
		}

		// add img_holder around each project media img
		$('.project_media > img').not('.spacer').wrap('<div class="img_holder" data-elementresizer-no-centering />');


		// remove margin right from last img
		$('.project_media > .img_holder:last').find('img').css('margin-right', '0');

		// Set variables for calculating ColumnizeText
	    Design.setStageProperties();
	    Design.titleHeight();
		Design.intextImageHeight();

		// Find the height of the content before it is columnized
		Design.data.textBodyStartHeight = $('.project_content .textcolumns').height() + Design.data.intextImageHeight;

		// Add event to fire things when it is complete
		Cargo.Event.trigger("formatting_complete", "Cargo");

	},

	mediaLinks: function () {

		// if user wants an image to have an external link (they must wrap with a blank div)
		// Make sure this div works in element resizer and has a set heigh & width

		$('.project_media > div').each(function() {

			if (this.attributes.length === 0 ){

				imgPadding = parseInt($('.project_media img').css('margin-right'));
				this_Width = $(this).find('img').width();

				$(this).attr('data-elementresizer-no-centering', '');
				$(this).find('a').attr('data-elementresizer-no-centering', '');

				$(this).width(this_Width + imgPadding);
				$(this).find('a').width(this_Width + imgPadding);
				$(this).find('img').css('margin-left', '0');

			}

		});

	}

};

/**
 * Events
 */

$(function() {

	Design.data.phoneHeight = window.innerHeight;

	Design.setMobileHeight();

	// run mobile init if it has not already
	if (!$('body').hasClass('phone')) {
		Design.Mobile.init();
	}

	// if not on the phone, format sets
	if (!Cargo.Helper.isPhone()) {
		Design.setFormatting();
	}

	Cargo.Core.ReplaceLoadingAnims.init();
	Design.bindKeys();
	Design.hoverProject();

	// hide the project until ready to show
	$('.project').css('visibility', 'hidden');

	$('body.phone .project_thumb').each( function(){

		img = $(this).find('img');
		imgWidth = img.width();
		phoneWidth = imgWidth / 2;

		$(this).css({
			'maxWidth': phoneWidth + 'px',
			'width': '100%',
			'minWidth': '120px'
		});
		$(this).attr('data-phone-size', 'true');

	});

	if (Cargo.Helper.isMobile()) {
		setTimeout(function(){
			Design.setResizerOptions();
		}, 50)
	}

});


// Window Resize
$(window).on('resize', function() {

    Design.setStageProperties();

	Design.columnizeText();

	Site.Project.mediaLinks();

	Design.setResizerOptions();

	if (Cargo.Helper.isMobile()) {
		setTimeout(function(){
			Design.setResizerOptions();
		}, 50)
	}

$('.project_media').width(Design.data.allMediaWidth);

	Design.setProjectMediaSize();

});

// Project Load Complete
Cargo.Event.on("project_load_complete", function(pid) {

	Design.setBrightness();

	// load complete sometimes fires before doc.ready
	// For direct links, this is a problem, so delay this event
	if($("body[data-mobileload!='true']").length == 1) {
		setTimeout(function() {
			Cargo.Event.trigger("project_load_complete", pid);
		}, 100);
		return false;
	}

	// Remove active state on Set link if thumbnails are hidden
	if ( (Cargo.Helper.GetCurrentPageType() =="page" && !Cargo.Model.DisplayOptions.get("thumbs_below_pages") && Cargo.Helper.IsOnSet()) ) {

		$('.set_link.active').removeClass("active");

	}

	Design.setMobileHeight();

	Design.setStageProperties();


	Site.Project.loadComplete();

	Site.Project.mediaLinks();

	$('.project_media').width(Design.data.allMediaWidth);
	Design.setProjectMediaSize();

	setTimeout(function(){
		Design.setResizerOptions();
	}, 200)

	setTimeout(function(){
		Cargo.Helper.ScrollToLeft( $('#slide_container') );
		Design.setResizerOptions();
	}, 50)


	// scroll to left of project if you click on the active project thumb
	$('.project_thumb.active ').click( function() {
		setTimeout(function() {
			Cargo.Helper.ScrollToLeft( $('#slide_container') );
		}, 10)
	});


});

Cargo.Event.on("project_change", function() {

	if (Cargo.Helper.isPhone()) {
		Design.setResizerOptions();
	}

});

Cargo.Event.on("project_load_start", function() {

	$('.project_media').css('visibility', 'hidden');

});

Cargo.Event.on("formatting_complete", function() {

	Design.captionFormatting();

	Design.columnizeText();

	$('.project').css('visibility', 'visible');

	if (!Cargo.Helper.isMobile() && Cargo.Model.DisplayOptions.get('image_scroll') == true && Cargo.Model.DisplayOptions.get('lightbox_view') == false) {

		Design.imageScroll();

	}

	//Re-check for audio components that have moved
	Cargo.Core.Audio.CheckForAudio();

});


Cargo.Event.on("elementresizer_update_complete", function() {

// 	Set width for project media
	$('.project_media').width(Design.data.allMediaWidth);
	Design.setProjectMediaSize();

});

Cargo.Event.on("pagination_complete", function() {

	Design.hoverProject();

	$("body.phone .project_thumb[data-phone-size!='true']").each( function(){

		img = $(this).find('img');
		imgWidth = img.width();
		phoneWidth = imgWidth / 2;

		$(this).css('maxWidth', phoneWidth + 'px');
		$(this).css('width', '100%');

	});

});

Cargo.Event.on("column_complete", function() {

	Design.setProjectMediaSize();
	Design.noBreaksOnTop();


});


Cargo.Event.on("show_index_start", function() {

	Design.setStageProperties();
	// run mobile init if it has not already
	if (!$('body').hasClass('phone')) {
		Design.Mobile.init();
	}

	Design.setProjectMediaSize();

});

Cargo.Event.on("admin_edit_load_complete", function() {});

Cargo.Event.on("show_index_complete", function(pid) {

	Design.setStageProperties();
	Design.setBrightness();

});


Cargo.Event.on("slideshow_on", function(el, obj) {

	Design.setProjectMediaSize();

});

Cargo.Event.on("reseed_navigation_complete", function() {

	// hide the index before the page reloads
	$('#index').css('visibility', 'hidden');

	// if not on the phone, format sets
	if (!Cargo.Helper.isPhone()) {
		Design.setFormatting();
	}

	// hard reload the page
	document.location.href = document.location.href;

});

Cargo.Event.on("first_project_collection_reset", function() {

	Design.setStageProperties();

	Design.setResizerOptions();

});

Cargo.Event.on("fullscreen_destroy_hotkeys", function() {

    Design.bindKeys();

});

Cargo.Event.on('fullscreen-initialized', function(fullscreen_view){
    fullscreen_view.prevent_smart_image_picking = true;
});

// easeOutExpo easing effect (used in imageScroll)
jQuery.extend( jQuery.easing,
	{
		easeOutExpo: function (x, t, b, c, d) {
		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
	},
});


// https://gist.github.com/kozo002/6806421
// brightness.js by kozo yamagata

jQuery.fn.brightness = function() {
  var bg_color, rgba, y;
  bg_color = this.css('background-color');
  if ((bg_color != null) && bg_color.length) {
    rgba = bg_color.match(/^rgb(?:a)?\(([0-9]{1,3}),\s([0-9]{1,3}),\s([0-9]{1,3})(?:,\s)?([0-9]{1,3})?\)$/);
    if (rgba != null) {
      if (rgba[4] === '0') {
        return 'light';
      } else {
        y = 2.99 * rgba[1] + 5.87 * rgba[2] + 1.14 * rgba[3];
        if (y >= 1275) {
          return 'light';
        } else {
          return 'dark';
        }
      }
    }
  } else {
	  // if there is no background color, then just return light
	  return 'light';
//     if (this.parent().length) return this.parent().brightness();
  }
};