<!DOCTYPE html>
<html lang="en" >
	<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article# music: http://ogp.me/ns/music#">
	  	<meta charset="utf-8">
	  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <title>Scott Sparx |  hearthis.at</title>
    	<meta name="description" content="Listen to music and sounds from Scott Sparx and explore tracks and mixes on hearthis.at" /> 
        <meta property="fb:app_id" content="465098246878841" /> 
        <meta name="apple-itunes-app" content="app-id=914459618">
        <meta name="referrer" content="origin">
        <link rel="alternate" type="application/rss+xml" title="new tracks and sounds on hearthis.at" href="https://hearthis.at/new_tracks.rss" />
        
        <link rel="dns-prefetch" href="//images.hearthis.at">
        <meta name="google-site-verification" content="lKt4IW71hPNzdYSrJXIqDl5ZC8sqpppJqoNtIqVOf1I" />
        
        <meta property="og:title" content="Scott Sparx" />
        <meta property="og:image" content="https://images.hearthis.at/c/r/o/_/uploads/61492/image_user/scott-sparx----w1200_h630_q70_m1492315933----cropped_8b0b31cdfa020d0ec6236a60a7adc048scottsparxlogo.jpg" />
        
        <meta property="og:description" content="Listen to music and sounds from Scott Sparx and explore tracks and mixes on hearthis.at"/>
        <meta property="og:site_name" content="hearthis.at"/>
        <meta name="robots" content="index,follow,noarchive" />
        <link rel="canonical" href="https://hearthis.at/scottsparx/" />
        <link rel="alternate" href="android-app://at.hearthis.android/https/https://hearthis.at/scottsparx/" />
    
        <link href="/favicon.ico" rel="shortcut icon" type="image/png" /> 
    	<link href="/apple-touch-icon.png" rel="apple-touch-icon" />      
    	
    	<link rel="stylesheet" href="/minify/?g=cssheader&version=312508">
    	
    	<meta name="google-site-verification" content="lKt4IW71hPNzdYSrJXIqDl5ZC8sqpppJqoNtIqVOf1I" />
        <meta name="msvalidate.01" content="C8F4F574451ECAB163D327E29BAB810E" />
    	
    	<script type="application/ld+json" src="/_/javascripts/google.search.js"></script>
    	<link rel="search" type="application/opensearchdescription+xml" title="hearthis.at" href="https://hearthis.at/search_opensearch.xml">
    	   
	        
	        <script src="/_/v3/vendor/hogan-3.0.1.js"></script>
	        <script src="/_/v3/vendor/bluebird.min.js"></script>
	        
	        
	        <script src="/min/?g=jsheader&version=312508"></script>
	        
	        
	        <script src="/js_language.php?version=312508&lang=en"></script>
	        
	        
				<script src="https://smartlock.google.com/client" async></script>    
				<script>
				window.onGoogleYoloLoad = (googleyolo) => {
					jQuery(".btn-google-login").removeClass("hidden");
				}
				</script>
				
	        
	        <link rel="manifest" href="/manifest.json">
	        	
			<script>
			
			
			if(location.hostname !== "hearthis.at"){
				location.href = "https://hearthis.at";
			}
			
	        
			  jQuery("body").data("title", "Scott Sparx |  hearthis.at");
	        	
	        </script>

	        
	        <!-- Matomo -->
			<script type="text/javascript">
			  var _paq = _paq || [];
			  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
			  _paq.push(["trackPageView"]);
			  _paq.push(["enableLinkTracking"]);
			  (function() {
			    var u="//stats.hearthis.at/";
			    _paq.push(["setTrackerUrl", u+"piwik.php"]);
			    _paq.push(["setSiteId", "1"]);
			    var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0];
			    g.type="text/javascript"; g.async=true; g.defer=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
			  })();
			</script>
			<!-- End Matomo Code -->
	        
	        
	         
	</head>
    <body class="paused ">
    <div itemscope itemtype="http://schema.org/WebSite" class="hidden">
	  <meta itemprop="url" content="https://hearthis.at/"/>
  	  <form itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
	    <meta itemprop="target" content="https://hearthis.at/search/?q={search_term_string}"/>
	    <input itemprop="query-input" type="text" name="search_term_string" required/>
	    <input type="submit"/>
	  </form>
	</div>
    
        <script id="profile-info"> 
        
        strMyUsername = "";
        strProfileUri = "";
        intResume = 1;
        timerange = 365;
        function jumpToProfile() { }
        
        </script>
        
