WCF-Server inital commit (Wenserver without usermanagement and with some pages)

ClientServerLib/ClientServerLib/CServer.cs

@@ -1,194 +1,111 @@
-using System;
+using System;
-using System.Collections.Generic;
+using System.Collections.Generic;
-using System.Linq;
+using System.Linq;
-using System.Net;
+using System.Text;
-using System.Net.Sockets;
+using System.ServiceModel;
-using System.Text;
+using System.ServiceModel.Description;
-using System.Threading;
+using System.ServiceModel.Web;
-
+
-namespace ClientServerLib
+namespace ClientServerLib
-{
+{
-    public class CServer
+    public class CServer
-    {
+    {
-        private TcpListener tcpListener;
+        private ServiceHost host;
-        private Thread listenThread;
+        private Uri baseAddress;
-        private int port;
+
-        private bool encryption;
+        private static SendKeyEventDelegate sendKeyEvent;
-        private string password;
+        public static SendKeyEventDelegate SendKeyEvent
-        private int bufferLength = 8192;
+        {
-        private bool running;
+            internal get { return CServer.sendKeyEvent; }
-
+            set { CServer.sendKeyEvent = value; }
-        private HandleRequest requestCallback;
+        }
-
+
-        private Dictionary<int, CConnection> clients;
+        #region profile
-        private  Queue<int> ids;
+
-
+        private static GetProfileDataDelegate getProfileData;
-        public CServer(HandleRequest RequestCallback, int Port = 3000, string Password = null)
+        public static GetProfileDataDelegate GetProfileData
-        {
+        {
-            port = Port;
+            internal get { return CServer.getProfileData; }
-            running = false;
+            set { CServer.getProfileData = value; }
-            requestCallback = RequestCallback;
+        }
-            encryption = Password != null;
+
-            password = Password;
+        private static SendProfileDataDelegate sendProfileData;
-
+        public static SendProfileDataDelegate SendProfileData
-            clients = new Dictionary<int, CConnection>();
+        {
-            ids = new Queue<int>(1000);
+            internal get { return CServer.sendProfileData; }
-
+            set { CServer.sendProfileData = value; }
-            for (int i = 0; i < 1000; i++)
+        }
-                ids.Enqueue(i);
+
-        }
+        private static GetProfileListDelegate getProfileList;
-
+        public static GetProfileListDelegate GetProfileList
-        public void Start()
+        {
-        {
+            internal get { return CServer.getProfileList; }
-            if (!running)
+            set { CServer.getProfileList = value; }
-            {
+        }
-                running = true;
+
-
+
-                tcpListener = new TcpListener(IPAddress.Any, port);
+        #endregion
-
+
-                listenThread = new Thread(new ThreadStart(ListenForClients));
+        #region photo
-                listenThread.Start();
+        private static SendPhotoDelegate sendPhoto;
-            }
+        public static SendPhotoDelegate SendPhoto
-        }
+        {
-
+            get { return CServer.sendPhoto; }
-        public void Stop()
+            set { CServer.sendPhoto = value; }
-        {
+        }
-            if (running)
+
-            {
+        #endregion
-                running = false;
+
-                tcpListener.Stop();
+        #region website
-                Thread.Sleep(100);
+
-                listenThread.Join();
+        private static GetSiteFileDelegate getSiteFile;
-
+        public static GetSiteFileDelegate GetSiteFile
-                lock (clients)
+        {
-                {
+            internal get { return CServer.getSiteFile; }
-                    int[] cIDs = new int[clients.Count];
+            set { CServer.getSiteFile = value; }
-                    clients.Keys.CopyTo(cIDs, 0);
+        }
-
+
-                    foreach (int id in cIDs)
+        #endregion
-                    {
+
-                        clients.Remove(id);
+        public CServer(int port)
-                        ids.Enqueue(id);
+        {
-                    }
+            baseAddress = new Uri("http://localhost:" + port + "/");
-                }
+            host = new WebServiceHost(typeof(CWebservice), baseAddress);
-            }
+            WebHttpBinding wb = new WebHttpBinding();
-        }
+            wb.MaxReceivedMessageSize = 10485760;
-
+            wb.MaxBufferSize = 10485760;
-        private void ListenForClients()
+            host.AddServiceEndpoint(typeof(ICWebservice), wb, "Vocaluxe");
-        {
+        }
-            tcpListener.Start();
+
-            TcpClient client;
+        public void Start()
-
+        {
-            while (running)
+            try
-            {
+            {
-                //wait for new client
+                // Step 4 Enable metadata exchange.
-                try
+                ServiceMetadataBehavior smb = new ServiceMetadataBehavior();
-                {
+                smb.MetadataExporter.PolicyVersion = PolicyVersion.Policy15;
-                    client = tcpListener.AcceptTcpClient();
+                smb.HttpGetEnabled = true;
-                }
+                host.Description.Behaviors.Add(smb);
-                catch
+
-                {
+                // Step 5 Start the service.
-                    client = null;
+                host.Open();
-                }
+            }
-
+            catch (CommunicationException ce)
-                if (client != null)
+            {
-                {
+                host.Abort();
-                    int id = ids.Dequeue();
+            }
-                    CConnection connection = new CConnection(client, id, password);
+        }
-
+
-                    lock (clients)
+        public void Stop()
-                    {
+        {
-                        clients.Add(id, connection);
+            try
-                    }
+            {
-
+                host.Close();
-                    Thread clientThread = new Thread(new ParameterizedThreadStart(HandleClientCom));
+            }
-
+            catch (CommunicationException ce)
-                    NetworkStream clientStream = client.GetStream();
+            {
-                    byte[] serverParams = connection.GetKeyParams();
+                host.Abort();
-
+            }
-                    try
+        }
-                    {
+    }
-                        clientStream.Write(serverParams, 0, serverParams.Length);
+}
-                        clientStream.Flush();
-                    }
-                    catch
-                    {
-                        client = null;
-                    }
-
-                    if (client != null)
-                        clientThread.Start(connection);
-                }
-            }
-        }
-
-        private void HandleClientCom(object client)
-        {
-            CConnection connection = (CConnection)client;
-            TcpClient tcpClient = (TcpClient)connection.TcpClient;
-            NetworkStream clientStream = tcpClient.GetStream();
-
-            byte[] data = new byte[bufferLength];
-            int bytesRead;
-
-            while (running)
-            {
-                bytesRead = 0;
-
-                try
-                {
-                    bytesRead = clientStream.Read(data, 0, bufferLength);
-                }
-                catch
-                {
-                    break;
-                }
-
-                if (bytesRead == 0)
-                    break;
-
-                if (!connection.KeySet)
-                {
-                    byte[] clientResponse = new byte[bytesRead];
-                    Array.Copy(data, clientResponse, bytesRead);
-                    connection.CreateServerKey(clientResponse);
-                }
-                else
-                {
-                    //receive message
-                    int messageLength = BitConverter.ToInt32(data, 0);
-                    while (messageLength > bytesRead)
-                    {
-                        if (data.Length < messageLength + bufferLength)
-                            Array.Resize<byte>(ref data, messageLength + bufferLength);
-                        bytesRead += clientStream.Read(data, bytesRead, bufferLength);
-                    }
-
-                    byte[] message = new byte[bytesRead];
-                    Array.Copy(data, message, bytesRead);
-                    byte[] decrypted = connection.Decrypt(message);
-
-                    byte[] answer = HandleClientMessage(decrypted, connection);
-
-                    //send message
-                    byte[] encrypted = connection.Encrypt(answer);
-
-                    try
-                    {
-                        clientStream.Write(encrypted, 0, encrypted.Length);
-                        clientStream.Flush();
-                    }
-                    catch
-                    {
-                        break;
-                    }
-                }
-            }
-        }
-
-        private byte[] HandleClientMessage(byte[] Message, CConnection connection)
-        {
-            return requestCallback(connection.ConnectionID, Message);
-        }
-    }
-}

ClientServerLib/ClientServerLib/CWebservice.cs

@@ -0,0 +1,239 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.ServiceModel;
+using System.Text;
+using System.ServiceModel.Web;
+using System.Web.Services;
+using System.IO;
+
+namespace ClientServerLib
+{
+    [ServiceContract(Name = "Vocaluxe")]
+    public interface ICWebservice
+    {
+        [OperationContract]
+        [WebInvoke(Method = "GET",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "/sendKeyEvent?key={key}")]
+        bool sendKeyEvent(string key);
+
+        #region profile
+
+        [OperationContract]
+        [WebInvoke(Method = "POST",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "/sendProfile")]
+        bool sendProfile(ProfileData profile);
+
+        [OperationContract]
+        [WebInvoke(Method = "GET",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "/getProfile?profileId={profileId}")]
+        ProfileData getProfile(int profileId);
+
+        [OperationContract]
+        [WebInvoke(Method = "GET",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "/getProfileList")]
+        ProfileData[] getProfileList();
+
+        #endregion
+
+        #region photo
+
+        [OperationContract]
+        [WebInvoke(Method = "POST",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "/sendPhoto")]
+        bool sendPhoto(PhotoData photo);
+
+        #endregion
+
+        #region website
+
+        [OperationContract]
+        [WebInvoke(Method = "GET",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "")]
+        Stream Index();
+
+        [OperationContract]
+        [WebInvoke(Method = "GET",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "/js/{filename}")]
+        Stream GetJsFile(String filename);
+
+        [OperationContract]
+        [WebInvoke(Method = "GET",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "/css/{filename}")]
+        Stream GetCssFile(String filename);
+
+        [OperationContract]
+        [WebInvoke(Method = "GET",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "/css/images/{filename}")]
+        Stream GetCssImageFile(String filename);
+
+        [OperationContract]
+        [WebInvoke(Method = "GET",
+            ResponseFormat = WebMessageFormat.Json,
+            UriTemplate = "/img/{filename}")]
+        Stream GetImgFile(String filename);
+
+        #endregion
+    }
+
+    class CWebservice : ICWebservice
+    {
+        public CWebservice()
+        {
+        }
+
+        public bool sendKeyEvent(string key)
+        {
+            if (CServer.SendKeyEvent == null)
+            {
+                return false;
+            }
+            return CServer.SendKeyEvent(key);
+        }
+
+        #region profile
+
+        public bool sendProfile(ProfileData profile)
+        {
+            if (CServer.SendProfileData == null)
+            {
+                return false;
+            }
+            return CServer.SendProfileData(profile);
+        }
+
+        public ProfileData getProfile(int profileId)
+        {
+            if (CServer.GetProfileData == null)
+            {
+                return new ProfileData();
+            }
+            return CServer.GetProfileData(profileId);
+        }
+
+        public ProfileData[] getProfileList()
+        {
+            if (CServer.GetProfileList == null)
+            {
+                return new ProfileData[]{};
+            }
+            return CServer.GetProfileList();
+        }
+
+        #endregion
+
+        #region photo
+
+        public bool sendPhoto(PhotoData photo)
+        {
+            return CServer.SendPhoto(photo);
+        }
+
+        #endregion
+
+        #region website
+
+        public Stream Index()
+        {
+            if (WebOperationContext.Current != null)
+            {
+                WebOperationContext.Current.OutgoingResponse.ContentType = "text/html";
+            }
+
+            return new MemoryStream(CServer.GetSiteFile("index.html"));
+        }
+
+        public Stream GetJsFile(string filename)
+        {
+            if (WebOperationContext.Current != null)
+            {
+                WebOperationContext.Current.OutgoingResponse.ContentType = "text/javascript";
+            }
+
+            byte[] data = CServer.GetSiteFile("js/" + filename);
+
+            if (data != null)
+            {
+                return new MemoryStream(data);
+            }
+            else
+            {
+                WebOperationContext.Current.OutgoingResponse.StatusCode = System.Net.HttpStatusCode.NotFound;
+                return null;
+            }
+        }
+
+        public Stream GetCssFile(string filename)
+        {
+            if (WebOperationContext.Current != null)
+            {
+                WebOperationContext.Current.OutgoingResponse.ContentType = "text/css";
+            }
+
+            byte[] data = CServer.GetSiteFile("css/" + filename);
+
+            if (data != null)
+            {
+                return new MemoryStream(data);
+            }
+            else
+            {
+                WebOperationContext.Current.OutgoingResponse.StatusCode = System.Net.HttpStatusCode.NotFound;
+                return null;
+            }
+
+
+        }
+
+        public Stream GetCssImageFile(string filename)
+        {
+            if (WebOperationContext.Current != null)
+            {
+                WebOperationContext.Current.OutgoingResponse.ContentType = "image/png";
+            }
+
+            byte[] data = CServer.GetSiteFile("css\\images\\" + filename);
+
+            if (data != null)
+            {
+                return new MemoryStream(data);
+            }
+            else
+            {
+                WebOperationContext.Current.OutgoingResponse.StatusCode = System.Net.HttpStatusCode.NotFound;
+                return null;
+            }
+        }
+
+        public Stream GetImgFile(string filename)
+        {
+            if (WebOperationContext.Current != null)
+            {
+                WebOperationContext.Current.OutgoingResponse.ContentType = "image/png";
+            }
+
+            byte[] data = CServer.GetSiteFile("img/" + filename);
+
+            if (data != null)
+            {
+                return new MemoryStream(data);
+            }
+            else
+            {
+                WebOperationContext.Current.OutgoingResponse.StatusCode = System.Net.HttpStatusCode.NotFound;
+                return null;
+            }
+        }
+
+        #endregion       
+    }
+}

ClientServerLib/ClientServerLib/ClientServerLib.csproj

