slidebox-js/src/plugin/includes/saveState.js

A jQuery plugin for easy creation of responsive lightbox-style media galleries and carousels.

// jshint ignore: start

function createState(path, hash, title) {
	
	var state = {
		'path'	: path,
		'hash'	: hash,
		'title'	: title
	}
	
	return state;
	
}


function getState() {
	
	var indexPath = window.location.pathname,
		query = window.location.search.slice(1),
		hash = window.location.hash.substring(1),
		indexTitle = document.title,
		state = createState(indexPath, hash, indexTitle);
		
	if (debug) {
		console.log('indexPath: ' + indexPath);
		console.log('hash: ' + hash);
		console.log('indexTitle: ' + indexTitle);
	}
		
	return state;
	
}


function createPath(path, slug) {
	
	var	pathArray = path.split( '/' ),
		pathLength = pathArray.length,
		//newPath = pathLength > 2 ? '/' + pathArray[pathLength-2] + '/' + slug + '/' : '';
		newPath = path + slug + '/';
	
	if (debug) {
		//console.log('pathArray: ('+pathLength+')');
		//console.log(pathArray);
		//console.log('newPath: ' + newPath);
	}
	
	return newPath;
	
}


function loadState(state) {
	
	var itemPath = state.path,
		itemTitle = state.title;
	
	if (debug) {
		//console.log( 'new hash = ' + slug );
		console.log( 'itemPath = ' + itemPath );
		console.log( 'itemTitle = ' + itemTitle );
	}
	
	//document.location.hash = $box.attr('id');
	if (itemPath !== '') history.pushState('', itemTitle, itemPath);
	document.title = itemTitle;
	
}


function resetState() {
	
	document.location.hash = '';
	history.pushState('', indexTitle, indexPath);
	document.title = indexTitle;
	
}


function setScroll($box) {
	
	var $container = $box.parent();
	
	if ($box.hasClass('box-has-content')) { // Allow for vertical scroll
		$container.addClass('allow-scroll');
		if (debug) console.log('hello there');
	} else {
		$container.removeClass('allow-scroll');
	}

}