<div class="body">
	<header id="header">
		
		<div class="container">
			<span class="logo header-item">
				<a href="/" class="individual ajaxloader">
					<img alt="hearthis.at" width="167" height="40" src="/_/v3/img/logo.png">
				</a>
			</span>
			
			
			
			<nav class="nav-main mega-menu header-item" id="nav-main">
				<ul class="nav nav-pills nav-main" id="mainMenu">
                    
                    
                    <li class="menu-liven"><a href="/livestreams/" class="ajaxloader hidden-sm hidden-xs" style="color: #cb1606 !important"><i class="fa fa-circle" aria-hidden="true"></i> Live</a></li>
					
                    <li class="menu-popular"><a href="/popular/" class="individual ajaxloader"><i class="fa fa-line-chart hidden-lg" data-toggle="tooltip" data-placement="bottom" title="Popular"></i> <span class="hidden-sm hidden-md">Popular</span></a></li>
                    <li class="menu-featured"><a href="/featured/" class="ajaxloader"><i class="fa fa-star hidden-lg" data-toggle="tooltip" data-placement="bottom" title="Featured"></i> <span class="hidden-sm hidden-md">Featured</span></a></li>
                    
					<li class="mega-menu-item mega-menu menu-categories menu-new">
						<a class="dropdown-toggle ajaxloader individual" href="/new/"><i class="fa fa-map-o hidden-lg" data-toggle="tooltip" data-placement="bottom" title="Explore"></i> <span class="hidden-sm hidden-md"> Explore</span></a>
						<ul class="dropdown-menu">
							<li>
                                
								<div class="mega-menu-content">
									<div class="row">
										<div class="col-sm-12">
                                        <h5>Explore main genres</h5>
                                        </div>
										<div class="col-sm-3">
											<ul class="sub-menu">
												<li><a href="/categories/acoustic/" class="ajaxloader">Acoustic</a></li>
												<li><a href="/categories/ambient/" class="ajaxloader">Ambient</a></li>
												<li><a href="/categories/blues/" class="ajaxloader">Blues</a></li>
												<li><a href="/categories/classical/" class="ajaxloader">Classical</a></li>
												<li><a href="/categories/country/" class="ajaxloader">Country</a></li>
												<li><a href="/categories/folk/" class="ajaxloader">Folk</a></li>
												<li><a href="/categories/funk/" class="ajaxloader">Funk / Soul</a></li>
                                                <li><a href="/categories/heaveymetal/" class="ajaxloader">Heavy Metal</a></li>
												<li><a href="/categories/indie/" class="ajaxloader">Indie</a></li>
												<li><a href="/categories/jazz/" class="ajaxloader">Jazz</a></li>
												<li><a href="/categories/orchestral/" class="ajaxloader">Orchestral</a></li>
												<li><a href="/categories/rock/" class="ajaxloader">Rock</a></li>
												<li><a href="/categories/songwriter/" class="ajaxloader">Singer / Songwriter</a></li>
												<li><a href="/categories/soul/" class="ajaxloader">Soul</a></li>
											</ul>
										</div>
										<div class="col-sm-3">
											<ul class="sub-menu">
												<li><a href="/categories/breakbeat/" class="ajaxloader">Breakbeat</a></li>
												<li><a href="/categories/chillout/" class="ajaxloader">Chillout</a></li>
												<li><a href="/categories/disco/" class="ajaxloader">Disco</a></li>
												<li><a href="/categories/drumandbass/" class="ajaxloader">Drum & Bass</a></li>
												<li><a href="/categories/dubstep/" class="ajaxloader">Dubstep / Bass</a></li>
												<li><a href="/categories/dub/" class="ajaxloader">Dub</a></li>
												<li><a href="/categories/hiphop/" class="ajaxloader">Hip Hop</a></li>
												<li><a href="/categories/industrial/" class="ajaxloader">Industrial</a></li>
												<li><a href="/categories/jungle/" class="ajaxloader">Jungle</a></li>
                                                <li><a href="/categories/rnb/" class="ajaxloader">R&B</a></li>
												<li><a href="/categories/raggae/" class="ajaxloader">Reggae / Dancehall</a></li>
												<li><a href="/categories/trap/" class="ajaxloader">Trap</a></li>
												<li><a href="/categories/urban/" class="ajaxloader">Urban</a></li>
											</ul>
										</div>
										<div class="col-sm-3">
											<ul class="sub-menu">
												<li><a href="/categories/bollywood/" class="ajaxloader">Bollywood</a></li>
												<li><a href="/categories/breakcore/" class="ajaxloader">Breakcore</a></li>
												<li><a href="/categories/clubs/" class="ajaxloader">Clubs</a></li>
                                                <li><a href="/categories/deephouse/" class="ajaxloader">Deep-House</a></li>
                                                <li><a href="/categories/dubtechno/" class="ajaxloader">Dub-Techno</a></li>
												<li><a href="/categories/electro/" class="ajaxloader">Electro</a></li>
												<li><a href="/categories/electonica/" class="ajaxloader">Electronica</a></li>
												<li><a href="/categories/edm/" class="ajaxloader">EDM</a></li>
												<li><a href="/categories/hardcore/" class="ajaxloader">Hardcore</a></li>
												<li><a href="/categories/hardstyle/" class="ajaxloader">Hardstyle</a></li>
												<li><a href="/categories/house/" class="ajaxloader">House</a></li>
                                                <li><a href="/categories/idm/" class="ajaxloader">IDM</a></li>
												<li><a href="/categories/pop/" class="ajaxloader">Pop</a></li>
												<li><a href="/categories/psytrance/" class="ajaxloader">Psytrance</a></li>
												<li><a href="/categories/techhouse/" class="ajaxloader">Tech-House</a></li>
												<li><a href="/categories/techno/" class="ajaxloader">Techno</a></li>
												<li><a href="/categories/trance/" class="ajaxloader">Trance</a></li>
											</ul>
										</div>
										<div class="col-sm-3">
											<ul class="sub-menu">
												<li><a href="/categories/audiobook/" class="ajaxloader">Audiobook</a></li>
												<li><a href="/categories/experimental/" class="ajaxloader">Experimental</a></li>
                                                <li><a href="/categories/indian/" class="ajaxloader">Indian</a></li>
												<li><a href="/categories/instrumental/" class="ajaxloader">Instrumental</a></li>
												<li><a href="/categories/festival/" class="ajaxloader">Music Festivals</a></li>
												<li><a href="/categories/podcast/" class="ajaxloader">Podcast</a></li>
												<li><a href="/categories/radioshow/" class="ajaxloader">Radioshow</a></li>
												<li><a href="/categories/soundtrack/" class="ajaxloader">Soundtrack</a></li>
												<li><a href="/categories/spiritual/" class="ajaxloader">Spiritual</a></li>
												<li><a href="/categories/soundart/" class="ajaxloader">Field Recording, Art, Sound</a></li>
												<li><a href="/categories/world/" class="ajaxloader">World</a></li>
												<li><a href="/categories/other/" class="ajaxloader">Other</a></li>
											</ul>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12" id="own-cats"></div>
									</div>
								</div>
							</li>
						</ul>
					</li>
					
                    <li class="menu-groups"><a href="/groups/" class="ajaxloader individual"><i class="fa fa-users hidden-lg" data-toggle="tooltip" data-placement="bottom" title="Groups"></i> <span class="hidden-sm hidden-md">Groups</span></a></li>
                    
					<li class="mega-menu-item mega-menu menu-maps hidden">
						<a class="dropdown-toggle ajaxloader" href="/maps/" title="Explore on world map"><i class="fa fa-map-marker hidden-lg" data-placement="bottom" title="Maps"></i> <span class="hidden-sm hidden-md">Maps</span></a>
						<ul class="dropdown-menu">
							<li>                                
								<div class="mega-menu-content">
									<div class="row">
                                        <div class="col-sm-12">
                                        <h5>Explore music and sounds inside Maps</h5>
                                        </div>
										<div class="col-sm-3">
											<ul class="sub-menu">
												<li><a href="/maps/acoustic/" class="ajaxloader">Acoustic</a></li>
												<li><a href="/maps/ambient/" class="ajaxloader">Ambient</a></li>
												<li><a href="/maps/blues/" class="ajaxloader">Blues</a></li>
												<li><a href="/maps/classical/" class="ajaxloader">Classical</a></li>
												<li><a href="/maps/country/" class="ajaxloader">Country</a></li>
												<li><a href="/maps/folk/" class="ajaxloader">Folk</a></li>
												<li><a href="/maps/funk/" class="ajaxloader">Funk / Soul</a></li>
                                                <li><a href="/maps/heaveymetal/" class="ajaxloader">Heavy Metal</a></li>
												<li><a href="/maps/indie/" class="ajaxloader">Indie</a></li>
												<li><a href="/maps/jazz/" class="ajaxloader">Jazz</a></li>
												<li><a href="/maps/orchestral/" class="ajaxloader">Orchestral</a></li>
												<li><a href="/maps/rock/" class="ajaxloader">Rock</a></li>
												<li><a href="/maps/songwriter/" class="ajaxloader">Singer / Songwriter</a></li>
												<li><a href="/maps/soul/" class="ajaxloader">Soul</a></li>
											</ul>
										</div>
										<div class="col-sm-3">
											<ul class="sub-menu">
												<li><a href="/maps/breakbeat/" class="ajaxloader">Breakbeat</a></li>
												<li><a href="/maps/chillout/" class="ajaxloader">Chillout</a></li>
												<li><a href="/maps/disco/" class="ajaxloader">Disco</a></li>
												<li><a href="/maps/drumandbass/" class="ajaxloader">Drum & Bass</a></li>
												<li><a href="/maps/dubstep/" class="ajaxloader">Dubstep / Bass</a></li>
												<li><a href="/maps/dub/" class="ajaxloader">Dub</a></li>
												<li><a href="/maps/hiphop/" class="ajaxloader">Hip Hop</a></li>
												<li><a href="/maps/industrial/" class="ajaxloader">Industrial</a></li>
												<li><a href="/maps/jungle/" class="ajaxloader">Jungle</a></li>
                                                <li><a href="/maps/rnb/" class="ajaxloader">R&B</a></li>
												<li><a href="/maps/raggae/" class="ajaxloader">Reggae / Dancehall</a></li>
												<li><a href="/maps/trap/" class="ajaxloader">Trap</a></li>
												<li><a href="/maps/urban/" class="ajaxloader">Urban</a></li>
											</ul>
										</div>
										<div class="col-sm-3">
											<ul class="sub-menu">
												<li><a href="/maps/breakcore/" class="ajaxloader">Breakcore</a></li>
												<li><a href="/maps/clubs/" class="ajaxloader">Clubs</a></li>
                                                <li><a href="/maps/deephouse/" class="ajaxloader">Deep-House</a></li>
                                                <li><a href="/maps/dubtechno/" class="ajaxloader">Dub-Techno</a></li>
												<li><a href="/maps/electro/" class="ajaxloader">Electro</a></li>
												<li><a href="/maps/electonica/" class="ajaxloader">Electronica</a></li>
												<li><a href="/maps/edm/" class="ajaxloader">EDM</a></li>
												<li><a href="/maps/hardcore/" class="ajaxloader">Hardcore</a></li>
												<li><a href="/maps/hardstyle/" class="ajaxloader">Hardstyle</a></li>
												<li><a href="/maps/house/" class="ajaxloader">House</a></li>
                                                <li><a href="/maps/idm/" class="ajaxloader">IDM</a></li>
												<li><a href="/maps/pop/" class="ajaxloader">Pop</a></li>
												<li><a href="/maps/psytrance/" class="ajaxloader">Psytrance</a></li>
												<li><a href="/maps/techhouse/" class="ajaxloader">Tech-House</a></li>
												<li><a href="/maps/techno/" class="ajaxloader">Techno</a></li>
												<li><a href="/maps/trance/" class="ajaxloader">Trance</a></li>
											</ul>
										</div>
										<div class="col-sm-3">
											<ul class="sub-menu">
												<li><a href="/maps/audiobook/" class="ajaxloader">Audiobook</a></li>
												<li><a href="/maps/experimental/" class="ajaxloader">Experimental</a></li>
                                                <li><a href="/maps/instrumental/" class="ajaxloader">Instrumental</a></li>
												<li><a href="/maps/festival/" class="ajaxloader">Music Festivals</a></li>
												<li><a href="/maps/podcast/" class="ajaxloader">Podcast</a></li>
												<li><a href="/maps/radioshow/" class="ajaxloader">Radioshow</a></li>
												<li><a href="/maps/soundtrack/" class="ajaxloader">Soundtrack</a></li>
												<li><a href="/maps/spiritual/" class="ajaxloader">Spiritual</a></li>
												<li><a href="/maps/soundart/" class="ajaxloader">Field Recording, Art, Sound</a></li>
												<li><a href="/maps/world/" class="ajaxloader">World</a></li>
												<li><a href="/maps/other/" class="ajaxloader">Other</a></li>
											</ul>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</li>
                    <li class="dropdown mega-menu-item mega-menu menu-more">
                        <a href="javascript:void(0)" class="dropdown-toggle" style="font-weight: bold; font-size: 16px;">&middot;&middot;&middot;</a>
                        <ul class="dropdown-menu" style="margin-left: -125px;">
							<li>
								<div class="mega-menu-content">
									<div class="row">
										<div class="col-sm-6">
											<ul class="sub-menu">
											     <li><a href="https://play.google.com/store/apps/details?id=at.hearthis.android" class="no-ajaxloader" target="_blank"><i class="fa fa-android"></i> Android App</a></li>
                                                 <li><a href="https://itunes.apple.com/us/app/hearthis.at/id914459618" class="no-ajaxloader" target="_blank"><i class="fa fa-apple"></i> iPhone & iPod App</a></li>
                                                 <li><a href="https://kodi.tv/addon/music-add-ons-plugins/hearthisat" class="no-ajaxloader" target="_blank"><i class="fa fa-television"></i> Kodi App</a></li>
                                                 <li><a data-layer="true" href="/api-v2/" class="ajaxloader">Developers</a></li>
                                			     <li><a href="http://wordpress.org/plugins/hearthisat/" target="_blank">Wordpress Plugin</a></li>
                                			     <li><a href="http://www.t-base-store.de/en/labels-crews/hearthis-at.html" target="_blank">T-Shirts & Co.</a></li>
                                                 <li><a href="https://hearthis.at/_/images/hearthis_logos.zip" target="_blank">Logo & Images</a></li>
                                                  
                                                 <li><a href="https://www.facebook.com/hearthis.at" target="_blank"><i class="fa fa-facebook-official"></i> on Facebook</a></li>
                                                 <li><a href="https://twitter.com/HearThisAt" target="_blank"><i class="fa fa-twitter"></i> on Twitter</a></li>
                                                 <li><a href="https://www.instagram.com/hearthis.at/" target="_blank"><i class="fa fa-instagram"></i> on Instagram</a></li>
											</ul>
										</div>
										<div class="col-sm-6">
											<ul class="sub-menu">
												<li><a data-layer="true" class="ajaxloader" href="/faq/">FAQ / Support</a></li>
                                                <li><a data-layer="true" class="ajaxloader" href="/impressum/">Legal Notice / Disclaimer</a></li>
                                                <li><a data-layer="true" class="ajaxloader" href="/nutzungsbedingungen/">Terms</a></li>
                                                <li><a data-layer="true" class="ajaxloader" href="/datenschutz/">Privacy</a></li>
                                                <li><a data-layer="true" class="ajaxloader" href="/reseller/">Reseller Program</a></li>
                                                <li>Language: <a style="display: inline;" href="https://hearthis.at/?l=en#redirect">En</a><a style="display: inline;" href="https://hearthis.at/?l=de#redirect">De</a><a style="display: inline;" href="https://hearthis.at/?l=fr#redirect">Fr</a><a style="display: inline;" href="https://hearthis.at/?l=es#redirect">Es</a><a style="display: inline;" href="https://hearthis.at/?l=pt#redirect">Pt</a></li>                                                
                                                
											</ul>
										</div>								
									</div>
								</div>
							</li>
						</ul>                                      
                    </li>
				</ul>
				
				 
				
				
			</nav>
			
			<style>
			/*
			#header nav.mega-menu ul.nav-main li.mega-menu-item .dropdown-menu:after,
			.dropwdown.header-item:after {
				position: fixed;
			    content: "";
			    top: 55px;
			    left: 0;
			    right: 0;
			    bottom: 0;
			    z-index: -1;
			    background: rgba(0,0,0,0.3);
			    display: none;
			    opacity: 0;
			}
			
			#header nav.mega-menu ul.nav-main li.mega-menu-item:hover .dropdown-menu:after,
			.dropwdown.header-item.open:after {
			    display: block;
			    opacity: 1;
		        -webkit-transition: opacity .2s;
    			transition: opacity .2s;
			    
			}
			*/
			</style>
			
			
			
			
			
			
			<div class="search hidden-xs">
				<input type="text" class="form-control" id="search" value="">
				<i class="fa fa-refresh fa-spin hidden search-loading" style="position: absolute;top: 18px;right: 10px;"></i>
			</div>
			
			
			
			
				 <div class="btn-group  header-item last-header-item" role="group" aria-label=""  style="margin: 8px 50px 0 5px; float: right">
					<a href="/upload/"  class="btn btn-default no-ajaxloader hidden-xs" target="_blank">Upload</a>
					<a href="/live/" class="ajaxloaderbtn btn-default btn" style="color: #cb1606 !important"><i class="fa fa-circle" aria-hidden="true"></i> Stream Live</a>
				 </div>
				
                 
				<a href="javascript:ajaxLogin('open');" onclick="window.setTimeout(function(){jQuery('.btn-register').trigger('click');},300);" class="btn btn-primary hidden-md hidden-sm hidden-xs header-item " style="margin: 8px 10px 0 5px; float: right">Create account</a>
				<a href="javascript:ajaxLogin('open');" class="btn btn-default header-item" style="margin: 8px 0px 0 5px; float: right">Sign in</a>
				
			
			 
			
			
			
		</div>
		<ul class="micro-player hidden-sm hidden-xs">
            <li class="playing hidden">
            	<span class="playbar">
            		<div class="position"></div>
        		</span>
        		<a href="javascript:void(0);" data-id="0"  data-time="0" class="gotocurrent ajaxloader" title="" data-layer="true"></a>
    		</li>
    		<li class="play_track hover" onclick="jQuery(this).addClass('hidden');"><a href="javascript:void(0);" onclick="play();"><i class="fa fa-play"></i></a></li>
            <li class="pause_track hover hidden" onclick="jQuery(this).addClass('hidden');"><a href="javascript:void(0);" onclick="pause();" ><i class="fa fa-pause"></i></a></li>
			<li class="track_link hover playing hidden" >
				<a href="javascript:void(0);" data-id="0" data-time="0" class="gotocurrent ajaxloader" title=""  data-layer="true">
					<i class="fa fa-eye"></i>
				</a>
			</li>
			
			<li class="play_prev hover playing hidden">
				<a href="javascript:findTrack().setPosition(0);">
					<i class="fa fa-fast-backward"></i>
				</a>
			</li>
			<li class="play_next hover playing hidden">
				<a href="javascript:playNextTrack()">
					<i class="fa fa-fast-forward"></i>
				</a>
			</li>
			<li class="play_repeat hover playing hidden">
				<a href="javascript:void(0);" class="repeat-track">
					<i class="fa fa-repeat" aria-hidden="true"></i>
				</a>
			</li>
			
			
            <li class="volume_control hover">
                <div id="volume_slider">	
                	<span class="tooltip"></span> 
                	<div id="slider"></div>
                	<span class="volume"></span>
                </div>
            </li>
        </ul>
	</div>
	
	
        <div id="play_queue">
    		<span style="position: absolute; left: 6px; top: 0px; z-index: 10; color: #ccc; font-size: 11px; font-weight: 600;">Playlist</span>
    		<i style="cursor: pointer; position: absolute; right: 10px; top: 5px; z-index: 10; color: #aaa;" class="hover fa fa-trash-o" onclick="playlist.clear();"></i>
            <i style="cursor: pointer; position: absolute; right: 30px; top: 5px; z-index: 10; color: #aaa;" class="hover fa fa-random" onclick="playlist.shuffle();"></i>
            <ul></ul>
    	</div>
        	
