From 2d91d8e185170e5059466a2cc97f1b250d0973f8 Mon Sep 17 00:00:00 2001
From: Josh Pruim <josh@josh-M11x-R2.(none)>
Date: Sat, 1 Dec 2012 18:08:14 -0800
Subject: [PATCH] Added Fading and stuff

---
 src/templates/index.html | 31 ++++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/templates/index.html b/src/templates/index.html
index 9fd33a26a..adfc35353 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -31,6 +31,7 @@
 
         <meta charset="utf-8"> 
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
+        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
         <link rel="resource" type="application/l10n" href="locales.ini" />
         <link rel="shortcut icon" href="<%=settings.favicon%>">
         
@@ -157,8 +158,8 @@
 
         <div id="wrapper">
             <div id="inner">
-                <div id="button" onclick="go2Random()" data-l10n-id="index.newPad"></div>
-                <div id="label" data-l10n-id="index.createOpenPad"></div> 
+                <div id="button" onclick="go2Random()" data-l10n-id="index.newPad"><div id="content-btn" data-possible="New Pad,নতুন প্যাড,Neues Pad,Nuevo Pad,Uusi muistio,Nouveau Pad,Nieuw pad"></div></div>
+                <div id="label" data-l10n-id="index.createOpenPad"><div id="newwithname" data-possible="or create/open a Pad with the name:,অথবা নাম লিখে প্যাড খুলুন/তৈরী করুন:,Pad mit folgendem Namen öffnen,o puedes crear/abrir un Pad con el nombre:,tai avaa muistio nimellä:,ou créer/ouvrir un Pad intitulé,Maak of open pad met de naam:"></div></div> 
                 <form action="#" onsubmit="go2Name();return false;"> 
                     <input type="text" id="padname" autofocus x-webkit-speech> 
                     <button type="submit">OK</button>
@@ -168,7 +169,6 @@
 
         <script src="static/custom/index.js"></script>
         <script> 
-      
             function go2Name() 
             {
                 var padname = document.getElementById("padname").value;
@@ -195,5 +195,30 @@
             
             // start the custom js
             if (typeof customStart == "function") customStart();
+
+            var type = $("#content-btn").attr("data-possible").split(",");
+            var type2 = $("#newwithname").attr("data-possible").split(",");
+            var go = 1;
+            var go2 = 1;
+            $("#content-btn").text(type[0]).fadeIn(300).delay(800).fadeOut(300).queue(namer);
+            $("#newwithname").text(type2[0]).fadeIn(300).delay(800).fadeOut(300).queue(namer2);
+            function namer(){
+              $(this).text(type[go]).fadeIn(300).delay(800).fadeOut(300).queue(namer);
+              if(go < type.length - 1){
+                go++;
+              }else{
+                go = 0;
+              }
+                $(this).dequeue();
+            }  
+            function namer2(){
+              $(this).text(type2[go2]).fadeIn(300).delay(800).fadeOut(300).queue(namer2);
+              if(go2 < type2.length - 1){
+                go2++;
+              }else{
+                go2 = 0;
+              }
+                $(this).dequeue();
+            }  
         </script>
 </html>