@@ -1,61 +1,70 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
-<Project ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+<Project ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
-  <PropertyGroup>
+  <PropertyGroup>
-    <Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
+    <Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
-    <Platform Condition=" '$(Platform)' == '' ">AnyCPU</Platform>
+    <Platform Condition=" '$(Platform)' == '' ">AnyCPU</Platform>
-    <ProductVersion>8.0.30703</ProductVersion>
+    <ProductVersion>8.0.30703</ProductVersion>
-    <SchemaVersion>2.0</SchemaVersion>
+    <SchemaVersion>2.0</SchemaVersion>
-    <ProjectGuid>{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}</ProjectGuid>
+    <ProjectGuid>{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}</ProjectGuid>
-    <OutputType>Library</OutputType>
+    <OutputType>Library</OutputType>
-    <AppDesignerFolder>Properties</AppDesignerFolder>
+    <AppDesignerFolder>Properties</AppDesignerFolder>
-    <RootNamespace>ClientServerLib</RootNamespace>
+    <RootNamespace>ClientServerLib</RootNamespace>
-    <AssemblyName>ClientServerLib</AssemblyName>
+    <AssemblyName>ClientServerLib</AssemblyName>
-    <TargetFrameworkVersion>v4.0</TargetFrameworkVersion>
+    <TargetFrameworkVersion>v4.0</TargetFrameworkVersion>
-    <FileAlignment>512</FileAlignment>
+    <FileAlignment>512</FileAlignment>
-  </PropertyGroup>
+    <TargetFrameworkProfile>
-  <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
+    </TargetFrameworkProfile>
-    <DebugSymbols>true</DebugSymbols>
+  </PropertyGroup>
-    <DebugType>full</DebugType>
+  <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
-    <Optimize>false</Optimize>
+    <DebugSymbols>true</DebugSymbols>
-    <OutputPath>bin\</OutputPath>
+    <DebugType>full</DebugType>
-    <DefineConstants>DEBUG;TRACE</DefineConstants>
+    <Optimize>false</Optimize>
-    <ErrorReport>prompt</ErrorReport>
+    <OutputPath>bin\</OutputPath>
-    <WarningLevel>4</WarningLevel>
+    <DefineConstants>DEBUG;TRACE</DefineConstants>
-  </PropertyGroup>
+    <ErrorReport>prompt</ErrorReport>
-  <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Release|AnyCPU' ">
+    <WarningLevel>4</WarningLevel>
-    <DebugType>pdbonly</DebugType>
+  </PropertyGroup>
-    <Optimize>true</Optimize>
+  <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Release|AnyCPU' ">
-    <OutputPath>bin\</OutputPath>
+    <DebugType>pdbonly</DebugType>
-    <DefineConstants>TRACE</DefineConstants>
+    <Optimize>true</Optimize>
-    <ErrorReport>prompt</ErrorReport>
+    <OutputPath>bin\</OutputPath>
-    <WarningLevel>4</WarningLevel>
+    <DefineConstants>TRACE</DefineConstants>
-  </PropertyGroup>
+    <ErrorReport>prompt</ErrorReport>
-  <ItemGroup>
+    <WarningLevel>4</WarningLevel>
-    <Reference Include="System" />
+  </PropertyGroup>
-    <Reference Include="System.Core" />
+  <ItemGroup>
-    <Reference Include="System.Windows.Forms" />
+    <Reference Include="System" />
-    <Reference Include="System.Xml.Linq" />
+    <Reference Include="System.Core" />
-    <Reference Include="Microsoft.CSharp" />
+    <Reference Include="System.Drawing" />
-    <Reference Include="System.Data" />
+    <Reference Include="System.Runtime.Serialization" />
-    <Reference Include="System.Xml" />
+    <Reference Include="System.ServiceModel" />
-  </ItemGroup>
+    <Reference Include="System.ServiceModel.Web" />
-  <ItemGroup>
+    <Reference Include="System.Web.Services" />
-    <Compile Include="CClient.cs" />
+    <Reference Include="System.Windows.Forms" />
-    <Compile Include="CConnection.cs" />
+    <Reference Include="System.Xml.Linq" />
-    <Compile Include="CDiscover.cs" />
+    <Reference Include="Microsoft.CSharp" />
-    <Compile Include="CServer.cs" />
+    <Reference Include="System.Data" />
-    <Compile Include="DeffieHellman\BigInt.cs" />
+    <Reference Include="System.Xml" />
-    <Compile Include="DeffieHellman\DeffieHellman.cs" />
+  </ItemGroup>
-    <Compile Include="DeffieHellman\StrongNumberProvider.cs" />
+  <ItemGroup>
-    <Compile Include="Properties\AssemblyInfo.cs" />
+    <Compile Include="CClient.cs" />
-    <Compile Include="Structs.cs" />
+    <Compile Include="CConnection.cs" />
-  </ItemGroup>
+    <Compile Include="CDiscover.cs" />
-  <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
+    <Compile Include="CServer.cs" />
+    <Compile Include="CWebservice.cs" />
+    <Compile Include="DataStructs.cs" />
+    <Compile Include="DeffieHellman\BigInt.cs" />
+    <Compile Include="DeffieHellman\DeffieHellman.cs" />
+    <Compile Include="DeffieHellman\StrongNumberProvider.cs" />
+    <Compile Include="Properties\AssemblyInfo.cs" />
+    <Compile Include="Structs.cs" />
+  </ItemGroup>
+  <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <!-- To modify your build process, add your task inside one of the targets below and uncomment it. 
        Other similar extension points exist, see Microsoft.Common.targets.
   <Target Name="BeforeBuild">
   </Target>
   <Target Name="AfterBuild">
   </Target>
-  -->
+  -->
 </Project>

ClientServerLib/ClientServerLib/DataStructs.cs

@@ -0,0 +1,92 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Runtime.Serialization;
+using System.Drawing;
+using System.IO;
+using System.Drawing.Imaging;
+using System.Text.RegularExpressions;
+
+namespace ClientServerLib
+{
+    public delegate bool SendKeyEventDelegate(string key);
+    
+
+    #region profile
+
+    public delegate ProfileData GetProfileDataDelegate(int profileId);
+    public delegate bool SendProfileDataDelegate(ProfileData profile);
+    public delegate ProfileData[] GetProfileListDelegate();
+
+    [DataContract]
+    public struct ProfileData
+    {
+        [DataMember]
+        public Base64Image Avatar;
+        [DataMember]
+        public string PlayerName;
+        [DataMember]
+        public int Type;
+        [DataMember]
+        public int Difficulty;
+        [DataMember]
+        public int ProfileId;
+        [DataMember]
+        public bool IsEditable;
+    }
+
+    #endregion
+
+    #region photo
+
+    public delegate bool SendPhotoDelegate(PhotoData photo);
+
+    [DataContract]
+    public struct PhotoData
+    {
+        [DataMember]
+        public Base64Image Photo;
+        //Add infomation about the user who took this image??
+    }
+
+    #endregion
+
+    #region website
+
+    public delegate byte[] GetSiteFileDelegate(string filename);
+
+    #endregion
+
+    [DataContract]
+    public class Base64Image
+    {
+        [DataMember]
+        private string base64Data = "";
+
+        public Base64Image(Image img, ImageFormat format)
+        {
+            MemoryStream ms = new MemoryStream();
+            img.Save(ms, format);
+            string formatString = ImageCodecInfo.GetImageEncoders().FirstOrDefault(x => x.FormatID == format.Guid).FilenameExtension.Replace("*.", "").ToLower();
+            base64Data = "data:image/" + formatString + ";base64," + Convert.ToBase64String(ms.ToArray());
+        }
+
+        public Image getImage()
+        {
+            byte[] imageData = Convert.FromBase64String(base64Data);
+            MemoryStream ms = new MemoryStream(imageData, 0, imageData.Length);
+            ms.Write(imageData, 0, imageData.Length);
+            Image image = Image.FromStream(ms, true);
+            return image;
+        }
+
+        public string getImageType()
+        {
+            Match match = Regex.Match(base64Data, "(?<=data:image/)[a-zA-Z]+(?=;base64)");
+            return match.Success ? match.Groups[1].Value : "";
+        }
+
+
+    }
+}

Vocaluxe.sln

@@ -1,4 +1,4 @@
-
+
 Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio 2012
 Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Vocaluxe", "Vocaluxe\Vocaluxe.csproj", "{2A1E0F2D-5392-4BB7-B0A1-A9DFA13E79FF}"
@@ -6,6 +6,7 @@ Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Vocaluxe", "Vocaluxe\Vocalu
 		{6F3E1874-F28A-40E9-AFBD-31934D593678} = {6F3E1874-F28A-40E9-AFBD-31934D593678}
 		{6F3E1874-F28A-40E9-AFBD-31934D593679} = {6F3E1874-F28A-40E9-AFBD-31934D593679}
 		{ED007796-367F-4142-AA55-5450C7645C2C} = {ED007796-367F-4142-AA55-5450C7645C2C}
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3} = {EC5167E4-CCFB-4CEE-987C-CF816F1062A3}
 		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC} = {D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}
 		{5A4053F1-5AD5-441F-B254-D97A088127B6} = {5A4053F1-5AD5-441F-B254-D97A088127B6}
 	EndProjectSection
@@ -20,6 +21,8 @@ Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "PartyModeChallengeMedley",
 EndProject
 Project("{8BC9CEB8-8B4A-11D0-8D11-00A0C91BC942}") = "GstreamerHelper", "GstreamerHelper\GstreamerHelper.vcxproj", "{ED007796-367F-4142-AA55-5450C7645C2C}"
 EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ClientServerLib", "ClientServerLib\ClientServerLib\ClientServerLib.csproj", "{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		DebugLinux|x64 = DebugLinux|x64
@@ -58,6 +61,9 @@ Global
 		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}.DebugLinux|x64.Build.0 = DebugLinux|x64
 		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}.DebugLinux|x86.ActiveCfg = DebugLinux|x86
 		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}.DebugLinux|x86.Build.0 = DebugLinux|x86
+		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}.DebugWin|Any CPU.ActiveCfg = DebugWin|x86
+		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}.DebugWin|Mixed Platforms.ActiveCfg = DebugWin|x86
+		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}.DebugWin|Mixed Platforms.Build.0 = DebugWin|x86
 		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}.DebugWin|x64.ActiveCfg = DebugWin|x64
 		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}.DebugWin|x64.Build.0 = DebugWin|x64
 		{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}.DebugWin|x86.ActiveCfg = DebugWin|x86
@@ -150,6 +156,16 @@ Global
 		{ED007796-367F-4142-AA55-5450C7645C2C}.ReleaseWin|x64.Build.0 = ReleaseWin|x64
 		{ED007796-367F-4142-AA55-5450C7645C2C}.ReleaseWin|x86.ActiveCfg = ReleaseWin|Win32
 		{ED007796-367F-4142-AA55-5450C7645C2C}.ReleaseWin|x86.Build.0 = ReleaseWin|Win32
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.DebugLinux|x64.ActiveCfg = Debug|Any CPU
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.DebugLinux|x86.ActiveCfg = Debug|Any CPU
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.DebugWin|x64.ActiveCfg = Debug|Any CPU
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.DebugWin|x86.ActiveCfg = Debug|Any CPU
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.Release|x64.ActiveCfg = Release|Any CPU
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.Release|x86.ActiveCfg = Release|Any CPU
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.ReleaseLinux|x64.ActiveCfg = Release|Any CPU
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.ReleaseLinux|x86.ActiveCfg = Release|Any CPU
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.ReleaseWin|x64.ActiveCfg = Release|Any CPU
+		{EC5167E4-CCFB-4CEE-987C-CF816F1062A3}.ReleaseWin|x86.ActiveCfg = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE

Vocaluxe/Base/CProfiles.cs

@@ -1,18 +1,18 @@
-#region license
+#region license
-// This file is part of Vocaluxe.
+//     This file is part of Vocaluxe.
 // 
-// Vocaluxe is free software: you can redistribute it and/or modify
+//     Vocaluxe is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
+//     it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
+//     the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
+//     (at your option) any later version.
 // 
-// Vocaluxe is distributed in the hope that it will be useful,
+//     Vocaluxe is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
+//     but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+//     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
+//     GNU General Public License for more details.
 // 
-// You should have received a copy of the GNU General Public License
+//     You should have received a copy of the GNU General Public License
-// along with Vocaluxe. If not, see <http://www.gnu.org/licenses/>.
+//     along with Vocaluxe. If not, see <http://www.gnu.org/licenses/>.
 #endregion
 
 using System;
@@ -305,6 +305,16 @@ namespace Vocaluxe.Base
             return list.ToArray();
         }
 
+        public static CProfile GetProfile(int profileID)
+        {
+            if (!IsProfileIDValid(profileID))
+            {
+                return null;
+            }                
+
+            return _Profiles[profileID];          
+        }
+
         public static IEnumerable<CAvatar> GetAvatars()
         {
             if (_Avatars.Count == 0)
@@ -480,6 +490,14 @@ namespace Vocaluxe.Base
             return _Profiles[profileID].Avatar.ID;
         }
 
+        public static CAvatar GetAvatar(int profileID)
+        {
+            if (!IsProfileIDValid(profileID))
+                return null;
+
+            return _Profiles[profileID].Avatar;
+        }
+
         public static int GetProfileID(int num)
         {
             return _Profiles[num].ID;

Vocaluxe/Base/CSettings.cs

@@ -1,18 +1,18 @@
-#region license
+#region license
-// This file is part of Vocaluxe.
+//     This file is part of Vocaluxe.
 // 
-// Vocaluxe is free software: you can redistribute it and/or modify
+//     Vocaluxe is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
+//     it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
+//     the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
+//     (at your option) any later version.
 // 
-// Vocaluxe is distributed in the hope that it will be useful,
+//     Vocaluxe is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
+//     but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+//     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
+//     GNU General Public License for more details.
 // 
-// You should have received a copy of the GNU General Public License
+//     You should have received a copy of the GNU General Public License
-// along with Vocaluxe. If not, see <http://www.gnu.org/licenses/>.
+//     along with Vocaluxe. If not, see <http://www.gnu.org/licenses/>.
 #endregion
 
 using System;
@@ -102,6 +102,7 @@ namespace Vocaluxe.Base
 #endif
                 Path.Combine(DataPath, FolderProfiles)
             };
+		public static string FolderPhotos = "Photos";
         public const string FolderSongs = "Songs";
         public const string FolderSounds = "Sounds";
         public const string FolderLanguages = "Languages";

Vocaluxe/Base/Server/CCommands.cs

@@ -1,4 +1,4 @@
-#region license
+#region license
 // This file is part of Vocaluxe.
 // 
 // Vocaluxe is free software: you can redistribute it and/or modify
@@ -138,7 +138,7 @@ namespace Vocaluxe.Base.Server
             stream.Write(cmd, 0, cmd.Length);
 
             byte[] data;
-            string json = JsonConvert.SerializeObject(obj);
+                string json = JsonConvert.SerializeObject(obj);
             data = _Encoder.GetBytes(json);
             stream.Write(data, 0, data.Length);
             return stream.ToArray();
@@ -156,16 +156,16 @@ namespace Vocaluxe.Base.Server
 
             var data = new byte[message.Length - 4];
             Array.Copy(message, 4, data, 0, data.Length);
-            try
+                try
-            {
+                {
                 obj = JsonConvert.DeserializeObject<T>(_Encoder.GetString(data));
-                return true;
+                    return true;
-            }
+                }
-            catch
+                catch
-            {
+                {
-                return false;
+                    return false;
             }
         }
         #endregion Serializing
     }
-}
+}

Vocaluxe/Base/Server/CVocaluxeServer.cs

@@ -1,18 +1,18 @@
-#region license
+#region license
-// This file is part of Vocaluxe.
+//     This file is part of Vocaluxe.
 // 
-// Vocaluxe is free software: you can redistribute it and/or modify
+//     Vocaluxe is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
+//     it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
+//     the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
+//     (at your option) any later version.
 // 
-// Vocaluxe is distributed in the hope that it will be useful,
+//     Vocaluxe is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
+//     but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+//     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
+//     GNU General Public License for more details.
 // 
-// You should have received a copy of the GNU General Public License
+//     You should have received a copy of the GNU General Public License
-// along with Vocaluxe. If not, see <http://www.gnu.org/licenses/>.
+//     along with Vocaluxe. If not, see <http://www.gnu.org/licenses/>.
 #endregion
 
 using System;
@@ -20,7 +20,9 @@ using System.Collections.Generic;
 using System.Drawing;
 using System.Drawing.Imaging;
 using System.Runtime.InteropServices;
+using System.Linq;
 using System.IO;
+using System.Text;
 using System.Windows.Forms;
 using ClientServerLib;
 using Vocaluxe.Lib.Input;