</header>



    
    
    <div class="global-wrapper">
	    <aside class="nav-sidebar">
			<div class="sidenav">
				
				
			         
						
						<div id="headerAccount" class="signin">
						<div class="signin-form">
							<h4>Sign in</h4>
			
							
			                <a class="btn btn-social btn-facebook btn-sm btn-block margin-bottom-10 no-ajaxloader" href="https://www.facebook.com/v2.7/dialog/oauth?client_id=465098246878841&state=745562e4dc19faf07a26e566e838775c&response_type=code&sdk=php-sdk-5.6.3&redirect_uri=https%3A%2F%2Fhearthis.at%2F&scope=email" rel="nofollow"><i class="fa fa-facebook-official"></i> Sign in with Facebook</a>
			                <a class="btn btn-social btn-twitter btn-sm btn-block margin-bottom-10 no-ajaxloader" href="https://hearthis.at/twitter/process.php" rel="nofollow"><i class="fa fa-twitter"></i> Sign in with Twitter</a>
							<a class="btn btn-social btn-google btn-sm btn-block margin-bottom-20 no-ajaxloader" href="javascript:void(0);" onclick="loginWithGoogle();"><i class="fa fa-google"></i> Sign in with Google</a>
							
							<form method="post" action="" id="login-form" name="login-form">
							    <input type="hidden" name="action" id="login-form-action" value="login" />
								<div class="row">
									<div class="form-group">
										<div class="col-md-12">
											<label>Your email address</label>
											<input type="text" value="" name="email" id="email-login" class="form-control input-sm">
										</div>
									</div>
								</div>
								<div class="row">
									<div class="form-group">
										<div class="col-md-12">
											<label>Your password</label>
											<input type="password" value="" id="password-login" name="password" class="form-control input-sm" autocomplete="true">
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12  text-center">
									    <button id="login-button" class="btn btn-default btn-sm" data-loading-text="Loading..." onclick="jQuery(this).css({'opacity' : 0.2})">Sign in</button>
									    <span id="button-lost" class="btn btn-external btn-sm " >Lost Password?</span>
										
									</div>
								</div>
							</form>
							<p class="sign-up-info margin-top-20 text-center">
			                    Don't have an account?
			                    <span id="headerSignUp" class="btn btn-primary btn-sm  btn-block" >Create account now, it's free!</span>
			                </p>
			                
			
						</div>
			
						<div class="signup-form">
							<h4>Create account</h4>
			
			                <a class="btn btn-social btn-facebook btn-sm btn-block margin-bottom-10 no-ajaxloader" href="https://www.facebook.com/v2.7/dialog/oauth?client_id=465098246878841&state=745562e4dc19faf07a26e566e838775c&response_type=code&sdk=php-sdk-5.6.3&redirect_uri=https%3A%2F%2Fhearthis.at%2F&scope=email" rel="nofollow"><i class="fa fa-facebook"></i> Sign up with Facebook</a>
							<a class="btn btn-social btn-twitter btn-sm btn-block margin-bottom-10 no-ajaxloader" href="https://hearthis.at/twitter/process.php" rel="nofollow"><i class="fa fa-twitter"></i> Sign up with Twitter</a>
							<a class="btn btn-social btn-google btn-sm btn-block margin-bottom-20 no-ajaxloader" href="javascript:void(0);" onclick="loginWithGoogle();"><i class="fa fa-google"></i> Sign up with Google</a>
							
							<form method="post" action="" id="register-form" name="register-form" autocomplete="off">
							    <input type="hidden" name="action" value="register" />
							    <div class="row">
									<div class="form-group">
										<div class="col-md-12">
											<label>Your name</label>
											<input type="text" value="" name="username" id="name" class="form-control input-sm" autocomplete="off">
										</div>
									</div>
								</div>
								<div class="row">
									<div class="form-group">
										<div class="col-md-12">
											<label>Your email address</label>
											<input type="text" value="" name="email" id="email" class="form-control input-sm" autocomplete="off">
										</div>
									</div>
								</div>
								<div class="row">
									<div class="form-group">
										<div class="col-md-12">
											<label>Your password</label>
											<input type="password" id="password" name="password" value="" class="form-control input-sm" autocomplete="off">
										</div>
										
									</div>
								</div>
								<div class="row margin-bottom-10 hidden">
									<div class="col-md-12 text-center">
								        <label for="gender"><input type="checkbox" id="gender" class="switch" name="gender" value="1"> Signup as Group</label>
			                            <br>
			                            I am a group, organization, label or band and want to link other Artists on my page
							        </div>
						        </div>
						        <div class="row">
									<div class="col-md-12 text-center">
									    <button id="register-button" class="btn btn-primary btn-sm" data-loading-text="Loading..." onclick="jQuery(this).css({'opacity' : 0.2})">Create Account</button>
									</div>
								</div>
								
								
								
							</form>
			
							<p class="log-in-info margin-top-20 text-center">Already have an account? <a href="javascript:void(0);" id="headerSignIn">Log In!</a></p>
							
							
							
						</div>
						
						<div style="text-align: center; opacity: 0.5; clear: both; line-height: 12px; padding: 10px 0 0 0;"><small>
								By using our services you accept our <a href="/datenschutz" target="_blank">Privacy Policy</a> and <a href="/nutzungsbedingungen" target="_blank">Terms of Service</a>.
							</small></div>
						</div>
						
						
						 <script>
			             
			                
			                registerInit = 0;
			                
			                jQuery(document).ready(function() {
			                    jQuery("#register-button").unbind().bind("click", function() {
			                        if(registerInit == 0) {
			                            var data_string = $("#register-form").serialize();
			                            $.ajax({
			                                type: "POST",
			                                url: "/user_ajax_login.php",
			                                data: data_string,
			                                success: function (data){
			                                    jQuery(".message").remove();
			                                    $("#headerAccount").addClass("hidden").before("<div class=\"alert alert-info message\" style=\"margin: 0 20px 20px;\">" + data + "</div>");
			                                }
			                            });
			                            registerInit = 1;
			                            
			                        }
			                        return false;
			                    });
			                    
			                    
			                    jQuery(document).keypress(function(e) {
			                        if(jQuery("#login-button").length > 0) {
			                            if(e.which == 13) {
			                            	
			                            	if(jQuery("#login-form-overlay").length > 0) {
			                            		var data_string = $("#login-form-overlay").serialize();
				                                $.ajax({
				                                    type: "POST",
				                                    url: "/user_ajax_login.php",
				                                    data: data_string,
				                                    success: function (data){
				                                        jQuery(".message").remove();
				                                        $("#login-form-overlay").append("<div class=\"alert alert-info margin-top-20 message\">" + data + "</div>");
				                                    }
				                                });
			                            	} else {
			                            
				                                var data_string = $("#login-form").serialize();
				                                $.ajax({
				                                    type: "POST",
				                                    url: "/user_ajax_login.php",
				                                    data: data_string,
				                                    success: function (data){
				                                        jQuery(".message").remove();
				                                        $("#login-form").append("<div class=\"alert alert-info margin-top-20 message\">" + data + "</div>");
				                                    }
				                                });
			                                }
			                            }
			                        }
			                    });
			                    
			                    jQuery("#login-button").unbind().bind("click", function() {
			                        var data_string = $("#login-form").serialize(); 
			                        $.ajax({
			                            type: "POST",
			                            url: "/user_ajax_login.php",
			                            data: data_string,
			                            success: function (data){
			                                jQuery(".message").remove();
			                                $("#login-form").append("<div class=\"alert alert-info margin-top-20 message\">" + data + "</div>");
			                            }
			                        });
			                        return false;
			                    });
			                    
			                    jQuery("#button-lost").unbind().live("click", function() {
			                    
			                    	jQuery("#login-form-action").val("lost");
			                    
			                        var data_string = $("#login-form").serialize();
			                        $.ajax({
			                            type: "POST",
			                            url: "/user_ajax_login.php",
			                            data: data_string,
			                            success: function (data){
			                                jQuery(".message").remove();
			                                $("#login-form").append("<div class=\"alert alert-info margin-top-20 message\">" + data + "</div>");
			                                jQuery("#login-form-action").val("login");
			                            }
			                        });
			                    });
			                    
			                    jQuery("#button-resend").unbind().live("click", function() {
			                    	jQuery("#login-form-action").val("resend");
			                    
			                        var data_string = $("#login-form").serialize(); 
			                        $.ajax({
			                            type: "POST",
			                            url: "/user_ajax_login.php",
			                            data: data_string,
			                            success: function (data){
			                                jQuery(".message").remove();
			                                $("#login-form").append("<div class=\"alert alert-info margin-top-20 message\">" + data + "</div>");
			                                jQuery("#login-form-action").val("login");
			                            }
			                        });
			                    });
			                });
			                
			                
			                </script>
						
						 
					    
					
			        <script>
			            function showOnlineUsers() {
			            	if (typeof showUserInfo == "function") {
					            showUserInfo();
					        }  
			            }
			        </script>
			        
			        <div id="scroll-anchor"></div>
			        
			        
			        <div class="text-center hidden" style="margin: 30px 0 0 0;">
			    		<a class="no-ajaxloader" target="_blank" href="https://play.google.com/store/apps/details?id=at.hearthis.android">
			                <img src="/_/v2/img/android-app-on-google-play.svg" alt="official hearthis.at Android app" height="30">
			            </a>
						<a class="no-ajaxloader" target="_blank" href="https://itunes.apple.com/us/app/soundflake-for-hearthis.at/id914459618">
			                <img src="/_/v2/img/Available_on_the_App_Store_Badge_US-UK_135x40.svg" alt="Soundflake - official hearthis.at iPhone app" height="30">
			            </a>
			    	</div>
			    						
			        
			        
			        <div class="text-center" style="margin: 30px 0 30px 0; line-height: 16px;">
			    		<small><a href="https://www.acrcloud.com/copyright-protection-de-duplication" target="_blank" style="color: #ccc;">Copyright Compliance Service by ACRCloud</a></small>
			    		
		    		</div>
			        
			</div>
			<audio class="preview_audio" id="preview_audio" src=""></audio>
		</aside>
	    <div role="main" class="main" id="global_content">
    	<div class="content-core"><script type="text/javascript" src="/_/apps_v3/user/user.index.js?version=312508"></script><link rel="stylesheet" href="/_/apps_v3/user/user.index.css?version=312508"><style>
