<!DOCTYPE html>

<html lang="en" xmlns:fb="http://ogp.me/ns/fb#">
<head>
    <meta charset="utf-8" />
    <title>Stereofame.com</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
	<meta name="viewport" content="width=960" />
    <meta name="robots" content="all" />
	<meta property="og:title" content="Stereofame.com" />
	<meta property="og:type" content="website" />
	<meta property="og:image" content="/images/sf.220x106.gif" />
	<meta property="og:url" content="http://stereofame.com" />
	<meta property="og:site_name" content="Stereofame.com" />
	<meta property="fb:admins" content="825384018" />
	<meta property="og:description" content="" />
    <meta property="og:locale" content="en_US" />
	<link rel="canonical" href="http://stereofame.com/" />
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="/style/sf.min.css" />
	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
</head>
<body class="page_">
	<div class="outside">
		<div class="header">
			<h1><span>Stereofame.com</span></h1>
			<div class="picker">
				<a href="/" class="button"><span>TOP 44 Hits<br /><small>for April 30, 2015</small></span></a>
			</div>
		</div>
		<div class="wrapper">
			
<div class="player loading" data-src="/ajax/videos.json" data-template="video-template"></div>

		</div>
		<div class="footer">
			<p>STEREOFAME<sup>&reg;</sup> is a registered service mark of Stereofame, Inc.<br />&copy; 2015 Stereofame. All rights reserved.</p>
			<ul>
				<li><a href="/">Home</a></li>
				<li><a href="/terms.html">Terms of Use</a></li>
				<li><a href="/privacy.html">Privacy Policy</a></li>
				<li><a href="/contact.html">Contact Us</a></li>
				<li><a href="/jdash-bookings.html">J. Dash Bookings</a></li>
			</ul>
		</div>
	</div>
	<div id="fb-root"></div>


	<!-- templates -->
	<script id="video-template" type="text/x-handlebars-template">
		<a href="#" class="prev button" onclick="return SFVideoPlayer.prevVideo();"><span>&lt;</span></a>
		{{#videos}}
		<div class="video {{type}}" data-song="{{song.uid}}" data-artist="{{artist.username}}">
			<img src="{{artist.pic.url}}" width="{{artist.pic.w}}" height="{{artist.pic.h}}" alt="{{artist.name}}" />
			<h2>{{song.title}}</h2>
			<h3>{{artist.name}}</h3>
			<a href="{{song.itunes}}" target="_blank" class="itunes"><span>Purchase on iTunes</span></a>
			<div class="vid shadow lifted" data-src="{{src}}" data-width="940" data-height="529"></div>
		</div>
		{{/videos}}
		<a href="#" class="next button" onclick="return SFVideoPlayer.nextVideo();"><span>&gt;</span></a>
	</script>


	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
	<script type="text/javascript" src="/js/sf.min.js"></script>
	<script type="text/javascript">
		(function() {
			var firstScriptTag = document.getElementsByTagName('script')[0];
			var tag = document.createElement('script');
			tag.src = "https://www.youtube.com/player_api";
			firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
		})();
		function onYouTubePlayerAPIReady() {
			SFPage.init({ ga: {acct:'UA-89177-14', domain:'stereofame.com'}, addthis: { acct: null } });
			
		}
	</script>
</body>
</html>