@@ -40,8 +42,23 @@ namespace Vocaluxe.Base.Server
         public static void Init()
         {
             _Clients = new Dictionary<int, CClientHandler>();
-            String pw = (CConfig.ServerEncryption == EOffOn.TR_CONFIG_ON) ? CConfig.ServerPassword : String.Empty;
+            if (CConfig.ServerEncryption == EOffOn.TR_CONFIG_ON)
-            _Server = new CServer(RequestHandler, CConfig.ServerPort, pw);
+            {
+                _Server = new CServer(CConfig.ServerPort);
+                //_Server = new CServer(RequestHandler, CConfig.ServerPort, CConfig.ServerPassword);
+            }
+            else
+            {
+                _Server = new CServer(CConfig.ServerPort);
+                //_Server = new CServer(RequestHandler, CConfig.ServerPort, String.Empty);
+            }
+
+            CServer.SendKeyEvent = sendKeyEvent;
+            CServer.GetProfileData = getProfileData;
+            CServer.SendProfileData = sendProfileData;
+            CServer.GetProfileList = getProfileList;
+            CServer.SendPhoto = sendPhoto;
+            CServer.GetSiteFile = getSiteFile;
 
             _Discover = new CDiscover(CConfig.ServerPort, CCommands.BroadcastKeyword);
             Controller.Init();
@@ -63,147 +80,263 @@ namespace Vocaluxe.Base.Server
             _Clients = new Dictionary<int, CClientHandler>();
         }
 
-        private static byte[] RequestHandler(int connectionID, byte[] message)
+        private static bool sendKeyEvent(string key)
         {
-            byte[] answer = CCommands.CreateCommandWithoutParams(CCommands.ResponseNOK);
+            bool result = false;
-
+            if (key != null && key != "")
-            if (message == null)
-                return answer;
-
-            if (message.Length < 4)
-                return answer;
-
-            bool loggedIn;
-            lock (_Clients)
             {
-                if (!_Clients.ContainsKey(connectionID))
+                switch (key.ToLower())
                 {
-                    var client = new CClientHandler(connectionID);
+                    case "up":
-                    _Clients.Add(connectionID, client);
+                        Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Up));
-
+                        result = true;
-                    //just a small fix: There is no real login at the moment, so set it to true.
+                        break;
-                    _Clients[connectionID].LoggedIn = true;
+                    case "down":
-                }
+                        Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Down));
-
+                        result = true;
-                
+                        break;
-                loggedIn = _Clients[connectionID].LoggedIn;
+                    case "left":
-            }
+                        Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Left));
-
+                        result = true;
-            if (!loggedIn)
+                        break;
-                return CCommands.CreateCommandWithoutParams(CCommands.ResponseNOK);
+                    case "right":
-
+                        Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Right));
-            int command = BitConverter.ToInt32(message, 0);
+                        result = true;
-
+                        break;
-            switch (command)
+                    case "escape":
-            {
+                        Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Escape));
-                case CCommands.CommandSendKeyUp:
+                        result = true;
-                    answer = CCommands.CreateCommandWithoutParams(CCommands.ResponseOK);
+                        break;
-                    Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Up));
+                    case "return":
-                    break;
+                        Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Return));
-
+                        result = true;
-                case CCommands.CommandSendKeyDown:
+                        break;
-                    answer = CCommands.CreateCommandWithoutParams(CCommands.ResponseOK);
+                    case "tab":
-                    Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Down));
+                        Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Tab));
-                    break;
+                        result = true;
-
+                        break;
-                case CCommands.CommandSendKeyLeft:
+                    default:
-                    answer = CCommands.CreateCommandWithoutParams(CCommands.ResponseOK);
+                        foreach (char c in key.ToCharArray())
-                    Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Left));
-                    break;
-
-                case CCommands.CommandSendKeyRight:
-                    answer = CCommands.CreateCommandWithoutParams(CCommands.ResponseOK);
-                    Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, Keys.Right));
-                    break;
-
-                case CCommands.CommandSendAvatarPicture:
-
-                    SAvatarPicture avatarPicture;
-                    if (CCommands.DecodeCommandSendAvatarPicture(message, out avatarPicture))
-                    {
-                        using (var bmp = new Bitmap(avatarPicture.Width, avatarPicture.Height))
                         {
-                            BitmapData bmpData = bmp.LockBits(new Rectangle(0, 0, bmp.Width, bmp.Height), ImageLockMode.WriteOnly, PixelFormat.Format32bppArgb);
+                            bool shift = true;
-                            Marshal.Copy(avatarPicture.Data, 0, bmpData.Scan0, avatarPicture.Data.Length);
+                            char keyChar;
-                            bmp.UnlockBits(bmpData);
+                            if (char.ToUpper(c) != c)
-
-                            const string filename = "snapshot";
-                            int i = 0;
-                            while (File.Exists(Path.Combine(CSettings.DataPath, CSettings.FolderProfiles, filename + i + ".png")))
-                                i++;
-                            bmp.Save(Path.Combine(CSettings.DataPath, CSettings.FolderProfiles, filename + i + ".png"), ImageFormat.Png);
-                        }
-
-                        answer = CCommands.CreateCommandWithoutParams(CCommands.ResponseOK);
-                    }
-                    break;
-
-                case CCommands.CommandSendAvatarPictureJpg:
-
-                    SAvatarPicture avatarPictureJpg;
-                    if (CCommands.DecodeCommandSendAvatarPicture(message, out avatarPictureJpg))
-                    {
-                        if (_AddAvatar(avatarPictureJpg.Data) != String.Empty)
-                            answer = CCommands.CreateCommandWithoutParams(CCommands.ResponseOK);
-                    }
-                    break;
-
-                case CCommands.CommandSendProfile:
-                    SProfile profile;
-                    if (CCommands.DecodeCommandSendProfile(message, out profile))
-                    {
-                        try
-                        {
-                            string avatarFilename = _AddAvatar(profile.Avatar.Data);
-                            if (avatarFilename != String.Empty)
                             {
-                                var p = new CProfile
+                                keyChar = char.ToUpper(c);
-                                    {
+                                shift = false;
-                                        Active = EOffOn.TR_CONFIG_ON,
+                            }
-                                        AvatarFileName = avatarFilename,
+                            else
-                                        Difficulty = (EGameDifficulty)profile.Difficulty,
+                            {
-                                        GuestProfile = EOffOn.TR_CONFIG_OFF,
+                                keyChar = c;
-                                        PlayerName = profile.PlayerName
+                            }
-                                    };
+
-                                CProfiles.AddProfile(p);
+                            if ((keyChar >= 0x30 && keyChar <= 0x39) || (keyChar >= 0x41 && keyChar <= 0x5A))
-                                answer = CCommands.CreateCommandWithoutParams(CCommands.ResponseOK);
+                            {
+                                Keys keys = (Keys)keyChar;
+                                if (shift)
+                                {
+                                    keys |= Keys.Shift;
+                                }
+                                Controller.AddKeyEvent(new SKeyEvent(ESender.Keyboard, false, false, false, false, Char.MinValue, keys));
+                                result = true;
                             }
                         }
-                        catch (Exception) {}
+                        break;
-                    }
+                }
-
-                    break;
             }
 
-            return answer;
+            return result;
+
         }
 
-        private static string _AddAvatar(byte[] jpgData)
+        #region profile
+
+        private static ProfileData getProfileData(int profileId)
+        {
+            CProfile profile = CProfiles.GetProfile(profileId);
+            if (profile == null)
+            {
+                return new ProfileData();
+            }
+            return CreateProfileData(profile); ;
+        }
+
+        private static bool sendProfileData(ProfileData profile)
+        {
+            CProfile newProfile;
+            CProfile existingProfile = CProfiles.GetProfile(profile.ProfileId);
+
+            if (existingProfile != null)
+            {
+                newProfile = new CProfile
+                {
+                    Active = existingProfile.Active,
+                    AvatarFileName = existingProfile.AvatarFileName,
+                    Avatar = existingProfile.Avatar,
+                    Difficulty = existingProfile.Difficulty,
+                    GuestProfile = existingProfile.GuestProfile,
+                    PlayerName = existingProfile.PlayerName
+                };
+            }
+            else
+            {
+                newProfile = new CProfile
+                {
+                    Active = EOffOn.TR_CONFIG_ON,
+                    GuestProfile = EOffOn.TR_CONFIG_OFF
+                };
+            }
+
+            if (profile.Avatar != null)
+            {
+                newProfile.Avatar = _AddAvatar(profile.Avatar);
+
+            }
+            else if (newProfile.Avatar == null)
+            {
+                //TODO:standardAvatar                
+            }
+
+            if (profile.PlayerName != null && profile.PlayerName != "")
+            {
+                newProfile.PlayerName = profile.PlayerName;
+            }
+            else if (newProfile.PlayerName != null && newProfile.PlayerName != "")
+            {
+                newProfile.PlayerName = "DummyName";
+            }
+
+            if (profile.Difficulty >= 0 && profile.Difficulty <= 2)
+            {
+                newProfile.Difficulty = (EGameDifficulty)profile.Difficulty;
+            }
+
+            if (existingProfile != null)
+            {
+                CProfiles.EditProfile(newProfile);
+            }
+            else
+            {
+                CProfiles.AddProfile(newProfile);
+            }
+
+            return true;
+        }
+
+        private static ProfileData[] getProfileList()
+        {
+            List<ProfileData> result = new List<ProfileData>(CProfiles.NumProfiles);
+
+            foreach (CProfile profile in CProfiles.GetProfiles())
+            {
+                result.Add(CreateProfileData(profile));
+            }
+
+            return result.ToArray();
+        }
+
+        private static ProfileData CreateProfileData(CProfile profile)
+        {
+            ProfileData profileData = new ProfileData();
+
+            profileData.IsEditable = true; //TODO: set correctly 
+            profileData.PlayerName = profile.PlayerName;
+            profileData.Type = (int)profile.GuestProfile;
+            profileData.Difficulty = (int)profile.Difficulty;
+            CAvatar avatar = profile.Avatar;
+            if (avatar != null)
+            {
+                if (File.Exists(avatar.FileName))
+                {
+                    Image avatarImage = Image.FromFile(avatar.FileName);
+                    //TODO: Convert??? and Compress?
+                    profileData.Avatar = new Base64Image(avatarImage, avatarImage.RawFormat);
+                }
+            }
+            return profileData;
+        }
+
+        private static CAvatar _AddAvatar(Base64Image avatarData)
         {
             string result = String.Empty;
             try
             {
-                string filename = Path.Combine(CSettings.DataPath, CSettings.FolderProfiles, "snapshot");
+                string filename = _SaveImage(avatarData, "snapshot", CSettings.FolderProfiles);
-                int i = 0;
-                while (File.Exists(filename + i + ".jpg"))
-                    i++;
-
-                filename = filename + i + ".jpg";
-                FileStream fs = File.Create(filename);
-                fs.Write(jpgData, 0, jpgData.Length);
-                fs.Flush();
-                fs.Close();
 
                 var avatar = new CAvatar(-1);
                 if (avatar.LoadFromFile(filename))
                 {
                     CProfiles.AddAvatar(avatar);
-                    result = filename;
+                    return avatar;
+                }
+                else
+                {
+                    return null;
                 }
             }
-            catch {}
+            catch
+            {
+                return null;
+            }
+        }
 
-            return result;
+        #endregion
+
+        #region photo
+
+        private static bool sendPhoto(PhotoData photoData)
+        {
+            if (photoData.Photo == null)
+            {
+                return false;
+            }
+
+            string name = DateTime.Now.ToString("yyyy-MM-DD-hh-mm-ss");
+            string filePath = _SaveImage(photoData.Photo, name, CSettings.FolderPhotos);
+
+            return (filePath != null && filePath != "");
+        }
+
+        #endregion
+
+        #region website
+
+        private static byte[] getSiteFile(string filename)
+        {
+            string path = "Website/" + filename;
+            path = path.Replace("..", "");
+
+            if (!File.Exists(path))
+            {
+                return null;
+            }
+
+            /*string content = File.ReadAllText(path);
+
+            content = content.Replace("%SERVER%", System.Net.Dns.GetHostName() + ":" + CConfig.ServerPort);
+
+
+            return Encoding.UTF8.GetBytes(content);*/
+
+            return File.ReadAllBytes(path);
+        }
+
+        #endregion
+
+        private static string _SaveImage(Base64Image imageDate, string name, string folder)
+        {
+            Image avatarImage = imageDate.getImage();
+            string extension = imageDate.getImageType();
+
+            string filename = Path.Combine(folder, name);
+            int i = 0;
+            while (File.Exists(filename + "_" + i + "." + extension))
+            {
+                i++;
+            }
+            filename = filename + "_" + i + "." + extension;
+            avatarImage.Save(filename);
+            return filename;
         }
     }
 }

Vocaluxe/Base/Server/VocaluxeStructs.cs

@@ -22,7 +22,7 @@ namespace Vocaluxe.Base.Server
         public byte[] Sha256;
     }
 