.nav-sidebar {
	display: none;
}

.content-col {
    margin-left: 0px !important;
    max-width: 1420px;
}

.profile-cover-container {
    margin-left: 45px;
}

.artist-page-content {
	left: 205px;
}

.feed-content {
    top: -30px !important;
    box-shadow: none !important;
    padding: 0 15px 15px !important;
    background: #f4f4f4 !important;
}

.content-col-openlayer {
	margin-right: 50px !important;
}


.artist-page:before,
.artist-page:after,
.artist-page .row:before
{
		left: 0;
}

</style><section class="content-col content-col-right"><script>
    intInternalId = 61492;
	</script>

<style>
    
        .artist-page-header-61492:after {
            background: #000 url(https://images.hearthis.at/c/r/o/_/uploads/61492/image_user_bg/w1420_h280_c000000_q70_m1492711209----cropped_c3a5ef80f91ec399bdfab1594be15563scottsparxfacebooktemplate.jpg) center center no-repeat;
        }
    

   
    
    .page-top {
    	z-index: 3;
    }
    
    .profile-background-container .btn {
   		border: 1px solid #fff;
    	background: transparent;
    	color: #fff;
    	font-weight: bold;
    	opacity: 0.9;
    }
    
    
    .profile-background-container .btn:hover {
   		opacity: 1;
    }
	
	.sidenav {
		margin-top: 285px !important;
	}

	
    
