Moving images

app/assets/javascripts/ajax.coffee

@@ -23,7 +23,7 @@ class window.Ajax
 			else
 				_ajax.setArchor '/artist/' +name+ '/'
 				_pages.renderArtist data
-			_search.hideSpinner()
+		#_search.hideSpinner()
 		false
 	
 	loadSearchPage: ->

app/assets/javascripts/beathaven.coffee

@@ -37,6 +37,7 @@ class BeatHaven
 		window._settings = new Settings()
 		
 		this.setupAutocomplete()
+		window._ajax.detectPage()
 		
 		false
 	

app/assets/javascripts/search.coffee

@@ -1,12 +1,8 @@
 class window.Search
   
-  pics: []
-  
   showSpinner: ->
     $('#search').val("").attr(disabled: 'disabled').blur()
-    $('.search-container img').first().show()
     $('#autocomplete-container').hide()
-    $('.artist_loading.failed').first().hide()
     this.hideSuggestions()
     false
   

app/assets/stylesheets/albums.scss

@@ -3,10 +3,8 @@
 .artist-info {
   margin-bottom: 20px;
   .pic {
-    height: 220px;
     img {
   	  max-width: 220px;
-  	  max-height: 220px;
   	}
   }
   .desc {

app/assets/stylesheets/main.css

@@ -1,9 +0,0 @@
-
-
-
-
-.playlist .artist-name {
-  margin-bottom: 4px;
-  font-size: 11px;
-  color: #888;
-}

app/assets/stylesheets/pulldown.scss

@@ -1,61 +0,0 @@
-@import "rounded";
-
-.pulldown {
-	display: none;
-	position: relative;
-	background-color: #ffffff;
-	border-top: #c0c0c0 1px solid;
-	border-bottom: #c0c0c0 1px solid;
-	margin-right: 350px;
-	padding: 25px;
-	
-	.pd-spinner {
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		width: 64px;
-		height: 64px;
-		margin: -32px 0 0 -32px;
-	}
-	
-	/* Search */
-	.search-container {
-		
-		.spinner, .artist_loading, .artist_pics, .suggestions {
-			display: none;
-		}
-		
-		.spinner {
-			margin: 70px 0 0 171px;
-		}
-		
-		.search_form {
-			.search_field {
-				width: 300px;
-				font-size: 24px;
-				padding: 4px;
-				border: #CCC 1px solid;
-				@include rounded(3);
-			}
-		}
-	}
-}
-
-.autocomplete {
-	margin: 4px 0 0 -1px;
-	
-	div {
-		font-size: 24px;
-		padding: 6px 5px;
-		border-top: #BBB 1px solid;
-		margin-bottom: 1px;
-		
-		&:first-child {
-			border: none;
-		}
-		
-		&.selected {
-			background-color: #DDD;
-		}
-	}
-}

app/views/layouts/application.html.haml

@@ -79,6 +79,11 @@
                   Long Road to Ruin
                 %td.song-duration 4:29
     
+    .fullscreen
+      .inner
+        = image_tag "loader"
+                		
+    
     <!-- Yandex.Metrika counter -->
     <script type="text/javascript">var yaParams = {};</script><div style="display:none;"><script type="text/javascript">(function(w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter7596904 = new Ya.Metrika({id:7596904, enableAll: true,params:window.yaParams||{ }}); } catch(e) { } }); })(window, "yandex_metrika_callbacks");</script></div><script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script><noscript><div><img src="//mc.yandex.ru/watch/7596904" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
     <!-- /Yandex.Metrika counter -->