Webserver: Add wikipedia (artist) links to the song details pages

Vocaluxe/Vocaluxe.csproj

@@ -358,6 +358,9 @@
     <Content Include="Website\img\spotify.png">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
+    <Content Include="Website\img\wikipedia.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
     <Content Include="Website\img\youtube.png">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>

Vocaluxe/Website/index.html

@@ -178,6 +178,7 @@
             <div id="displaySongLinks">
                 <img id="displaySongLinkYoutube" src="img/youtube.png" />
                 <img id="displaySongLinkSpotify" src="img/spotify.png" />
+                <img id="displaySongLinkWikipedia" src="img/wikipedia.png" />
             </div>
 
         </div>

Vocaluxe/Website/js/main.js

@@ -246,6 +246,10 @@ function initPageLoadHandler() {
                 $('#displaySongLinkSpotify').unbind('click').click(function () {
                     showSpotify(result.Artist, result.Title);
                 });
+
+                $('#displaySongLinkWikipedia').unbind('click').click(function () {
+                    showWikipedia(result.Artist);
+                });
             } else {
                 $('#displaySongLinks').hide();
             }
@@ -739,4 +743,12 @@ function showSpotify(artist, title) {
             $("#popupVideo").popup("open");
         }
     });
+}
+
+function showWikipedia(artist) {
+    popupVideoHeight = 800;
+    popupVideoWidth = 600;
+
+    $("#popupVideo iframe").attr("src", "http://m.wikipedia.org/wiki/Special:Search/" + artist);
+    $("#popupVideo").popup("open");
 }