</style>
<section class="page-top artist-page artist-page-header-61492 profile-background-container" itemscope itemtype="http://schema.org/MusicGroup">
	
	<div class="row">
		<div class="col-xs-8 artist-page-content artist-content-padding">
			<h1 itemprop="name"><span class="hidden">Music and sounds of </span>Scott Sparx</h1>
			
			<div id="user-geo" style="margin-top: -12px; color: #fff; margin-bottom: 7px; opacity: 0;" data-lat="51.5074" data-lon="-0.127758"><br></div>
			<script>
			
			var lat = jQuery("#user-geo").data("lat");
		    var long = jQuery("#user-geo").data("lon");
		    var url = "https://maps.googleapis.com/maps/api/geocode/json?latlng="+lat+","+long+"&sensor=false";
		    $.get(url).success(function(data) {
		    	if(data.status == "OK") {
		    
			       var loc1 = data.results[0];
			       var country, city;
			         $.each(loc1, function(k1,v1) {
			            if (k1 == "address_components") {
			               for (var i = 0; i < v1.length; i++) {
			                  for (k2 in v1[i]) {
			                     if (k2 == "types") {
			                        var types = v1[i][k2];
			                        if (types[0] =="country") {
			                            country = v1[i].long_name;
			                        } 
			                        if (types[0] =="locality") {
			                           city = v1[i].long_name;
			                           if(country != "") {
				                       	 city = city + ", ";
			                       	   }
			                       	}
			                     }
			                  }   
			               }
			               
			               if(typeof city == "undefined") {
			               		city = "";
			               }
			               
						   jQuery("#user-geo").removeClass("hidden").html(city + "" + country).animate({"opacity": "1"},1000);
			            }
			         });
		         }
	         });
	         </script>
			
			
			
			<a class="hidden" itemprop="url" href="/scottsparx/">Scott Sparx</a>
			<div class="user_61492">
			
		        
		           <a href="javascript:ajaxLogin('open');" class="btn btn-primary btn-xs"><i class="fa fa-user-plus"></i> Sign in to follow</a>
		        
	        	
	        
	        
	        </div>
		</div>
		<div class="col-xs-3 profile-cover-container">
        	
            <a href="https://images.hearthis.at/8/b/0/_/uploads/61492/image_user/scott-sparx----w800_q70_----8b0b31cdfa020d0ec6236a60a7adc048scottsparxlogo.jpg" class="fancybox pull-right responsive hidden-xs rounded-image" title="Scott Sparx"><img src="https://images.hearthis.at/c/r/o/_/uploads/61492/image_user/scott-sparx----w300_h300_c000000_q70_m1492315933----cropped_8b0b31cdfa020d0ec6236a60a7adc048scottsparxlogo.jpg" style="width: 170px; height: 170px;" alt="Scott Sparx" itemprop="image"></a>
		</div>
	</div>
