Intros

http://gianlucaguarini.github.io/jquery.html5loader/examples/demo-nprogress.html

by Apple Ilagan

HTML

<script src="https://raw.githubusercontent.com/GianlucaGuarini/jquery.html5loader/master/src/jquery.html5Loader.js"></script>
<script src="https://raw.githubusercontent.com/GianlucaGuarini/jquery.html5loader/master/src/animations/jquery.html5Loader.line.js"></script>
<script src="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/src/cycle.js"></script>
<div class="theflash">
<div id="flashbanner">
<div class="skipintro">--- Skip Intro ---</div>
<div class="email"><img src="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/slogan.png" border="0" usemap="#email" />
<map name="email" id="email"><area shape="rect" coords="154,33,286,60" href="mailto:[email protected]" /></map>
</div>
<div class="searchbtn"><a href="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/york-mls-search"><img src="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/search.gif" /></a></div>
<div class="agents"><img src="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/agents.png" /></div>
<div class="roof_logo"><img src="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/uploads/2014/06/my-logo.png" /></div>
<div class="tagline_roof">
<div class="roof1"><img src="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/roof1.png" /></div>
<div class="roof2"><img src="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/roof2.png" /></div>
<div class="roof3"><img src="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/roof3.png" /></div>
<div class="roof4"><img src="http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/roof4.png" /></div>
<div class="tagline1"><img...

CSS

/*http://aios-staging.agentimage.com/mcarr_pending.com/htdocs*/
body{background:#000;}
.home .home-menu { display: none !important; }
.home #navigation li:first-child + li { padding-left: 0 !important; } 
img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; 
/* IE8 */ 	
}
.skipintro {position:absolute; right:120px; top:80px; color:#f6d385; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; cursor:pointer; display:none;}
.theflash {position:relative; width:100%; margin:0 auto; min-width:1191px;}
#flashbanner {width:1191px; height:776px; margin:0 auto; position:relative;}
.gradient {position:absolute; width:100%; margin:0 auto; height:776px; background:url(http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/gradient.png) top center no-repeat; top:0; display:none; z-index:0; min-width:1191px;}
.roof_logo {width:333px; height:auto; margin:118px 0 0 418px; display:none; position:absolute;}
.tagline_roof {width:100%; position:absolute; min-width:1191px;}
.tagline1 {width:333px; height:137px; margin:250px 0 0 420px; display:none; position:absolute;}
.tagline2 {width:333px; height:137px; margin:250px 0 0 420px; display:none; position:absolute;}
.tagline3 {width:333px; height:137px; margin:250px 0 0 420px; display:none; position:absolute;}
.tagline4 {width:333px; height:137px; margin:250px 0 0 420px; display:none; position:absolute;}
.roof1 {width:333px; height:80px; margin:50px 0 0 420px; display:none; position:absolute;}
.roof2 {width:333px; height:80px; margin:50px 0 0 420px; display:none; position:absolute;}
.roof3 {width:333px; height:80px; margin:50px 0 0 420px; display:none; position:absolute;}
.roof4 {width:333px; height:80px; margin:50px 0 0 420px; display:none; position:absolute;}
.searchbtn {width:234px; height:131px; margin:0 0 0 440px; display:none; position:absolute;...

JavaScript

var files = {
				files: [
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/slogan.png",
						"type": "IMAGE"
					},
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/agents.png",
						"type": "IMAGE"
					},				
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/logowithroof1.png",
						"type": "IMAGE"
					},
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/roof1.png",
						"type": "IMAGE"
					},				
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/roof2.png",
						"type": "IMAGE"
					},
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/roof3.png",
						"type": "IMAGE"
					},
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/roof4.png",
						"type": "IMAGE"
					},
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/tagline1.png",
						"type": "IMAGE"
					},
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/tagline2.png",
						"type": "IMAGE"
					},
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/tagline3.png",
						"type": "IMAGE"
					},				
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/tagline4.png",
						"type": "IMAGE"
					},				
					{
						"source": "http://aios-staging.agentimage.com/mcarr_pending.com/htdocs/wp-content/themes/mcarr_sc/flash/banner1.png",
						"type":...