-    public struct SAvatarPicture
+    public struct SPicture
     {
         public int Width;
         public int Height;
@@ -31,7 +31,7 @@ namespace Vocaluxe.Base.Server
 
     public struct SProfile
     {
-        public SAvatarPicture Avatar;
+        public SPicture Avatar;
         public string PlayerName;
         public int Difficulty;
     }

Vocaluxe/Vocaluxe.csproj

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <Project ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <PropertyGroup>
     <Configuration Condition=" '$(Configuration)' == '' ">DebugWin</Configuration>
@@ -15,7 +15,8 @@
     <IsWebBootstrapper>false</IsWebBootstrapper>
     <StartupObject>Vocaluxe.CMainProgram</StartupObject>
     <ApplicationIcon>Vocaluxe.ico</ApplicationIcon>
-    <TargetFrameworkProfile>Client</TargetFrameworkProfile>
+    <TargetFrameworkProfile>
+    </TargetFrameworkProfile>
     <PublishUrl>publish\</PublishUrl>
     <Install>true</Install>
     <InstallFrom>Disk</InstallFrom>
@@ -197,6 +198,7 @@
     <Reference Include="System" />
     <Reference Include="System.Data" />
     <Reference Include="System.Drawing" />
+    <Reference Include="System.Web.Services" />
     <Reference Include="System.Windows.Forms" />
     <Reference Include="System.XML" />
   </ItemGroup>
@@ -310,11 +312,78 @@
   <ItemGroup>
     <Content Include="Doc\Roadmap.txt" />
     <Content Include="Vocaluxe.ico" />
+    <Content Include="Website\css\images\ajax-loader.gif">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>images</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\css\images\icons-18-black.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>images</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\css\images\icons-18-white.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>images</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\css\images\icons-36-black.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>images</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\css\images\icons-36-white.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>images</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\css\jquery.mobile-1.3.2.min.css">
+      <CustomToolNamespace>css</CustomToolNamespace>
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Website\css\jquery.mobile.theme-1.3.2.min.css">
+      <CustomToolNamespace>css</CustomToolNamespace>
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Website\css\style.css">
+      <CustomToolNamespace>css</CustomToolNamespace>
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Website\index.html">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Website\img\admin.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>img</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\img\keyboard.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>img</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\img\photo.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>img</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\img\profile.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>img</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\img\profiles.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>img</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\js\jquery-1.9.1.min.js">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+      <CustomToolNamespace>js</CustomToolNamespace>
+    </Content>
+    <Content Include="Website\js\jquery.mobile-1.3.2.min.js">
+      <CustomToolNamespace>js</CustomToolNamespace>
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Website\js\main.js">
+      <CustomToolNamespace>js</CustomToolNamespace>
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
   </ItemGroup>
   <ItemGroup>
     <BootstrapperPackage Include=".NETFramework,Version=v4.0,Profile=Client,KB2468871">
       <Visible>False</Visible>
-      <ProductName>Microsoft .NET Framework 4 Client Profile %28x86 und x64%29 und Update für .NET Framework 4 %28KB2468871%29</ProductName>
+      <ProductName>Microsoft .NET Framework 4 Client Profile %28x86 und x64%29 und Update für .NET Framework 4 %28KB2468871%29</ProductName>
       <Install>true</Install>
     </BootstrapperPackage>
     <BootstrapperPackage Include="Microsoft.Windows.Installer.3.1">
@@ -324,11 +393,18 @@
     </BootstrapperPackage>
   </ItemGroup>
   <ItemGroup>
+    <ProjectReference Include="..\ClientServerLib\ClientServerLib\ClientServerLib.csproj">
+      <Project>{ec5167e4-ccfb-4cee-987c-cf816f1062a3}</Project>
+      <Name>ClientServerLib</Name>
+    </ProjectReference>
     <ProjectReference Include="..\VocaluxeLib\VocaluxeLib.csproj">
       <Project>{D2B6DDEF-E0E1-4DDF-A73A-E6ACEF5C95EC}</Project>
       <Name>VocaluxeLib</Name>
     </ProjectReference>
   </ItemGroup>
+  <ItemGroup>
+    <Folder Include="Website\html\" />
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <!-- To modify your build process, add your task inside one of the targets below and uncomment it. 
        Other similar extension points exist, see Microsoft.Common.targets.

Vocaluxe/Website/css/jquery.mobile-1.3.2.min.css

@@ -0,0 +1,12 @@
+/*! jQuery Mobile 1.3.2 | Git HEAD hash: 528cf0e <> 2013-07-19T22:17:57Z | (c) 2010, 2013 jQuery Foundation, Inc. | jquery.org/license */
+
+/*!
+* jQuery Mobile 1.3.2
+* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/.ui-bar-a{border:1px solid #333;background:#111;color:#fff;font-weight:700;text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));background-image:-webkit-linear-gradient(#3c3c3c,#111);background-image:-moz-linear-gradient(#3c3c3c,#111);background-image:-ms-linear-gradient(#3c3c3c,#111);background-image:-o-linear-gradient(#3c3c3c,#111);background-image:linear-gradient(#3c3c3c,#111)}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif}.ui-bar-a .ui-link-inherit{color:#fff}.ui-bar-a a.ui-link{color:#7cc4e7;font-weight:700}.ui-bar-a a.ui-link:visited{color:#2489ce}.ui-bar-a a.ui-link:hover{color:#2489ce}.ui-bar-a a.ui-link:active{color:#2489ce}.ui-body-a,.ui-overlay-a{border:1px solid #444;background:#222;color:#fff;text-shadow:0 1px 0 #111;font-weight:400;background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background-image:-webkit-linear-gradient(#444,#222);background-image:-moz-linear-gradient(#444,#222);background-image:-ms-linear-gradient(#444,#222);background-image:-o-linear-gradient(#444,#222);background-image:linear-gradient(#444,#222)}.ui-overlay-a{background-image:none;border-width:0}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif}.ui-body-a .ui-link-inherit{color:#fff}.ui-body-a .ui-link{color:#2489ce;font-weight:700}.ui-body-a .ui-link:visited{color:#2489ce}.ui-body-a .ui-link:hover{color:#2489ce}.ui-body-a .ui-link:active{color:#2489ce}.ui-btn-up-a{border:1px solid #111;background:#333;font-weight:700;color:#fff;text-shadow:0 1px 0 #111;background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#2d2d2d));background-image:-webkit-linear-gradient(#444,#2d2d2d);background-image:-moz-linear-gradient(#444,#2d2d2d);background-image:-ms-linear-gradient(#444,#2d2d2d);background-image:-o-linear-gradient(#444,#2d2d2d);background-image:linear-gradient(#444,#2d2d2d)}.ui-btn-up-a:visited,.ui-btn-up-a a.ui-link-inherit{color:#fff}.ui-btn-hover-a{border:1px solid #000;background:#444;font-weight:700;color:#fff;text-shadow:0 1px 0 #111;background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#383838));background-image:-webkit-linear-gradient(#555,#383838);background-image:-moz-linear-gradient(#555,#383838);background-image:-ms-linear-gradient(#555,#383838);background-image:-o-linear-gradient(#555,#383838);background-image:linear-gradient(#555,#383838)}.ui-btn-hover-a:visited,.ui-btn-hover-a:hover,.ui-btn-hover-a a.ui-link-inherit{color:#fff}.ui-btn-down-a{border:1px solid #000;background:#222;font-weight:700;color:#fff;text-shadow:0 1px 0 #111;background-image:-webkit-gradient(linear,left top,left bottom,from(#202020),to(#2c2c2c));background-image:-webkit-linear-gradient(#202020,#2c2c2c);background-image:-moz-linear-gradient(#202020,#2c2c2c);background-image:-ms-linear-gradient(#202020,#2c2c2c);background-image:-o-linear-gradient(#202020,#2c2c2c);background-image:linear-gradient(#202020,#2c2c2c)}.ui-btn-down-a:visited,.ui-btn-down-a:hover,.ui-btn-down-a a.ui-link-inherit{color:#fff}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-b{border:1px solid #456f9a;background:#5e87b0;color:#fff;font-weight:700;text-shadow:0 1px 0 #3e6790;background-image:-webkit-gradient(linear,left top,left bottom,from(#6facd5),to(#497bae));background-image:-webkit-linear-gradient(#6facd5,#497bae);background-image:-moz-linear-gradient(#6facd5,#497bae);background-image:-ms-linear-gradient(#6facd5,#497bae);background-image:-o-linear-gradient(#6facd5,#497bae);background-image:linear-gradient(#6facd5,#497bae)}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif}.ui-bar-b .ui-link-inherit{color:#fff}.ui-bar-b a.ui-link{color:#ddf0f8;font-weight:700}.ui-bar-b a.ui-link:visited{color:#ddf0f8}.ui-bar-b a.ui-link:hover{color:#ddf0f8}.ui-bar-b a.ui-link:active{color:#ddf0f8}.ui-body-b,.ui-overlay-b{border:1px solid #999;background:#f3f3f3;color:#222;text-shadow:0 1px 0 #fff;font-weight:400;background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#ccc));background-image:-webkit-linear-gradient(#ddd,#ccc);background-image:-moz-linear-gradient(#ddd,#ccc);background-image:-ms-linear-gradient(#ddd,#ccc);background-image:-o-linear-gradient(#ddd,#ccc);background-image:linear-gradient(#ddd,#ccc)}.ui-overlay-b{background-image:none;border-width:0}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif}.ui-body-b .ui-link-inherit{color:#333}.ui-body-b .ui-link{color:#2489ce;font-weight:700}.ui-body-b .ui-link:visited{color:#2489ce}.ui-body-b .ui-link:hover{color:#2489ce}.ui-body-b .ui-link:active{color:#2489ce}.ui-btn-up-b{border:1px solid #044062;background:#396b9e;font-weight:700;coloLine truncated

Vocaluxe/Website/css/jquery.mobile.theme-1.3.2.min.css

@@ -0,0 +1,12 @@
+/*! jQuery Mobile 1.3.2 | Git HEAD hash: 528cf0e <> 2013-07-19T22:17:57Z | (c) 2010, 2013 jQuery Foundation, Inc. | jquery.org/license */
+
+/*!
+* jQuery Mobile 1.3.2
+* Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/.ui-bar-a{border:1px solid #333;background:#111;color:#fff;font-weight:700;text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));background-image:-webkit-linear-gradient(#3c3c3c,#111);background-image:-moz-linear-gradient(#3c3c3c,#111);background-image:-ms-linear-gradient(#3c3c3c,#111);background-image:-o-linear-gradient(#3c3c3c,#111);background-image:linear-gradient(#3c3c3c,#111)}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif}.ui-bar-a .ui-link-inherit{color:#fff}.ui-bar-a a.ui-link{color:#7cc4e7;font-weight:700}.ui-bar-a a.ui-link:visited{color:#2489ce}.ui-bar-a a.ui-link:hover{color:#2489ce}.ui-bar-a a.ui-link:active{color:#2489ce}.ui-body-a,.ui-overlay-a{border:1px solid #444;background:#222;color:#fff;text-shadow:0 1px 0 #111;font-weight:400;background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background-image:-webkit-linear-gradient(#444,#222);background-image:-moz-linear-gradient(#444,#222);background-image:-ms-linear-gradient(#444,#222);background-image:-o-linear-gradient(#444,#222);background-image:linear-gradient(#444,#222)}.ui-overlay-a{background-image:none;border-width:0}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif}.ui-body-a .ui-link-inherit{color:#fff}.ui-body-a .ui-link{color:#2489ce;font-weight:700}.ui-body-a .ui-link:visited{color:#2489ce}.ui-body-a .ui-link:hover{color:#2489ce}.ui-body-a .ui-link:active{color:#2489ce}.ui-btn-up-a{border:1px solid #111;background:#333;font-weight:700;color:#fff;text-shadow:0 1px 0 #111;background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#2d2d2d));background-image:-webkit-linear-gradient(#444,#2d2d2d);background-image:-moz-linear-gradient(#444,#2d2d2d);background-image:-ms-linear-gradient(#444,#2d2d2d);background-image:-o-linear-gradient(#444,#2d2d2d);background-image:linear-gradient(#444,#2d2d2d)}.ui-btn-up-a:visited,.ui-btn-up-a a.ui-link-inherit{color:#fff}.ui-btn-hover-a{border:1px solid #000;background:#444;font-weight:700;color:#fff;text-shadow:0 1px 0 #111;background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#383838));background-image:-webkit-linear-gradient(#555,#383838);background-image:-moz-linear-gradient(#555,#383838);background-image:-ms-linear-gradient(#555,#383838);background-image:-o-linear-gradient(#555,#383838);background-image:linear-gradient(#555,#383838)}.ui-btn-hover-a:visited,.ui-btn-hover-a:hover,.ui-btn-hover-a a.ui-link-inherit{color:#fff}.ui-btn-down-a{border:1px solid #000;background:#222;font-weight:700;color:#fff;text-shadow:0 1px 0 #111;background-image:-webkit-gradient(linear,left top,left bottom,from(#202020),to(#2c2c2c));background-image:-webkit-linear-gradient(#202020,#2c2c2c);background-image:-moz-linear-gradient(#202020,#2c2c2c);background-image:-ms-linear-gradient(#202020,#2c2c2c);background-image:-o-linear-gradient(#202020,#2c2c2c);background-image:linear-gradient(#202020,#2c2c2c)}.ui-btn-down-a:visited,.ui-btn-down-a:hover,.ui-btn-down-a a.ui-link-inherit{color:#fff}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-b{border:1px solid #456f9a;background:#5e87b0;color:#fff;font-weight:700;text-shadow:0 1px 0 #3e6790;background-image:-webkit-gradient(linear,left top,left bottom,from(#6facd5),to(#497bae));background-image:-webkit-linear-gradient(#6facd5,#497bae);background-image:-moz-linear-gradient(#6facd5,#497bae);background-image:-ms-linear-gradient(#6facd5,#497bae);background-image:-o-linear-gradient(#6facd5,#497bae);background-image:linear-gradient(#6facd5,#497bae)}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif}.ui-bar-b .ui-link-inherit{color:#fff}.ui-bar-b a.ui-link{color:#ddf0f8;font-weight:700}.ui-bar-b a.ui-link:visited{color:#ddf0f8}.ui-bar-b a.ui-link:hover{color:#ddf0f8}.ui-bar-b a.ui-link:active{color:#ddf0f8}.ui-body-b,.ui-overlay-b{border:1px solid #999;background:#f3f3f3;color:#222;text-shadow:0 1px 0 #fff;font-weight:400;background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#ccc));background-image:-webkit-linear-gradient(#ddd,#ccc);background-image:-moz-linear-gradient(#ddd,#ccc);background-image:-ms-linear-gradient(#ddd,#ccc);background-image:-o-linear-gradient(#ddd,#ccc);background-image:linear-gradient(#ddd,#ccc)}.ui-overlay-b{background-image:none;border-width:0}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif}.ui-body-b .ui-link-inherit{color:#333}.ui-body-b .ui-link{color:#2489ce;font-weight:700}.ui-body-b .ui-link:visited{color:#2489ce}.ui-body-b .ui-link:hover{color:#2489ce}.ui-body-b .ui-link:active{color:#2489ce}.ui-btn-up-b{border:1px solid #044062;background:#396b9e;font-weight:700;coloLine truncated

Vocaluxe/Website/css/style.css

@@ -0,0 +1,41 @@
+#playerAvatar {
+    height: 75%;
+    max-width: 250px;
+    height: auto;
+}
+
+#playerName {
+    text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+#displayProfileContent {
+    text-align: center;
+}
+
+#keyboardContent {
+    text-align: center;
+}
+
+.overlay {
+    position: relative;
+    height: 100%;
+    width: 100%;
+    background-color: rgba(0,0,0,0.7);
+}
+
+.ui-loader-background {
+    width: 100%;
+    height: 100%;
+    top: 0;
+    margin: 0;
+    background: rgba(0, 0, 0, 0.3);
+    display: none;
+    position: fixed;
+    z-index: 100;
+}
+
+.ui-loading .ui-loader-background {
+    display: block;
+}

Vocaluxe/Website/index.html

@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Vocaluxe</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
+    <link rel="stylesheet" href="css/style.css" />
+    <script src="js/jquery-1.9.1.min.js"></script>
+    <script src="js/jquery.mobile-1.3.2.min.js"></script>
+    <script src="js/main.js"></script>
+</head>
+<body>
+
+    <div id="main" data-role="page" data-content-theme="a">
+        <div data-role="header">
+            <h1>Volcaluxe</h1>
+        </div>
+        <!-- /header -->
+
+        <div id="mainContent" data-role="content" data-add-back-btn="true">
+            <ul data-role="listview">
+                <li>
+                    <a href="#displayProfile" data-transition="slidefade">
+                        <img src="img/profile.png">
+                        <h2>Your Profile</h2>
+                        <p>Edit your profile</p>
+                    </a>
+                </li>
+                <li>
+                    <a href="#selectProfile" data-transition="slidefade">
+                        <img src="img/profiles.png">
+                        <h2>Profiles</h2>
+                        <p>Shows all profiles</p>
+                    </a>
+                </li>
+                <li>
+                    <a id="mainPageTakePhotoLink" href="#" data-transition="slidefade">
+                        <img src="img/photo.png">
+                        <h2>Take Photo</h2>
+                        <p>Takes a photo and displays it at the end of the current round</p>
+                    </a>
+                </li>
+                <li>
+                    <a href="#keyboard" data-transition="slidefade">
+                        <img src="img/keyboard.png">
+                        <h2>Keyboard</h2>
+                        <p>Send keys</p>
+                    </a>
+                </li>
+                <li>
+                    <a href="#" data-transition="slidefade">
+                        <img src="img/admin.png">
+                        <h2>Administration</h2>
+                        <p>Configure options and rights</p>
+                    </a>
+                </li>
+            </ul>
+        </div>
+        <!-- /content -->
+    </div>
+    <!-- /page -->
+
+    <div id="selectProfile" data-content-theme="a" data-role="page" data-add-back-btn="true">
+        <div data-role="header">
+            <h1>All profiles</h1>
+        </div>
+        <!-- /header -->
+
+        <div id="selectProfileContent" data-role="content">
+            <ul id="selectProfileList" data-role="listview"></ul>
+        </div>
+        <!-- /content -->
+    </div>
+    <!-- /page -->
+
+
+    <div id="displayProfile" data-content-theme="a" data-role="page" data-add-back-btn="true">
+        <div data-role="header">
+            <h1>Profile</h1>
+        </div>
+        <!-- /header -->
+
+        <div id="displayProfileContent" data-role="content">
+            <img id="playerAvatar" src="img/profile.png" alt="Avatar">
+            <label for="playerName" class="input">Name:</label>
+            <input type="text" id="playerName" name="playerName" data-mini="true" value="Your Name">
+
+            <label for="playerType" class="select">Player Type:</label>
+            <select name="playerType" id="playerType">
+                <option value="0">Normal</option>
+                <option value="1">Guest</option>
+            </select>
+            <label for="playerDifficulty" class="select">Difficulty:</label>
+            <select name="playerDifficulty" id="playerDifficulty">
+                <option value="0">Easy</option>
+                <option value="1">Normal</option>
+                <option value="2">Hard</option>
+            </select>
+            <a data-role="button" id="playerSaveButton">Save and upload</a>
+        </div>
+        <!-- /content -->
+    </div>
+    <!-- /page -->
+
+    <div id="keyboard" data-content-theme="a" data-role="page" data-add-back-btn="true">
+        <div data-role="header">
+            <h1>Keyboard</h1>
+        </div>
+        <!-- /header -->
+
+        <div id="keyboardContent" data-role="content">
+            <div class="ui-grid-b">
+                <div class="ui-block-a"></div>
+                <div class="ui-block-b">
+                    <a data-role="button" id="keyboardButtonUp">up</a>
+                </div>
+                <div class="ui-block-c"></div>
+                <div class="ui-block-a">
+                    <a data-role="button" id="keyboardButtonLeft">left</a>
+                </div>
+                <div class="ui-block-b">
+                </div>
+                <div class="ui-block-c">
+                    <a data-role="button" id="keyboardButtonRight">right</a>
+                </div>
+                <div class="ui-block-a"></div>
+                <div class="ui-block-b">
+                    <a data-role="button" id="keyboardButtonDown">down</a>
+                </div>
+                <div class="ui-block-c"></div>
+            </div>
+            <div class="ui-grid-b">
+                <div class="ui-block-a">
+                    <a data-role="button" id="keyboardButtonEscape">escape</a>
+                </div>
+                <div class="ui-block-b">
+                    <a data-role="button" id="keyboardButtonTab">tab</a>
+                </div>
+                <div class="ui-block-c">
+                    <a data-role="button" id="keyboardButtonReturn">return</a>
+                </div>
+            </div>
+            <div>
+                <label for="keyboardButtonKeys">To send other keys type here:</label>
+                <input type="text" id="keyboardButtonKeys" data-mini="true">
+            </div>
+        </div>
+        <!-- /content -->
+    </div>
+    <!-- /page -->
+
+    <div class="ui-loader-background"> </div>
+</body>
+</html>
+
+<!DOCTYPE html>

Vocaluxe/Website/js/jquery-1.9.1.min.js

@@ -0,0 +1,5 @@
+/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license
+//@ sourceMappingURL=jquery.min.map
+*/(function(e,t){var n,r,i=typeof t,o=e.document,a=e.location,s=e.jQuery,u=e.$,l={},c=[],p="1.9.1",f=c.concat,d=c.push,h=c.slice,g=c.indexOf,m=l.toString,y=l.hasOwnProperty,v=p.trim,b=function(e,t){return new b.fn.init(e,t,r)},x=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,w=/\S+/g,T=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,N=/^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/,C=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,k=/^[\],:{}\s]*$/,E=/(?:^|:|,)(?:\s*\[)+/g,S=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,A=/"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,j=/^-ms-/,D=/-([\da-z])/gi,L=function(e,t){return t.toUpperCase()},H=function(e){(o.addEventListener||"load"===e.type||"complete"===o.readyState)&&(q(),b.ready())},q=function(){o.addEventListener?(o.removeEventListener("DOMContentLoaded",H,!1),e.removeEventListener("load",H,!1)):(o.detachEvent("onreadystatechange",H),e.detachEvent("onload",H))};b.fn=b.prototype={jquery:p,constructor:b,init:function(e,n,r){var i,a;if(!e)return this;if("string"==typeof e){if(i="<"===e.charAt(0)&&">"===e.charAt(e.length-1)&&e.length>=3?[null,e,null]:N.exec(e),!i||!i[1]&&n)return!n||n.jquery?(n||r).find(e):this.constructor(n).find(e);if(i[1]){if(n=n instanceof b?n[0]:n,b.merge(this,b.parseHTML(i[1],n&&n.nodeType?n.ownerDocument||n:o,!0)),C.test(i[1])&&b.isPlainObject(n))for(i in n)b.isFunction(this[i])?this[i](n[i]):this.attr(i,n[i]);return this}if(a=o.getElementById(i[2]),a&&a.parentNode){if(a.id!==i[2])return r.find(e);this.length=1,this[0]=a}return this.context=o,this.selector=e,this}return e.nodeType?(this.context=this[0]=e,this.length=1,this):b.isFunction(e)?r.ready(e):(e.selector!==t&&(this.selector=e.selector,this.context=e.context),b.makeArray(e,this))},selector:"",length:0,size:function(){return this.length},toArray:function(){return h.call(this)},get:function(e){return null==e?this.toArray():0>e?this[this.length+e]:this[e]},pushStack:function(e){var t=b.merge(this.constructor(),e);return t.prevObject=this,t.context=this.context,t},each:function(e,t){return b.each(this,e,t)},ready:function(e){return b.ready.promise().done(e),this},slice:function(){return this.pushStack(h.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(e){var t=this.length,n=+e+(0>e?t:0);return this.pushStack(n>=0&&t>n?[this[n]]:[])},map:function(e){return this.pushStack(b.map(this,function(t,n){return e.call(t,n,t)}))},end:function(){return this.prevObject||this.constructor(null)},push:d,sort:[].sort,splice:[].splice},b.fn.init.prototype=b.fn,b.extend=b.fn.extend=function(){var e,n,r,i,o,a,s=arguments[0]||{},u=1,l=arguments.length,c=!1;for("boolean"==typeof s&&(c=s,s=arguments[1]||{},u=2),"object"==typeof s||b.isFunction(s)||(s={}),l===u&&(s=this,--u);l>u;u++)if(null!=(o=arguments[u]))for(i in o)e=s[i],r=o[i],s!==r&&(c&&r&&(b.isPlainObject(r)||(n=b.isArray(r)))?(n?(n=!1,a=e&&b.isArray(e)?e:[]):a=e&&b.isPlainObject(e)?e:{},s[i]=b.extend(c,a,r)):r!==t&&(s[i]=r));return s},b.extend({noConflict:function(t){return e.$===b&&(e.$=u),t&&e.jQuery===b&&(e.jQuery=s),b},isReady:!1,readyWait:1,holdReady:function(e){e?b.readyWait++:b.ready(!0)},ready:function(e){if(e===!0?!--b.readyWait:!b.isReady){if(!o.body)return setTimeout(b.ready);b.isReady=!0,e!==!0&&--b.readyWait>0||(n.resolveWith(o,[b]),b.fn.trigger&&b(o).trigger("ready").off("ready"))}},isFunction:function(e){return"function"===b.type(e)},isArray:Array.isArray||function(e){return"array"===b.type(e)},isWindow:function(e){return null!=e&&e==e.window},isNumeric:function(e){return!isNaN(parseFloat(e))&&isFinite(e)},type:function(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?l[m.call(e)]||"object":typeof e},isPlainObject:function(e){if(!e||"object"!==b.type(e)||e.nodeType||b.isWindow(e))return!1;try{if(e.constructor&&!y.call(e,"constructor")&&!y.call(e.constructor.prototype,"isPrototypeOf"))return!1}catch(n){return!1}var r;for(r in e);return r===t||y.call(e,r)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},error:function(e){throw Error(e)},parseHTML:function(e,t,n){if(!e||"string"!=typeof e)return null;"boolean"==typeof t&&(n=t,t=!1),t=t||o;var r=C.exec(e),i=!n&&[];return r?[t.createElement(r[1])]:(r=b.buildFragment([e],t,i),i&&b(i).remove(),b.merge([],r.childNodes))},parseJSON:function(n){return e.JSON&&e.JSON.parse?e.JSON.parse(n):null===n?n:"string"==typeof n&&(n=b.trim(n),n&&k.test(n.replace(S,"@").replace(A,"]").replace(E,"")))?Function("return "+n)():(b.error("Invalid JSON: "+n),t)},parseXML:function(n){var r,i;if(!n||"string"!=typeof n)return null;try{e.DOMParser?(i=new DOMParser,r=i.parseFromString(n,"text/xml")):(r=new ActiveXObject("Microsoft.XMLDOM"),r.async="false",r.loadXML(n))}catch(o){r=t}return r&&r.documentElement&&!r.getElementsByTagName("parsererror").length||b.error("Invalid XML: "+n),r},noop:function(){},globalEval:function(t){t&&b.trim(t)&&(e.execScript||function(t){e.eval.call(e,t)})(t)},camelCase:function(e){return e.replace(j,"ms-").replace(D,L)},nodeName:function(Line truncated
+return(!i||i!==r&&!b.contains(r,i))&&(e.type=o.origType,n=o.handler.apply(this,arguments),e.type=t),n}}}),b.support.submitBubbles||(b.event.special.submit={setup:function(){return b.nodeName(this,"form")?!1:(b.event.add(this,"click._submit keypress._submit",function(e){var n=e.target,r=b.nodeName(n,"input")||b.nodeName(n,"button")?n.form:t;r&&!b._data(r,"submitBubbles")&&(b.event.add(r,"submit._submit",function(e){e._submit_bubble=!0}),b._data(r,"submitBubbles",!0))}),t)},postDispatch:function(e){e._submit_bubble&&(delete e._submit_bubble,this.parentNode&&!e.isTrigger&&b.event.simulate("submit",this.parentNode,e,!0))},teardown:function(){return b.nodeName(this,"form")?!1:(b.event.remove(this,"._submit"),t)}}),b.support.changeBubbles||(b.event.special.change={setup:function(){return Z.test(this.nodeName)?(("checkbox"===this.type||"radio"===this.type)&&(b.event.add(this,"propertychange._change",function(e){"checked"===e.originalEvent.propertyName&&(this._just_changed=!0)}),b.event.add(this,"click._change",function(e){this._just_changed&&!e.isTrigger&&(this._just_changed=!1),b.event.simulate("change",this,e,!0)})),!1):(b.event.add(this,"beforeactivate._change",function(e){var t=e.target;Z.test(t.nodeName)&&!b._data(t,"changeBubbles")&&(b.event.add(t,"change._change",function(e){!this.parentNode||e.isSimulated||e.isTrigger||b.event.simulate("change",this.parentNode,e,!0)}),b._data(t,"changeBubbles",!0))}),t)},handle:function(e){var n=e.target;return this!==n||e.isSimulated||e.isTrigger||"radio"!==n.type&&"checkbox"!==n.type?e.handleObj.handler.apply(this,arguments):t},teardown:function(){return b.event.remove(this,"._change"),!Z.test(this.nodeName)}}),b.support.focusinBubbles||b.each({focus:"focusin",blur:"focusout"},function(e,t){var n=0,r=function(e){b.event.simulate(t,e.target,b.event.fix(e),!0)};b.event.special[t]={setup:function(){0===n++&&o.addEventListener(e,r,!0)},teardown:function(){0===--n&&o.removeEventListener(e,r,!0)}}}),b.fn.extend({on:function(e,n,r,i,o){var a,s;if("object"==typeof e){"string"!=typeof n&&(r=r||n,n=t);for(a in e)this.on(a,n,r,e[a],o);return this}if(null==r&&null==i?(i=n,r=n=t):null==i&&("string"==typeof n?(i=r,r=t):(i=r,r=n,n=t)),i===!1)i=ot;else if(!i)return this;return 1===o&&(s=i,i=function(e){return b().off(e),s.apply(this,arguments)},i.guid=s.guid||(s.guid=b.guid++)),this.each(function(){b.event.add(this,e,i,r,n)})},one:function(e,t,n,r){return this.on(e,t,n,r,1)},off:function(e,n,r){var i,o;if(e&&e.preventDefault&&e.handleObj)return i=e.handleObj,b(e.delegateTarget).off(i.namespace?i.origType+"."+i.namespace:i.origType,i.selector,i.handler),this;if("object"==typeof e){for(o in e)this.off(o,n,e[o]);return this}return(n===!1||"function"==typeof n)&&(r=n,n=t),r===!1&&(r=ot),this.each(function(){b.event.remove(this,e,r,n)})},bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},trigger:function(e,t){return this.each(function(){b.event.trigger(e,t,this)})},triggerHandler:function(e,n){var r=this[0];return r?b.event.trigger(e,n,r,!0):t}}),function(e,t){var n,r,i,o,a,s,u,l,c,p,f,d,h,g,m,y,v,x="sizzle"+-new Date,w=e.document,T={},N=0,C=0,k=it(),E=it(),S=it(),A=typeof t,j=1<<31,D=[],L=D.pop,H=D.push,q=D.slice,M=D.indexOf||function(e){var t=0,n=this.length;for(;n>t;t++)if(this[t]===e)return t;return-1},_="[\\x20\\t\\r\\n\\f]",F="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",O=F.replace("w","w#"),B="([*^$|!~]?=)",P="\\["+_+"*("+F+")"+_+"*(?:"+B+_+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+O+")|)|)"+_+"*\\]",R=":("+F+")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|"+P.replace(3,8)+")*)|.*)\\)|)",W=RegExp("^"+_+"+|((?:^|[^\\\\])(?:\\\\.)*)"+_+"+$","g"),$=RegExp("^"+_+"*,"+_+"*"),I=RegExp("^"+_+"*([\\x20\\t\\r\\n\\f>+~])"+_+"*"),z=RegExp(R),X=RegExp("^"+O+"$"),U={ID:RegExp("^#("+F+")"),CLASS:RegExp("^\\.("+F+")"),NAME:RegExp("^\\[name=['\"]?("+F+")['\"]?\\]"),TAG:RegExp("^("+F.replace("w","w*")+")"),ATTR:RegExp("^"+P),PSEUDO:RegExp("^"+R),CHILD:RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+_+"*(even|odd|(([+-]|)(\\d*)n|)"+_+"*(?:([+-]|)"+_+"*(\\d+)|))"+_+"*\\)|)","i"),needsContext:RegExp("^"+_+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+_+"*((?:-\\d)?\\d*)"+_+"*\\)|)(?=[^-]|$)","i")},V=/[\x20\t\r\n\f]*[+~]/,Y=/^[^{]+\{\s*\[native code/,J=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,G=/^(?:input|select|textarea|button)$/i,Q=/^h\d$/i,K=/'|\\/g,Z=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,et=/\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?|.)/g,tt=function(e,t){var n="0x"+t-65536;return n!==n?t:0>n?String.fromCharCode(n+65536):String.fromCharCode(55296|n>>10,56320|1023&n)};try{q.call(w.documentElement.childNodes,0)[0].nodeType}catch(nt){q=function(e){var t,n=[];while(t=this[e++])n.push(t);return n}}function rt(e){return Y.test(e+"")}function it(){var e,t=[];return e=function(n,r){return t.push(n+Line truncated
+}b.merge(d,s.childNodes),s.textContent="";while(s.firstChild)s.removeChild(s.firstChild);s=f.lastChild}else d.push(t.createTextNode(o));s&&f.removeChild(s),b.support.appendChecked||b.grep(Ot(d,"input"),Bt),h=0;while(o=d[h++])if((!r||-1===b.inArray(o,r))&&(a=b.contains(o.ownerDocument,o),s=Ot(f.appendChild(o),"script"),a&&Mt(s),n)){i=0;while(o=s[i++])kt.test(o.type||"")&&n.push(o)}return s=null,f},cleanData:function(e,t){var n,r,o,a,s=0,u=b.expando,l=b.cache,p=b.support.deleteExpando,f=b.event.special;for(;null!=(n=e[s]);s++)if((t||b.acceptData(n))&&(o=n[u],a=o&&l[o])){if(a.events)for(r in a.events)f[r]?b.event.remove(n,r):b.removeEvent(n,r,a.handle);l[o]&&(delete l[o],p?delete n[u]:typeof n.removeAttribute!==i?n.removeAttribute(u):n[u]=null,c.push(o))}}});var Pt,Rt,Wt,$t=/alpha\([^)]*\)/i,It=/opacity\s*=\s*([^)]*)/,zt=/^(top|right|bottom|left)$/,Xt=/^(none|table(?!-c[ea]).+)/,Ut=/^margin/,Vt=RegExp("^("+x+")(.*)$","i"),Yt=RegExp("^("+x+")(?!px)[a-z%]+$","i"),Jt=RegExp("^([+-])=("+x+")","i"),Gt={BODY:"block"},Qt={position:"absolute",visibility:"hidden",display:"block"},Kt={letterSpacing:0,fontWeight:400},Zt=["Top","Right","Bottom","Left"],en=["Webkit","O","Moz","ms"];function tn(e,t){if(t in e)return t;var n=t.charAt(0).toUpperCase()+t.slice(1),r=t,i=en.length;while(i--)if(t=en[i]+n,t in e)return t;return r}function nn(e,t){return e=t||e,"none"===b.css(e,"display")||!b.contains(e.ownerDocument,e)}function rn(e,t){var n,r,i,o=[],a=0,s=e.length;for(;s>a;a++)r=e[a],r.style&&(o[a]=b._data(r,"olddisplay"),n=r.style.display,t?(o[a]||"none"!==n||(r.style.display=""),""===r.style.display&&nn(r)&&(o[a]=b._data(r,"olddisplay",un(r.nodeName)))):o[a]||(i=nn(r),(n&&"none"!==n||!i)&&b._data(r,"olddisplay",i?n:b.css(r,"display"))));for(a=0;s>a;a++)r=e[a],r.style&&(t&&"none"!==r.style.display&&""!==r.style.display||(r.style.display=t?o[a]||"":"none"));return e}b.fn.extend({css:function(e,n){return b.access(this,function(e,n,r){var i,o,a={},s=0;if(b.isArray(n)){for(o=Rt(e),i=n.length;i>s;s++)a[n[s]]=b.css(e,n[s],!1,o);return a}return r!==t?b.style(e,n,r):b.css(e,n)},e,n,arguments.length>1)},show:function(){return rn(this,!0)},hide:function(){return rn(this)},toggle:function(e){var t="boolean"==typeof e;return this.each(function(){(t?e:nn(this))?b(this).show():b(this).hide()})}}),b.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Wt(e,"opacity");return""===n?"1":n}}}},cssNumber:{columnCount:!0,fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":b.support.cssFloat?"cssFloat":"styleFloat"},style:function(e,n,r,i){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var o,a,s,u=b.camelCase(n),l=e.style;if(n=b.cssProps[u]||(b.cssProps[u]=tn(l,u)),s=b.cssHooks[n]||b.cssHooks[u],r===t)return s&&"get"in s&&(o=s.get(e,!1,i))!==t?o:l[n];if(a=typeof r,"string"===a&&(o=Jt.exec(r))&&(r=(o[1]+1)*o[2]+parseFloat(b.css(e,n)),a="number"),!(null==r||"number"===a&&isNaN(r)||("number"!==a||b.cssNumber[u]||(r+="px"),b.support.clearCloneStyle||""!==r||0!==n.indexOf("background")||(l[n]="inherit"),s&&"set"in s&&(r=s.set(e,r,i))===t)))try{l[n]=r}catch(c){}}},css:function(e,n,r,i){var o,a,s,u=b.camelCase(n);return n=b.cssProps[u]||(b.cssProps[u]=tn(e.style,u)),s=b.cssHooks[n]||b.cssHooks[u],s&&"get"in s&&(a=s.get(e,!0,r)),a===t&&(a=Wt(e,n,i)),"normal"===a&&n in Kt&&(a=Kt[n]),""===r||r?(o=parseFloat(a),r===!0||b.isNumeric(o)?o||0:a):a},swap:function(e,t,n,r){var i,o,a={};for(o in t)a[o]=e.style[o],e.style[o]=t[o];i=n.apply(e,r||[]);for(o in t)e.style[o]=a[o];return i}}),e.getComputedStyle?(Rt=function(t){return e.getComputedStyle(t,null)},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s.getPropertyValue(n)||s[n]:t,l=e.style;return s&&(""!==u||b.contains(e.ownerDocument,e)||(u=b.style(e,n)),Yt.test(u)&&Ut.test(n)&&(i=l.width,o=l.minWidth,a=l.maxWidth,l.minWidth=l.maxWidth=l.width=u,u=s.width,l.width=i,l.minWidth=o,l.maxWidth=a)),u}):o.documentElement.currentStyle&&(Rt=function(e){return e.currentStyle},Wt=function(e,n,r){var i,o,a,s=r||Rt(e),u=s?s[n]:t,l=e.style;return null==u&&l&&l[n]&&(u=l[n]),Yt.test(u)&&!zt.test(n)&&(i=l.left,o=e.runtimeStyle,a=o&&o.left,a&&(o.left=e.currentStyle.left),l.left="fontSize"===n?"1em":u,u=l.pixelLeft+"px",l.left=i,a&&(o.left=a)),""===u?"auto":u});function on(e,t,n){var r=Vt.exec(t);return r?Math.max(0,r[1]-(n||0))+(r[2]||"px"):t}function an(e,t,n,r,i){var o=n===(r?"border":"content")?4:"width"===t?1:0,a=0;for(;4>o;o+=2)"margin"===n&&(a+=b.css(e,n+Zt[o],!0,i)),r?("content"===n&&(a-=b.css(e,"padding"+Zt[o],!0,i)),"margin"!==n&&(a-=b.css(e,"border"+Zt[o]+"Width",!0,i))):(a+=b.css(e,"padding"+Zt[o],!0,i),"padding"!==n&&(a+=b.css(e,"border"+Zt[o]+"Width",!0,i)));return a}function sn(e,t,n){var r=!0,i="width"===t?e.offsetWidth:e.offsetHeight,o=Rt(e),a=b.support.boxSizing&&"border-box"===b.css(e,"boxSizing",!1,o);if(0>=i||null==i){if(i=Wt(e,t,o),(0>i||null==i)&&(i=e.style[t]),Yt.test(i))return i;r=a&&(b.support.boxSizingReliable||i===e.style[t]),i=parseFloat(i)||0}reLine truncated

Vocaluxe/Website/js/jquery.mobile-1.3.2.min.js

@@ -0,0 +1,9 @@
+/*! jQuery Mobile 1.3.2 | Git HEAD hash: 528cf0e <> 2013-07-19T22:17:57Z | (c) 2010, 2013 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b,c){"function"==typeof define&&define.amd?define(["jquery"],function(d){return c(d,a,b),d.mobile}):c(a.jQuery,a,b)}(this,document,function(a,b,c,d){!function(a){a.mobile={}}(a),function(a,b,d){var e={};a.mobile=a.extend(a.mobile,{version:"1.3.2",ns:"",subPageUrlKey:"ui-page",activePageClass:"ui-page-active",activeBtnClass:"ui-btn-active",focusClass:"ui-focus",ajaxEnabled:!0,hashListeningEnabled:!0,linkBindingEnabled:!0,defaultPageTransition:"fade",maxTransitionWidth:!1,minScrollBack:250,touchOverflowEnabled:!1,defaultDialogTransition:"pop",pageLoadErrorMessage:"Error Loading Page",pageLoadErrorMessageTheme:"e",phonegapNavigationEnabled:!1,autoInitializePage:!0,pushStateEnabled:!0,ignoreContentEnabled:!1,orientationChangeEnabled:!0,buttonMarkup:{hoverDelay:200},window:a(b),document:a(c),keyCode:{ALT:18,BACKSPACE:8,CAPS_LOCK:20,COMMA:188,COMMAND:91,COMMAND_LEFT:91,COMMAND_RIGHT:93,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,MENU:93,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38,WINDOWS:91},behaviors:{},silentScroll:function(c){"number"!==a.type(c)&&(c=a.mobile.defaultHomeScroll),a.event.special.scrollstart.enabled=!1,setTimeout(function(){b.scrollTo(0,c),a.mobile.document.trigger("silentscroll",{x:0,y:c})},20),setTimeout(function(){a.event.special.scrollstart.enabled=!0},150)},nsNormalizeDict:e,nsNormalize:function(b){return b?e[b]||(e[b]=a.camelCase(a.mobile.ns+b)):void 0},getInheritedTheme:function(a,b){for(var c,d,e=a[0],f="",g=/ui-(bar|body|overlay)-([a-z])\b/;e&&(c=e.className||"",!(c&&(d=g.exec(c))&&(f=d[2])));)e=e.parentNode;return f||b||"a"},closestPageData:function(a){return a.closest(':jqmData(role="page"), :jqmData(role="dialog")').data("mobile-page")},enhanceable:function(a){return this.haveParents(a,"enhance")},hijackable:function(a){return this.haveParents(a,"ajax")},haveParents:function(b,c){if(!a.mobile.ignoreContentEnabled)return b;for(var d,e,f,g=b.length,h=a(),i=0;g>i;i++){for(e=b.eq(i),f=!1,d=b[i];d;){var j=d.getAttribute?d.getAttribute("data-"+a.mobile.ns+c):"";if("false"===j){f=!0;break}d=d.parentNode}f||(h=h.add(e))}return h},getScreenHeight:function(){return b.innerHeight||a.mobile.window.height()}},a.mobile),a.fn.jqmData=function(b,c){var e;return"undefined"!=typeof b&&(b&&(b=a.mobile.nsNormalize(b)),e=arguments.length<2||c===d?this.data(b):this.data(b,c)),e},a.jqmData=function(b,c,d){var e;return"undefined"!=typeof c&&(e=a.data(b,c?a.mobile.nsNormalize(c):c,d)),e},a.fn.jqmRemoveData=function(b){return this.removeData(a.mobile.nsNormalize(b))},a.jqmRemoveData=function(b,c){return a.removeData(b,a.mobile.nsNormalize(c))},a.fn.removeWithDependents=function(){a.removeWithDependents(this)},a.removeWithDependents=function(b){var c=a(b);(c.jqmData("dependents")||a()).remove(),c.remove()},a.fn.addDependents=function(b){a.addDependents(a(this),b)},a.addDependents=function(b,c){var d=a(b).jqmData("dependents")||a();a(b).jqmData("dependents",a.merge(d,c))},a.fn.getEncodedText=function(){return a("<div/>").text(a(this).text()).html()},a.fn.jqmEnhanceable=function(){return a.mobile.enhanceable(this)},a.fn.jqmHijackable=function(){return a.mobile.hijackable(this)};var f=a.find,g=/:jqmData\(([^)]*)\)/g;a.find=function(b,c,d,e){return b=b.replace(g,"[data-"+(a.mobile.ns||"")+"$1]"),f.call(this,b,c,d,e)},a.extend(a.find,f),a.find.matches=function(b,c){return a.find(b,null,null,c)},a.find.matchesSelector=function(b,c){return a.find(c,null,null,[b]).length>0}}(a,this),function(a,b){var c=0,d=Array.prototype.slice,e=a.cleanData;a.cleanData=function(b){for(var c,d=0;null!=(c=b[d]);d++)try{a(c).triggerHandler("remove")}catch(f){}e(b)},a.widget=function(b,c,d){var e,f,g,h,i=b.split(".")[0];b=b.split(".")[1],e=i+"-"+b,d||(d=c,c=a.Widget),a.expr[":"][e.toLowerCase()]=function(b){return!!a.data(b,e)},a[i]=a[i]||{},f=a[i][b],g=a[i][b]=function(a,b){return this._createWidget?(arguments.length&&this._createWidget(a,b),void 0):new g(a,b)},a.extend(g,f,{version:d.version,_proto:a.extend({},d),_childConstructors:[]}),h=new c,h.options=a.widget.extend({},h.options),a.each(d,function(b,e){a.isFunction(e)&&(d[b]=function(){var a=function(){return c.prototype[b].apply(this,arguments)},d=function(a){return c.prototype[b].apply(this,a)};return function(){var b,c=this._super,f=this._superApply;return this._super=a,this._superApply=d,b=e.apply(this,arguments),this._super=c,this._superApply=f,b}}())}),g.prototype=a.widget.extend(h,{widgetEventPrefix:f?h.widgetEventPrefix:b},d,{constructor:g,namespace:i,widgetName:b,widgetFullName:e}),f?(a.each(f._childConstructors,function(b,c){var d=c.prototype;a.widget(d.namespace+"."+d.widgetName,g,c._proto)}),delete f._childConstructors):c._childConstructors.push(g),a.widget.bridge(b,g)},a.widget.extend=function(c){for(var e,f,g=d.call(arguments,1),h=0,i=g.length;i>h;h++)for(e in g[h])f=g[h][e],g[h].hasLine truncated
+}if(d.which&&1!==d.which)return!1;var j,k=d.target;d.originalEvent,c.bind("vmouseup",g).bind("vclick",i),f.bind("vmousecancel",h),j=setTimeout(function(){e(b,"taphold",a.Event("taphold",{target:k}))},a.event.special.tap.tapholdThreshold)})}},a.event.special.swipe={scrollSupressionThreshold:30,durationThreshold:1e3,horizontalDistanceThreshold:30,verticalDistanceThreshold:75,start:function(b){var c=b.originalEvent.touches?b.originalEvent.touches[0]:b;return{time:(new Date).getTime(),coords:[c.pageX,c.pageY],origin:a(b.target)}},stop:function(a){var b=a.originalEvent.touches?a.originalEvent.touches[0]:a;return{time:(new Date).getTime(),coords:[b.pageX,b.pageY]}},handleSwipe:function(b,c){c.time-b.time<a.event.special.swipe.durationThreshold&&Math.abs(b.coords[0]-c.coords[0])>a.event.special.swipe.horizontalDistanceThreshold&&Math.abs(b.coords[1]-c.coords[1])<a.event.special.swipe.verticalDistanceThreshold&&b.origin.trigger("swipe").trigger(b.coords[0]>c.coords[0]?"swipeleft":"swiperight")},setup:function(){var b=this,c=a(b);c.bind(i,function(b){function e(b){g&&(f=a.event.special.swipe.stop(b),Math.abs(g.coords[0]-f.coords[0])>a.event.special.swipe.scrollSupressionThreshold&&b.preventDefault())}var f,g=a.event.special.swipe.start(b);c.bind(k,e).one(j,function(){c.unbind(k,e),g&&f&&a.event.special.swipe.handleSwipe(g,f),g=f=d})})}},a.each({scrollstop:"scrollstart",taphold:"tap",swipeleft:"swipe",swiperight:"swipe"},function(b,c){a.event.special[b]={setup:function(){a(this).bind(c,a.noop)}}})}(a,this),function(a){a.event.special.throttledresize={setup:function(){a(this).bind("resize",f)},teardown:function(){a(this).unbind("resize",f)}};var b,c,d,e=250,f=function(){c=(new Date).getTime(),d=c-g,d>=e?(g=c,a(this).trigger("throttledresize")):(b&&clearTimeout(b),b=setTimeout(f,e-d))},g=0}(a),function(a,b){function d(){var a=e();a!==f&&(f=a,i.trigger(j))}var e,f,g,h,i=a(b),j="orientationchange",k={0:!0,180:!0};if(a.support.orientation){var l=b.innerWidth||i.width(),m=b.innerHeight||i.height(),n=50;g=l>m&&l-m>n,h=k[b.orientation],(g&&h||!g&&!h)&&(k={"-90":!0,90:!0})}a.event.special.orientationchange=a.extend({},a.event.special.orientationchange,{setup:function(){return a.support.orientation&&!a.event.special.orientationchange.disabled?!1:(f=e(),i.bind("throttledresize",d),void 0)},teardown:function(){return a.support.orientation&&!a.event.special.orientationchange.disabled?!1:(i.unbind("throttledresize",d),void 0)},add:function(a){var b=a.handler;a.handler=function(a){return a.orientation=e(),b.apply(this,arguments)}}}),a.event.special.orientationchange.orientation=e=function(){var d=!0,e=c.documentElement;return d=a.support.orientation?k[b.orientation]:e&&e.clientWidth/e.clientHeight<1.1,d?"portrait":"landscape"},a.fn[j]=function(a){return a?this.bind(j,a):this.trigger(j)},a.attrFn&&(a.attrFn[j]=!0)}(a,this),function(a){a.widget("mobile.page",a.mobile.widget,{options:{theme:"c",domCache:!1,keepNativeDefault:":jqmData(role='none'), :jqmData(role='nojs')"},_create:function(){return this._trigger("beforecreate")===!1?!1:(this.element.attr("tabindex","0").addClass("ui-page ui-body-"+this.options.theme),this._on(this.element,{pagebeforehide:"removeContainerBackground",pagebeforeshow:"_handlePageBeforeShow"}),void 0)},_handlePageBeforeShow:function(){this.setContainerBackground()},removeContainerBackground:function(){a.mobile.pageContainer.removeClass("ui-overlay-"+a.mobile.getInheritedTheme(this.element.parent()))},setContainerBackground:function(b){this.options.theme&&a.mobile.pageContainer.addClass("ui-overlay-"+(b||this.options.theme))},keepNativeSelector:function(){var b=this.options,c=b.keepNative&&a.trim(b.keepNative);return c&&b.keepNative!==b.keepNativeDefault?[b.keepNative,b.keepNativeDefault].join(", "):b.keepNativeDefault}})}(a),function(a,b,c){var d=function(d){return d===c&&(d=!0),function(c,e,f,g){var h=new a.Deferred,i=e?" reverse":"",j=a.mobile.urlHistory.getActive(),k=j.lastScroll||a.mobile.defaultHomeScroll,l=a.mobile.getScreenHeight(),m=a.mobile.maxTransitionWidth!==!1&&a.mobile.window.width()>a.mobile.maxTransitionWidth,n=!a.support.cssTransitions||m||!c||"none"===c||Math.max(a.mobile.window.scrollTop(),k)>a.mobile.getMaxScrollForTransition(),o=" ui-page-pre-in",p=function(){a.mobile.pageContainer.toggleClass("ui-mobile-viewport-transitioning viewport-"+c)},q=function(){a.event.special.scrollstart.enabled=!1,b.scrollTo(0,k),setTimeout(function(){a.event.special.scrollstart.enabled=!0},150)},r=function(){g.removeClass(a.mobile.activePageClass+" out in reverse "+c).height("")},s=function(){d?g.animationComplete(t):t(),g.height(l+a.mobile.window.scrollTop()).addClass(c+" out"+i)},t=function(){g&&d&&r(),u()},u=function(){f.css("z-index",-10),f.addClass(a.mobile.activePageClass+o),a.mobile.focusPage(f),f.height(l+k),q(),f.css("z-index",""),n||f.animationComplete(v),f.removeClass(o).addClass(c+" in"+i),n&&v()},v=function(){d||g&&r(),f.removeClass("out in reverse "+c).height(""),p(),a.mobile.window.scrollTop(Line truncated
+c.parent().is(":jqmData(role='collapsible-set')")&&c.siblings(".ui-collapsible").trigger("collapse")})},_init:function(){var a=this.element,b=a.children(":jqmData(role='collapsible')"),c=b.filter(":jqmData(collapsed='false')");this._refresh("true"),c.trigger("expand")},_refresh:function(b){var c=this.element.children(":jqmData(role='collapsible')");a.mobile.collapsible.prototype.enhance(c.not(".ui-collapsible")),this._addFirstLastClasses(c,this._getVisibles(c,b),b)},refresh:function(){this._refresh(!1)}},a.mobile.behaviors.addFirstLastClasses)),a.mobile.document.bind("pagecreate create",function(b){a.mobile.collapsibleset.prototype.enhanceWithin(b.target)})}(a),function(a){a.fn.fieldcontain=function(){return this.addClass("ui-field-contain ui-body ui-br").contents().filter(function(){return 3===this.nodeType&&!/\S/.test(this.nodeValue)}).remove()},a(c).bind("pagecreate create",function(b){a(":jqmData(role='fieldcontain')",b.target).jqmEnhanceable().fieldcontain()})}(a),function(a){a.fn.grid=function(b){return this.each(function(){var c,d=a(this),e=a.extend({grid:null},b),f=d.children(),g={solo:1,a:2,b:3,c:4,d:5},h=e.grid;if(!h)if(f.length<=5)for(var i in g)g[i]===f.length&&(h=i);else h="a",d.addClass("ui-grid-duo");c=g[h],d.addClass("ui-grid-"+h),f.filter(":nth-child("+c+"n+1)").addClass("ui-block-a"),c>1&&f.filter(":nth-child("+c+"n+2)").addClass("ui-block-b"),c>2&&f.filter(":nth-child("+c+"n+3)").addClass("ui-block-c"),c>3&&f.filter(":nth-child("+c+"n+4)").addClass("ui-block-d"),c>4&&f.filter(":nth-child("+c+"n+5)").addClass("ui-block-e")})}}(a),function(a,b){a.widget("mobile.navbar",a.mobile.widget,{options:{iconpos:"top",grid:null,initSelector:":jqmData(role='navbar')"},_create:function(){var d=this.element,e=d.find("a"),f=e.filter(":jqmData(icon)").length?this.options.iconpos:b;d.addClass("ui-navbar ui-mini").attr("role","navigation").find("ul").jqmEnhanceable().grid({grid:this.options.grid}),e.buttonMarkup({corners:!1,shadow:!1,inline:!0,iconpos:f}),d.delegate("a","vclick",function(b){var d=a(b.target).is("a")?a(this):a(this).parent("a");if(!d.is(".ui-disabled, .ui-btn-active")){e.removeClass(a.mobile.activeBtnClass),a(this).addClass(a.mobile.activeBtnClass);var f=a(this);a(c).one("pagehide",function(){f.removeClass(a.mobile.activeBtnClass)})}}),d.closest(".ui-page").bind("pagebeforeshow",function(){e.filter(".ui-state-persist").addClass(a.mobile.activeBtnClass)})}}),a.mobile.document.bind("pagecreate create",function(b){a.mobile.navbar.prototype.enhanceWithin(b.target)})}(a),function(a){var b={};a.widget("mobile.listview",a.mobile.widget,a.extend({options:{theme:null,countTheme:"c",headerTheme:"b",dividerTheme:"b",icon:"arrow-r",splitIcon:"arrow-r",splitTheme:"b",corners:!0,shadow:!0,inset:!1,initSelector:":jqmData(role='listview')"},_create:function(){var a=this,b="";b+=a.options.inset?" ui-listview-inset":"",a.options.inset&&(b+=a.options.corners?" ui-corner-all":"",b+=a.options.shadow?" ui-shadow":""),a.element.addClass(function(a,c){return c+" ui-listview"+b}),a.refresh(!0)},_findFirstElementByTagName:function(a,b,c,d){var e={};for(e[c]=e[d]=!0;a;){if(e[a.nodeName])return a;a=a[b]}return null},_getChildrenByTagName:function(b,c,d){var e=[],f={};for(f[c]=f[d]=!0,b=b.firstChild;b;)f[b.nodeName]&&e.push(b),b=b.nextSibling;return a(e)},_addThumbClasses:function(b){var c,d,e=b.length;for(c=0;e>c;c++)d=a(this._findFirstElementByTagName(b[c].firstChild,"nextSibling","img","IMG")),d.length&&(d.addClass("ui-li-thumb"),a(this._findFirstElementByTagName(d[0].parentNode,"parentNode","li","LI")).addClass(d.is(".ui-li-icon")?"ui-li-has-icon":"ui-li-has-thumb"))},refresh:function(b){this.parentPage=this.element.closest(".ui-page"),this._createSubPages();var d,e,f,g,h,i,j,k,l,m,n,o,p=this.options,q=this.element,r=q.jqmData("dividertheme")||p.dividerTheme,s=q.jqmData("splittheme"),t=q.jqmData("spliticon"),u=q.jqmData("icon"),v=this._getChildrenByTagName(q[0],"li","LI"),w=!!a.nodeName(q[0],"ol"),x=!a.support.cssPseudoElement,y=q.attr("start"),z={};w&&x&&q.find(".ui-li-dec").remove(),w&&(y||0===y?x?j=parseInt(y,10):(k=parseInt(y,10)-1,q.css("counter-reset","listnumbering "+k)):x&&(j=1)),p.theme||(p.theme=a.mobile.getInheritedTheme(this.element,"c"));for(var A=0,B=v.length;B>A;A++){if(d=v.eq(A),e="ui-li",b||!d.hasClass("ui-li")){f=d.jqmData("theme")||p.theme,g=this._getChildrenByTagName(d[0],"a","A");var C="list-divider"===d.jqmData("role");g.length&&!C?(n=d.jqmData("icon"),d.buttonMarkup({wrapperEls:"div",shadow:!1,corners:!1,iconpos:"right",icon:g.length>1||n===!1?!1:n||u||p.icon,theme:f}),n!==!1&&1===g.length&&d.addClass("ui-li-has-arrow"),g.first().removeClass("ui-link").addClass("ui-link-inherit"),g.length>1&&(e+=" ui-li-has-alt",h=g.last(),i=s||h.jqmData("theme")||p.splitTheme,o=h.jqmData("icon"),h.appendTo(d).attr("title",a.trim(h.getEncodedText())).addClass("ui-li-link-alt").empty().buttonMarkup({shadow:!1,corners:!1,theme:f,icon:!1,iconpos:"notext"}).find(".ui-btn-inner").append(a(c.createElement("span")).Line truncated
+},_setDisabled:function(a){return this.element.attr("disabled",a),this.button.attr("aria-disabled",a),this._setOption("disabled",a)},_focusButton:function(){var a=this;setTimeout(function(){a.button.focus()},40)},_selectOptions:function(){return this.select.find("option")},_preExtension:function(){var b="";~this.element[0].className.indexOf("ui-btn-left")&&(b=" ui-btn-left"),~this.element[0].className.indexOf("ui-btn-right")&&(b=" ui-btn-right"),this.select=this.element.removeClass("ui-btn-left ui-btn-right").wrap("<div class='ui-select"+b+"'>"),this.selectID=this.select.attr("id"),this.label=a("label[for='"+this.selectID+"']").addClass("ui-select"),this.isMultiple=this.select[0].multiple,this.options.theme||(this.options.theme=a.mobile.getInheritedTheme(this.select,"c"))},_destroy:function(){var a=this.element.parents(".ui-select");a.length>0&&(a.is(".ui-btn-left, .ui-btn-right")&&this.element.addClass(a.is(".ui-btn-left")?"ui-btn-left":"ui-btn-right"),this.element.insertAfter(a),a.remove())},_create:function(){this._preExtension(),this._trigger("beforeCreate"),this.button=this._button();var c=this,d=this.options,e=d.inline||this.select.jqmData("inline"),f=d.mini||this.select.jqmData("mini"),g=d.icon?d.iconpos||this.select.jqmData("iconpos"):!1,h=(-1===this.select[0].selectedIndex?0:this.select[0].selectedIndex,this.button.insertBefore(this.select).buttonMarkup({theme:d.theme,icon:d.icon,iconpos:g,inline:e,corners:d.corners,shadow:d.shadow,iconshadow:d.iconshadow,mini:f}));this.setButtonText(),d.nativeMenu&&b.opera&&b.opera.version&&h.addClass("ui-select-nativeonly"),this.isMultiple&&(this.buttonCount=a("<span>").addClass("ui-li-count ui-btn-up-c ui-btn-corner-all").hide().appendTo(h.addClass("ui-li-has-count"))),(d.disabled||this.element.attr("disabled"))&&this.disable(),this.select.change(function(){c.refresh(),d.nativeMenu&&this.blur()}),this._handleFormReset(),this.build()},build:function(){var b=this;this.select.appendTo(b.button).bind("vmousedown",function(){b.button.addClass(a.mobile.activeBtnClass)}).bind("focus",function(){b.button.addClass(a.mobile.focusClass)}).bind("blur",function(){b.button.removeClass(a.mobile.focusClass)}).bind("focus vmouseover",function(){b.button.trigger("vmouseover")}).bind("vmousemove",function(){b.button.removeClass(a.mobile.activeBtnClass)}).bind("change blur vmouseout",function(){b.button.trigger("vmouseout").removeClass(a.mobile.activeBtnClass)}).bind("change blur",function(){b.button.removeClass("ui-btn-down-"+b.options.theme)}),b.button.bind("vmousedown",function(){b.options.preventFocusZoom&&a.mobile.zoom.disable(!0)}),b.label.bind("click focus",function(){b.options.preventFocusZoom&&a.mobile.zoom.disable(!0)}),b.select.bind("focus",function(){b.options.preventFocusZoom&&a.mobile.zoom.disable(!0)}),b.button.bind("mouseup",function(){b.options.preventFocusZoom&&setTimeout(function(){a.mobile.zoom.enable(!0)},0)}),b.select.bind("blur",function(){b.options.preventFocusZoom&&a.mobile.zoom.enable(!0)})},selected:function(){return this._selectOptions().filter(":selected")},selectedIndices:function(){var a=this;return this.selected().map(function(){return a._selectOptions().index(this)}).get()},setButtonText:function(){var b=this,d=this.selected(),e=this.placeholder,f=a(c.createElement("span"));this.button.find(".ui-btn-text").html(function(){return e=d.length?d.map(function(){return a(this).text()}).get().join(", "):b.placeholder,f.text(e).addClass(b.select.attr("class")).addClass(d.attr("class"))})},setButtonCount:function(){var a=this.selected();this.isMultiple&&this.buttonCount[a.length>1?"show":"hide"]().text(a.length)},_reset:function(){this.refresh()},refresh:function(){this.setButtonText(),this.setButtonCount()},open:a.noop,close:a.noop,disable:function(){this._setDisabled(!0),this.button.addClass("ui-disabled")},enable:function(){this._setDisabled(!1),this.button.removeClass("ui-disabled")}},a.mobile.behaviors.formReset)),a.mobile.document.bind("pagecreate create",function(b){a.mobile.selectmenu.prototype.enhanceWithin(b.target,!0)})}(a),function(a,d){function e(a,b,c,d){var e=d;return e=b>a?c+(a-b)/2:Math.min(Math.max(c,d-b/2),c+a-b)}function f(){var c=a.mobile.window;return{x:c.scrollLeft(),y:c.scrollTop(),cx:b.innerWidth||c.width(),cy:b.innerHeight||c.height()}}a.widget("mobile.popup",a.mobile.widget,{options:{theme:null,overlayTheme:null,shadow:!0,corners:!0,transition:"none",positionTo:"origin",tolerance:null,initSelector:":jqmData(role='popup')",closeLinkSelector:"a:jqmData(rel='back')",closeLinkEvents:"click.popup",navigateEvents:"navigate.popup",closeEvents:"navigate.popup pagebeforechange.popup",dismissible:!0,history:!a.mobile.browser.oldIE},_eatEventAndClose:function(a){return a.preventDefault(),a.stopImmediatePropagation(),this.options.dismissible&&this.close(),!1},_resizeScreen:function(){var a=this._ui.container.outerHeight(!0);this._ui.screen.removeAttr("style"),a>this._ui.screen.height()&&this._ui.screen.height(a)},_handleWindowKeyUp:function(bLine truncated
+return c||(d=Math.round(d-a.mobile.window.height()+b.outerHeight())-60),d},_bindScrollWorkaround:function(){var b=this;this._on(a.mobile.window,{scrollstop:function(){var a=b._viewportOffset();a>2&&b._visible&&b._triggerRedraw()}})},_bindListThumbWorkaround:function(){this.element.closest(".ui-page").addClass("ui-android-2x-fixed")},_triggerRedraw:function(){var b=parseFloat(a(".ui-page-active").css("padding-bottom"));a(".ui-page-active").css("padding-bottom",b+1+"px"),setTimeout(function(){a(".ui-page-active").css("padding-bottom",b+"px")},0)},destroy:function(){this._super(),this.element.closest(".ui-page-active").removeClass("ui-android-2x-fix")}})}(a),function(a,d){a.widget("mobile.panel",a.mobile.widget,{options:{classes:{panel:"ui-panel",panelOpen:"ui-panel-open",panelClosed:"ui-panel-closed",panelFixed:"ui-panel-fixed",panelInner:"ui-panel-inner",modal:"ui-panel-dismiss",modalOpen:"ui-panel-dismiss-open",pagePanel:"ui-page-panel",pagePanelOpen:"ui-page-panel-open",contentWrap:"ui-panel-content-wrap",contentWrapOpen:"ui-panel-content-wrap-open",contentWrapClosed:"ui-panel-content-wrap-closed",contentFixedToolbar:"ui-panel-content-fixed-toolbar",contentFixedToolbarOpen:"ui-panel-content-fixed-toolbar-open",contentFixedToolbarClosed:"ui-panel-content-fixed-toolbar-closed",animate:"ui-panel-animate"},animate:!0,theme:"c",position:"left",dismissible:!0,display:"reveal",initSelector:":jqmData(role='panel')",swipeClose:!0,positionFixed:!1},_panelID:null,_closeLink:null,_page:null,_modal:null,_panelInner:null,_wrapper:null,_fixedToolbar:null,_create:function(){var b=this,c=b.element,d=c.closest(":jqmData(role='page')"),e=function(){var b=a.data(d[0],"mobilePage").options.theme,c="ui-body-"+b;return c},f=function(){var a=c.find("."+b.options.classes.panelInner);return 0===a.length&&(a=c.children().wrapAll('<div class="'+b.options.classes.panelInner+'" />').parent()),a},g=function(){var c=d.find("."+b.options.classes.contentWrap);return 0===c.length&&(c=d.children(".ui-header:not(:jqmData(position='fixed')), .ui-content:not(:jqmData(role='popup')), .ui-footer:not(:jqmData(position='fixed'))").wrapAll('<div class="'+b.options.classes.contentWrap+" "+e()+'" />').parent(),a.support.cssTransform3d&&b.options.animate&&c.addClass(b.options.classes.animate)),c},h=function(){var c=d.find("."+b.options.classes.contentFixedToolbar);return 0===c.length&&(c=d.find(".ui-header:jqmData(position='fixed'), .ui-footer:jqmData(position='fixed')").addClass(b.options.classes.contentFixedToolbar),a.support.cssTransform3d&&b.options.animate&&c.addClass(b.options.classes.animate)),c};a.extend(this,{_panelID:c.attr("id"),_closeLink:c.find(":jqmData(rel='close')"),_page:c.closest(":jqmData(role='page')"),_pageTheme:e(),_panelInner:f(),_wrapper:g(),_fixedToolbar:h()}),b._addPanelClasses(),b._wrapper.addClass(this.options.classes.contentWrapClosed),b._fixedToolbar.addClass(this.options.classes.contentFixedToolbarClosed),b._page.addClass(b.options.classes.pagePanel),a.support.cssTransform3d&&b.options.animate&&this.element.addClass(b.options.classes.animate),b._bindUpdateLayout(),b._bindCloseEvents(),b._bindLinkListeners(),b._bindPageEvents(),b.options.dismissible&&b._createModal(),b._bindSwipeEvents()},_createModal:function(){var b=this;b._modal=a("<div class='"+b.options.classes.modal+"' data-panelid='"+b._panelID+"'></div>").on("mousedown",function(){b.close()}).appendTo(this._page)},_getPosDisplayClasses:function(a){return a+"-position-"+this.options.position+" "+a+"-display-"+this.options.display},_getPanelClasses:function(){var a=this.options.classes.panel+" "+this._getPosDisplayClasses(this.options.classes.panel)+" "+this.options.classes.panelClosed;return this.options.theme&&(a+=" ui-body-"+this.options.theme),this.options.positionFixed&&(a+=" "+this.options.classes.panelFixed),a},_addPanelClasses:function(){this.element.addClass(this._getPanelClasses())},_bindCloseEvents:function(){var a=this;a._closeLink.on("click.panel",function(b){return b.preventDefault(),a.close(),!1}),a.element.on("click.panel","a:jqmData(ajax='false')",function(){a.close()})},_positionPanel:function(){var b=this,c=b._panelInner.outerHeight(),d=c>a.mobile.getScreenHeight();d||!b.options.positionFixed?(d&&(b._unfixPanel(),a.mobile.resetActivePageHeight(c)),b._scrollIntoView(c)):b._fixPanel()},_scrollIntoView:function(c){c<a(b).scrollTop()&&b.scrollTo(0,0)},_bindFixListener:function(){this._on(a(b),{throttledresize:"_positionPanel"})},_unbindFixListener:function(){this._off(a(b),"throttledresize")},_unfixPanel:function(){this.options.positionFixed&&a.support.fixedPosition&&this.element.removeClass(this.options.classes.panelFixed)},_fixPanel:function(){this.options.positionFixed&&a.support.fixedPosition&&this.element.addClass(this.options.classes.panelFixed)},_bindUpdateLayout:function(){var a=this;a.element.on("updatelayout",function(){a._open&&a._positionPanel()})},_bindLinkListeners:function(){var b=this;b._page.on("click.panel","a",function(c){if(this.hrLine truncated
+/*
+//@ sourceMappingURL=jquery.mobile-1.3.2.min.map
+*/

Vocaluxe/Website/js/main.js

@@ -0,0 +1,192 @@
+var profileIdRequest = 1;
+
+$(document).ready(function () {
+    replaceTransitionHandler();
+    initPageLoadHandler();
+    initKeyboardPageHandler();
+    initMainPageHandler();
+});
+
+function replaceTransitionHandler() {
+    //Thx to http://stackoverflow.com/a/14096311
+    var oldDefaultTransitionHandler = $.mobile.defaultTransitionHandler;
+
+    $.mobile.defaultTransitionHandler = function (name, reverse, $to, $from) {
+        var promise = $to.data('promise');
+        if (promise) {
+            $to.removeData('promise');
+            $.mobile.loading('show');
+            return promise.then(function () {
+                $.mobile.loading('hide');
+                return oldDefaultTransitionHandler(name, reverse, $to, $from);
+            });
+        }
+        return oldDefaultTransitionHandler(name, reverse, $to, $from);
+    };
+}
+
+function initPageLoadHandler() {
+    $(document).on('pagebeforeshow', '#displayProfile', function () {
+        var promise = $.ajax({
+            url: "getProfile?profileId=" + profileIdRequest
+        }).done(function (result) {
+            $('#playerName').text(result.PlayerName)
+            if (result.Avatar && result.Avatar.base64Data) {
+                $('#playerAvatar').attr("src", result.Avatar.base64Data);
+            }
+            $('#playerType').attr("value", result.Type);
+            $('#playerDifficulty').attr("value", result.Difficulty);
+            if (result.IsEditable) {
+                $('#playerAvatar').click(function () {
+                    if ($('#captureContainer').length > 0) {
+                        $('#captureContainer').remove();
+                    }
+
+                    $(document.body).append('<div id="captureContainer" style="height: 0px;width:0px; overflow:hidden;"> <input type="file" accept="image/*" id="capture" capture> </div>');
+
+                    $('#capture').change(function (eventData) {
+                        if (eventData && eventData.target && eventData.target.files && eventData.target.files.length == 1) {
+                            var file = eventData.target.files[0];
+                            var reader = new FileReader();
+                            reader.onloadend = function (e) {
+                                $('#playerAvatar').attr("src", e.target.result);
+                                $('#playerAvatar').data("changed", true);
+                                $('#captureContainer').remove();
+                            };
+                            reader.readAsDataURL(file);
+                        }
+                    });
+
+                    $('#capture').click();
+                });
+            }
+            else {
+                $('#playerName').prop('disabled', true);
+                $('#playerType').prop('disabled', true);
+                $('#playerDifficulty').prop('disabled', true);
+                $('#playerAvatar').unbind("click");
+            }
+        });
+
+        // Save promise on page so the transition handler can find it.
+        $(this).data('promise', promise);
+    });
+
+    $(document).on('pagebeforeshow', '#selectProfile', function () {
+        var promise = $.ajax({
+            url: "getProfileList"
+        }).done(function (data) {
+            $('#selectProfileList').children().remove();
+
+            function handleProfileSelectLineClick(e) {
+                profileIdRequest = parseInt(e.target.id.replace("ProfileSelectLine_", ""));
+                $.mobile.changePage("#displayProfile", { transition: "slidefade" });
+            }
+
+            for (var profile in data) {
+                $('<li id="ProfileSelectLine_' + data[profile].ProfileId + '"> <a href="#"> <img src="' + ((data[profile].Avatar & data[profile].Avatar.base64Data) ? data[profile].Avatar.base64Data : "img/profile.png") + '"> <h2>' + data[profile].PlayerName + '</h2> <p>Click here to show the profile of ' + data[profile].PlayerName + '</p> </a> </li>')
+                    .appendTo('#selectProfileList')
+                    .click(handleProfileSelectLineClick);
+            }
+
+            $('#selectProfileList').listview('refresh');
+        });
+
+        // Save promise on page so the transition handler can find it.
+        $(this).data('promise', promise);
+    });
+
+}
+
+function initKeyboardPageHandler() {
+    $('#keyboardButtonUp').click(function () {
+        $.ajax({
+            url: "sendKeyEvent=up"
+        })
+    });
+
+    $('#keyboardButtonDown').click(function () {
+        $.ajax({
+            url: "sendKeyEvent=down"
+        })
+    });
+
+    $('#keyboardButtonLeft').click(function () {
+        $.ajax({
+            url: "sendKeyEvent=left"
+        })
+    });
+
+    $('#keyboardButtonRight').click(function () {
+        $.ajax({
+            url: "sendKeyEvent=right"
+        })
+    });
+
+    $('#keyboardButtonEscape').click(function () {
+        $.ajax({
+            url: "sendKeyEvent=escape"
+        })
+    });
+
+    $('#keyboardButtonkeyboardButtonTab').click(function () {
+        $.ajax({
+            url: "sendKeyEvent=tab"
+        })
+    });
+
+    $('#keyboardButtonReturn').click(function () {
+        $.ajax({
+            url: "sendKeyEvent=return"
+        })
+    });
+
+    $('#keyboardButtonKeys').keyup(function (e) {
+        var c = String.fromCharCode(e.keyCode);
+        if (c.match(/\w/)) {
+            c = e.keyCode >= 65 ? c.toLowerCase() : c;
+            $.ajax({
+                url: "sendKeyEvent=" + c
+            })
+        }
+        var oldText = $('#keyboardButtonKeys')[0].value;
+        if (oldText.length > 0) {
+            $('#keyboardButtonKeys')[0].value = oldText.slice(1);
+        }
+    });
+}
+
+function initMainPageHandler() {
+    $('#mainPageTakePhotoLink').click(function () {
+        if ($('#captureContainer').length > 0) {
+            $('#captureContainer').remove();
+        }
+
+        $(document.body).append('<div id="captureContainer" style="height: 0px;width:0px; overflow:hidden;"> <input type="file" accept="image/*" id="capture" capture="camera"> </div>');
+
+        $('#capture').change(function (eventData) {
+            if (eventData && eventData.target && eventData.target.files && eventData.target.files.length == 1) {
+                $('#content').wrap('<div class="overlay" />');
+                $.mobile.loading('show', {
+                    text: 'Uploading photo...',
+                    textVisible: true                    
+                });
+
+                var file = eventData.target.files[0];
+                var reader = new FileReader();
+
+                reader.onloadend = function (e) {
+                    $.post("sendPhoto", { Photo: { base64Data: e.target.result } })
+                        .always(function () {
+                            $.mobile.loading('hide');
+                            $('#content').unwrap();
+                        });
+                };
+
+                reader.readAsDataURL(file);
+            }
+        });
+
+        $('#capture').click();
+    });
+}

Vocaluxe/app.config

@@ -1,6 +1,6 @@
-<?xml version="1.0"?>
+<?xml version="1.0"?>
-<configuration>
+<configuration>
-  <startup>
+  <startup>
-    
+    
-  <supportedRuntime version="v4.0" sku=".NETFramework,Version=v4.0,Profile=Client"/></startup>
+  <supportedRuntime version="v4.0" sku=".NETFramework,Version=v4.0"/></startup>
-</configuration>
+</configuration>

VocaluxeLib/Profile/CAvatar.cs

@@ -1,18 +1,18 @@
-#region license
+#region license
-// This file is part of Vocaluxe.
+//     This file is part of Vocaluxe.
 // 
-// Vocaluxe is free software: you can redistribute it and/or modify
+//     Vocaluxe is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
+//     it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
+//     the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
+//     (at your option) any later version.
 // 
-// Vocaluxe is distributed in the hope that it will be useful,
+//     Vocaluxe is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
+//     but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+//     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
+//     GNU General Public License for more details.
 // 
-// You should have received a copy of the GNU General Public License
+//     You should have received a copy of the GNU General Public License
-// along with Vocaluxe. If not, see <http://www.gnu.org/licenses/>.
+//     along with Vocaluxe. If not, see <http://www.gnu.org/licenses/>.
 #endregion
 
 using VocaluxeLib.Draw;
@@ -48,5 +48,10 @@ namespace VocaluxeLib.Profile
         {
             CBase.Drawing.RemoveTexture(ref Texture);
         }
+
+        public string getFileName()
+        {
+            return FileName;
+        }
     }
 }