</section>


		<div class="padding-top-30"></div>
		

<section>
	
	
	
    <div class="row content-row artist-content fullwidth">
    	
<style>
	
	.description-meta p {
	  overflow-wrap: break-word;
	  word-break: break-word;
	
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;
	}
	
	.artist-content {
		position: relative;
	}

	.artist-content > .col-md-12 {
		padding-right: 280px;
	}
	
	.simple-user-inset .simple-user-list li {
	    padding: 12px 0;
	    min-height: 0px;
	}
	.simple-user-inset {
		padding-left: 20px; 
		margin: 0px -15px 20px 0; 
		
	}
	
	.feed-content {
		width: 265px;
	    position: absolute;
	    right: -5px;
	    top: -40px;
	    z-index: 3;
	    box-shadow: -5px 0px 5px -5px rgba(0, 0, 0, 0.2);
	    padding: 15px;
	    bottom: 0;
	}
	
	.feed-content > div {
		position: -webkit-sticky;
	    position: sticky;
    	top: 50px;
	}
		
	@media (max-width: 1024px){
		.artist-content > .col-md-12 {
			padding-right: 0px;
		}
		
		.feed-content {
			display: none;
		}
	}

</style>
<div class="feed-content">
	<div>
		
		
		<div class="padding-top-30"></div>
		<section class="description-meta">
		    
		    	<p class="hidden">Listen to all music and sounds of Scott Sparx and follow this user by signing in for free.

You can listen to 12 tracks and mixes and follow this user as 68 did before. 
This artist liked 3 tracks, followed 68 others and reshared 0 tracks and mixes. 62 other people are following this page too.
</p>
		    
		    
		    
		    
		    
		    
		    
		        <p>
		            
		                <a class="btn btn-social btn-facebook btn-xs btn-block" href="https://www.facebook.com/scottsparx" onclick="var link=window.open('https://hearthis.at/l.php?url=https%3A%2F%2Fwww.facebook.com%2Fscottsparx'); link.opener=null; return false;" title="https://www.facebook.com/scottsparx" target="_blank"><i class="fa fa-facebook-official" style="border-right: 0;"></i> Facebook</a>
		                <a class="btn btn-social btn-twitter btn-xs btn-block" href="https://www.twitter.com/scottsparx" onclick="var link=window.open('https://hearthis.at/l.php?url=https%3A%2F%2Fwww.twitter.com%2Fscottsparx'); link.opener=null; return false;" title="https://www.twitter.com/scottsparx" target="_blank"><i class="fa fa-twitter" style="border-right: 0;"></i> Twitter</a>
		
		                <a class="btn btn-social btn-link btn-xs btn-block" href="http://www.team174.co.uk" onclick="var link=window.open('https://hearthis.at/l.php?url=http%3A%2F%2Fwww.team174.co.uk'); link.opener=null; return false;" title="http://www.team174.co.uk" target="_blank"><img src="/_/cache/favicons/team174.co.uk.ico" width="16" height="16" style="margin: 3px; border-right: 0; height: 16px; width: 16px;">team174.co.uk</a> <a class="btn btn-social btn-link btn-xs btn-block" href="http://www.scottsparx.co.uk" onclick="var link=window.open('https://hearthis.at/l.php?url=http%3A%2F%2Fwww.scottsparx.co.uk'); link.opener=null; return false;" title="http://www.scottsparx.co.uk" target="_blank"><img src="/_/cache/favicons/scottsparx.co.uk.ico" width="16" height="16" style="margin: 3px; border-right: 0; height: 16px; width: 16px;">scottsparx.co.uk</a>   
		        </p>
		       	
		   
		   
		   
		   <aside  id="user-following-sidebar" class="hidden">
		   	   <hr>
			   <h4>Following 62 </h4>
			   <ul class="simple-user-list small clearfix">
			   	   
				   <li class="more"><a href="#following">...</a></li>
				   
			   </ul>
		   </aside>
		      
		   <aside  id="user-follower-sidebar" class="hidden">
		   	   <hr>
			   <h4>68 Followers</h4>
			   <ul class="simple-user-list small clearfix">
			   	   
				   <li class="more"><a href="#follower">...</a></li>
				   
			   </ul>
		   </aside>
		   
		   
		   
		   <style>
		   
		   	#user-following-sidebar ul,
		   	#user-follower-sidebar ul {
		   		margin: 0px;
		   	}
		   
		   	#user-following-sidebar li,
		   	#user-follower-sidebar li {
		   	    margin-right: -30px;
		   	}
		   	
		   	#user-following-sidebar li.more,
		   	#user-follower-sidebar li.more {
			    float: right !important;
			    color: #000;
			    margin: 0 !important;
			    right: 0;
			    font-size: 40px;
			    top: 4px;
			}
		   	
		   </style>
		   
		   <script type="text/template" id="user-template">
			   	 <li>
		            <div class="post-image">
		                <div class="img-thumbnail ">
		                    <a href="/{{permalink}}/" class="ajaxloader">
		                        <img alt="{{ username }}" src="{{ thumb_url }}" alt="" style="width: 50px; height: 50px; border-radius: 50%; border: 3px solid #f4f4f4;" />
		                    </a>
		                </div>
		            </div>
		            <div class="post-info">
		                <a class="data-userid-{{ id }} ajaxloader" data-userid="{{ id }}" data-hovercard="{{permalink_url}}hc/" href="/{{permalink}}/">{{ username }}</a>
		            </div>
		        </li>
		   </script>
		   
		   <script>
		   	var userTemplate = Hogan.compile($("#user-template").text());
		   	
		   	
		   	jQuery.ajax({
                type: "GET",
                url: "/scottsparx/follower/",
                success: function (data) {
                	intCount = 0;
                	data.forEach(function(object) {
                		jQuery("#user-follower-sidebar ul").append(userTemplate.render(object)).promise().done(function() {});
                		intCount = intCount + 1;
            		});
            		
            		if(intCount > 0) {
            			jQuery("#user-follower-sidebar").removeClass("hidden");
            		}
                }
            });
            
            
            jQuery.ajax({
                type: "GET",
                url: "/scottsparx/following/",
                success: function (data) {
                	intCount = 0;
                	data.forEach(function(object) {
                		jQuery("#user-following-sidebar ul").append(userTemplate.render(object)).promise().done(function() {});
                		intCount = intCount + 1;
            		});
            		
            		if(intCount > 0) {
            			jQuery("#user-following-sidebar").removeClass("hidden");
            		}
            		
                }
            });
            
		   </script>
		   
		   
		   
		   
		   
		</section>
	
	</div>
