FLEE ISSUE 02 BUILD NOTES

-http://stackoverflow.com/questions/15745296/how-do-i-actually-use-history-js-on-my-site

-on pop state if url has hash do something

-http://www.thecssninja.com/javascript/stealing-history-api

-just for mine do the skeleton thing.. not for all of them! 

Take a bow, for at the end: 
-video of hand doing command R
-js end() = code
-page refresh icon spinning
-curtain ovelay appears then refresh (so with delay)?

shadow = hover to get code skeleton

TO FIX:

-fix safari so margin-top is specific css

-fix back button so you go back to the page with the div open

-fix chrome so that everything is hidden and top deoesn't jump up on refresh

-fix chrome so back button goes to the open div not to start

-question of delays.. how pause when you click on a link, how sync timing? 

<div id="feet-close">
			<i class="fa fa-times"></i>
		</div>

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

margin-top:39%;
margin-top:-30%;
margin-top:-50%;

if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1 ) {
	window.onbeforeunload = function (e) {
		e.preventDefault();
		history.pushState(null, null, location.href);
		window.onpopstate = function(event) {
			history.go(1);
		};
		};
	} else {
		history.pushState(null, null, location.href);
		window.onpopstate = function(event) {
			history.go(1);
		}
	}
}

var is_chrome = navigator.userAgent.indexOf('Chrome') > -1;
		var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
		var is_safari = navigator.userAgent.indexOf("Safari") > -1;
		if (is_chrome) {
			$('#dances').css('marginTop', '-50%');
		} else if (is_firefox) {
			$('#dances').css('marginTop', '39%');
		} else if (is_safari) {
			$('#dances').css('marginTop', '-33%');
		}


@-moz-document url-prefix() {
#dances {
	z-index:1001;
	position:absolute;
	margin-top:39%;
	width:100%;
	height:100%;
	display:none;
	background-color:#fcf8ff;
}
}

margin-top:-50%;
margin-top:-30%;

When you click on a div need an overlay to appear in the position of the scroll