</div>		

		<div class="col-md-12 tabs margin-bottom-0">
			
			
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tracks" onclick="resetUserTracks();loadInitUser();scrollToSelected(jQuery(this));initHcStickyConfig();" data-toggle="tab"><small>12</small> Uploads</a></li>
                <li class="hide-for-small"><a href="#following" onclick="jQuery('.ajaxcleaner').empty();intFollowingLimit = 0;loadFollowing();scrollToSelected(jQuery(this));" data-toggle="tab">Following <small>62</small> </a></li>
                
                	<li><a href="#sets" onclick="jQuery('.ajaxcleaner').empty();loadSets();scrollToSelected(jQuery(this));" data-toggle="tab">Sets</a></li>
                	
                	
                
                
                
                
                <li><a href="#likes" onclick="resetLikes();loadLikes();scrollToSelected(jQuery(this));" data-toggle="tab">Likes</a></li>
                
                <li class="hide-for-small"><a href="#follower" onclick="jQuery('.ajaxcleaner').empty();intFollowerLimit = 0;loadFollower();scrollToSelected(jQuery(this));" data-toggle="tab"><small>68</small> Followers </a></li>
                
                
            	
                
                <li class="pull-right"><a href="#" style="opacity: 0.3; font-size: 12px;" onclick="blockUser(61492); return false;" class="no-ajaxloader btn btn-default btn-xs user-block-btn-61492"><i class="fa fa-ban"></i> <span></span>Block</a></li>
                
            </ul>
            <script>
                
                jQuery(document).ready(function() {
                	window.setTimeout(function() {
	                    if(!window.location.hash && jQuery(".artist-content").find(".nav-tabs").find(".activ").length == 0) {
	                        intLikesCurrentMin = 0;
	                        intLikesCurrentMax = 10;
	                        intResharesCurrentMin = 0;
	                        intResharesCurrentMax = 10;
	                        intCurrentMin = 0;
	                        intCurrentMax = 10;
	                        initiated = 0;
	                        firstInit = 1;
	                    
	                        resetUserTracks();
	                        loadInitUser();
	                    }
                    },50);
                });
                
                
             
            </script>
            <div class="tab-content">
                <div id="tracks" class="tab-pane active">
                	
                
                
                <div class="row nav-config-bar">
                    <div class="col-md-12">
                    	<nav class="navbar navbar-default margin-bottom-30" role="navigation">
		                	<div class="user-tracks-config">
		                		<div class="navbar-header">
							    	<h1 class="navbar-brand">Release date:</h1>
							    	
							    </div>
		                    	<div class="navbar-form">
						            <div class="user-tracks-config">
						            
						            
						                <div class="form-group hidden">
						                    <select name="user-tracks-filter" id="user-tracks-filter" class="form-control hidden" style="width: 200px; ">
		                                        <option value="">Tags: All</option>
		                                    </select>
						                </div>
						                
	                                    <div class="hidden-md hidden-xs hidden-sm form-group">
	                                        <div class="input-daterange input-group" id="datepicker">
	                                            <input type="text" class="form-control" style="width: 100px;" placeholder="Start" value="" id="user-tracks-start" name="show-tracks-start"/>
	                                            <span class="input-group-addon">-</span>
	                                            <input type="text" class="form-control" style="width: 100px;" placeholder="End" value="" id="user-tracks-end" name="show-tracks-end" />
	                                        </div>               
	                                    </div>
	                                    

                
                <a class="btn btn-default" rel="nofollow" href="javascript:userShare('scottsparx');"><i class="fa fa-code"></i> Embed</a>
                
                <a rel="nofollow" class="btn btn-default" href="https://hearthis.at/scottsparx/podcast/" target="_blank"><i class="fa fa-apple"></i> Podcast</a>  
				
                
                
    
						                
					                    <div class="input-group hidden-xs hidden-sm">
					                      <input type="text" class="form-control" name="show-feed-searchtext" id="nav-user-tracks-searchtext" placeholder="Search">
					                      <span class="input-group-btn">
					                        <button class="btn btn-default nav-user-tracks-searchtext-clear" type="button" style="margin: 0 -2px;"><i class="fa fa-times"></i></button>
					                      </span>
					                    </div>         
						                
						              	<ul class="nav navbar-nav navbar-right pagination nav-user-tracks  hidden hidden-md hidden-xs hidden-sm ">
	                                    	<li class="nav-user-tracks-prev" style="display: none;"><a href="javascript:void(0);">&laquo;</a></li>
	                                    	<li><a href="javascript:void(0);"><strong class="nav-user-tracks-page">1</strong></a></li>
	                                    	<li class="nav-user-tracks-next"><a href="javascript:void(0);">&raquo;</a></li>
	                                	</ul>
						            </div>
					            </div>
				            </div>
			           	</nav>
                    
                    </div>
                </div>
                 
        

                <ul class="playlist ajaxcleaner" id="user_playlist"></ul>	
		
    		  	
        		<div class="text-center">
                    <div class="h5"><a href="javascript:void(0);" onclick="loadMoreUser();" id="load-more-button"><i class="fa fa-align-justify"></i></a></div>
                </div>
        		
                
  
		</div>
                
	                <div id="sets" class="tab-pane">
	                	
	                
	                	<div id="user_sets_list" class="ajaxcleaner"></div></div>
                	
                	
                	
                	
            	
	                
                
                
                
                <div id="likes" class="tab-pane">
        
         <div class="row hidden">
            <div class="col-md-12">
                <nav class="navbar navbar-default margin-bottom-30" role="navigation">
                  <div class="container-fluid">
                    <div class="user-likes-config">
                        

                
                <a class="btn btn-default" rel="nofollow" href="javascript:userShare('scottsparx');"><i class="fa fa-code"></i> Embed</a>
                
                <a rel="nofollow" class="btn btn-default" href="https://hearthis.at/scottsparx/podcast/" target="_blank"><i class="fa fa-apple"></i> Podcast</a>  
				
                
                
    
                        <ul class="hidden nav navbar-nav navbar-right pagination nav-user-tracks hidden-md hidden-xs hidden-sm hidden" style="margin: 8px 0 0 20px;">
                            <li class="nav-user-likes-prev" style="display: none;"><a href="javascript:void(0);">&laquo;</a></li>
                            <li><a href="javascript:void(0);"><strong class="nav-user-likes-page">1</strong></a></li>
                            <li class="nav-user-likes-next"><a href="javascript:void(0);">&raquo;</a></li>
                        </ul>
                        <div class="navbar-form navbar-right hidden">
                            <div class="hidden-md hidden-xs hidden-sm form-group">
                                <div class="input-daterange input-group" id="datepicker">
                                    <input type="text" class="form-control" style="width: 100px;" placeholder="Start" value="" id="user-likes-start" name="show-likes-start"/>
                                    <span class="input-group-addon">-</span>
                                    <input type="text" class="form-control" style="width: 100px;" placeholder="End" value="" id="user-likes-end" name="show-likes-end" />
                                </div>               
                            </div>
                        </div>
                    </div>
                  </div>
                </nav>
            </div>
        </div>
        <ul class="playlist margin-top-40 ajaxcleaner" id="likes_playlist"></ul>
		
        <script>jQuery(".nav-user-likes").hide();</script>
        
		</div>
                
                <div id="follower" class="tab-pane"><ul class="simple-user-list small clearfix ajaxcleaner" id="user-follower"></ul><div class="text-center margin-top-20" style="opacity: 0;"><a href="javascript:void(0);" class="btn btn-default load-more-follower" style="display: none;"><i class="fa fa-bars"></i></a></div></div>
                <div id="following" class="tab-pane">
                    <ul class="simple-user-list  small clearfix ajaxcleaner" id="user-following"></ul>
                    <div class="text-center margin-top-20" style="opacity: 0;"><a href="javascript:void(0);" class="btn btn-default load-more-following" style="display: none;"><i class="fa fa-bars"></i></a></div>
                    
                    </div>
                
                
            </div>
		</div>
	</div>
	
 
        
        <script>
        
   
        
        
        jQuery(document).ready(function() {
            
            intCurrentMin = 0;
            intCurrentMax = 10;
            initiated = 0;
            
            
            
            
            
            
            
            
            
            
            
            
        });

        function initSetSortable() {
	     
        }
        
        
         function initGroupSortable() {
	     
        }
        
        
        
        
        
        
     
      </script>
     
	</section>
</section>
	    </div>   
    </div>   
</div>

		<script>
		
		function loginWithGoogle() {		
					
			const hintPromise = googleyolo.hint({
			  supportedAuthMethods: [
			    "https://accounts.google.com",
			    "googleyolo://id-and-password"
			  ],
			  supportedIdTokenProviders: [
			    {
			      uri: "https://accounts.google.com",
			      clientId: "215606930874-8kvk106ohnude5o9t4bpfkgamhnbj0n4.apps.googleusercontent.com"
			    }
			  ]
			});
			
			hintPromise.then((credential) => {
			  if (credential.idToken) {
			    jQuery.ajax({
				    type    : "POST",
				    cache   : false,
				    data    : 
				    {
				        "id_token" : credential.idToken
				    },
				    url     : "/user_google_login.php",
				    encoding:"UTF-8",
				    dataType:"html", 
				    timeout : 5000,
				    success : function(data) {
			           jQuery("#heartbeat").html(data);
			        }
			    });
			  }
			}, (error) => {
			  switch (error.type) {
			    case "userCanceled":
			      // The user closed the hint selector. Depending on the desired UX,
			      // request manual sign up or do nothing.
			      break;
			    case "noCredentialsAvailable":
			    	swal(
					  "Oops...",
					  "Something went wrong with your login! Please login first at google.com",
					  "error"
					);
			    
			      // No hint available for the session. Depending on the desired UX,
			      // request manual sign up or do nothing.
			      break;
			    case "requestFailed":
			      // The request failed, most likely because of a timeout.
			      // You can retry another time if necessary.
			      break;
			    case "operationCanceled":
			      // The operation was programmatically canceled, do nothing.
			      break;
			    case "illegalConcurrentRequest":
			      // Another operation is pending, this one was aborted.
			      break;
			    case "initializationError":
			      // Failed to initialize. Refer to error.message for debugging.
			      break;
			    case "configurationError":
			      // Configuration error. Refer to error.message for debugging.
			      break;
			    default:
			      // Unknown error, do nothing.
			  }
			});
			
		}
		
		
		</script>
		
		
		
		
	
	<!-- Start of Async Drift Code -->
	<script>
	
	!function() {
	  var t;
	  if (t = window.driftt = window.drift = window.driftt || [], !t.init) return t.invoked ? void (window.console && console.error && console.error("Drift snippet included twice.")) : (t.invoked = !0, 
	  t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], 
	  t.factory = function(e) {
	    return function() {
	      var n;
	      return n = Array.prototype.slice.call(arguments), n.unshift(e), t.push(n), t;
	    };
	  }, t.methods.forEach(function(e) {
	    t[e] = t.factory(e);
	  }), t.load = function(t) {
	    var e, n, o, i;
	    e = 3e5, i = Math.ceil(new Date() / e) * e, o = document.createElement("script"), 
	    o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + i + "/" + t + ".js", 
	    n = document.getElementsByTagName("script")[0], n.parentNode.insertBefore(o, n);
	  });
	}();
	drift.SNIPPET_VERSION = "0.3.1";
	drift.load("unuva9t5aark");
	</script>
	<!-- End of Async Drift Code -->
	    

	<div id="heartbeat"></div>
	<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyCXPHitkUd9rhGaGQyCtPll6toBxJFqsDc"></script>

	
    <script src="/minify/?g=jsfooter&version=312508"></script>
    
	
	<img src="/_/v3/img/favicon__1_.png" id="ht-icon" style="display: none;" />   
	<link rel="stylesheet" type="text/css" href="/_/v3/vendor/cookieconsent.min.css" />
	<script src="/_/v3/vendor/cookieconsent.min.js"></script>
	<script>
	window.addEventListener("load", function(){
	window.cookieconsent.initialise({
	  "palette": {
	    "popup": {
	      "background": "#000000"
	    },
	    "button": {
	      "background": "#cb1606"
	    }
	  },
	  revokable:true,
	  onStatusChange: function(status) {
	    	if(this.hasConsented()) {
	    		_paq.push(["setConsentGiven"]);
	    	} else {
	    		_paq.push(["requireConsent"]);
	    	}
      },

	  "position": "bottom-left",
	  "theme": "edgeless",
	  "content": {
	  	"message": "We use cookies for various purposes including analytics and personalized marketing. By continuing to use the service, you agree to our use of cookies as described in the Cookie Policy.",
	    "href": "https://hearthis.at/datenschutz/"
	  }
	})});
	</script>
	
</body>
</html>
    