1 files changed, 27 insertions, 20 deletions
diff --git a/sca-cpp/trunk/hosting/server/htdocs/home/index.html b/sca-cpp/trunk/hosting/server/htdocs/home/index.html
index 130c05fda0..d7a098e998 100644
--- a/sca-cpp/trunk/hosting/server/htdocs/home/index.html
+++ b/sca-cpp/trunk/hosting/server/htdocs/home/index.html
@@ -19,7 +19,7 @@
 -->
 <div id="bodydiv" class="body">
 
-<div class="viewcontent" style="margin-left: auto; margin-right: auto; text-align: center;">
+<div id="viewcontent" class="viewcontent" style="margin-left: auto; margin-right: auto; text-align: center;">
 
 <br/>
 <div id="hometitle" style="font-size: 28px;"></div>
@@ -29,22 +29,27 @@
 <div id="homeanimation" style="width: 320px; height: 280px; padding: 0px; margin: 0px auto;"></div>
 -->
 
-<input type="button" class="graybutton bluebutton" style="font-size: 21px; padding: 10px; height: 50px;" id="getstarted" title="Get Started" value="Get Started"/>
+<input type="button" class="bluebutton" style="font-size: 21px; padding: 10px; height: 50px;" id="getstarted" title="Get Started" value="Get Started"/>
 
 <br/><br/>
-<div class="note">Requires Safari 5+, Chrome 11+, Firefox 4+, IE 9+</div>
+<div class="note">Requires Safari 5+, Chrome 11+, Firefox 4+ or IE 9+</div>
+<br/>
 
 </div>
 
 <script type="text/javascript">
-(function() {
+(function homebody() {
 
 /**
- * Set page titles.
+ * Setup page layout.
  */
-document.title = config.windowtitle();
-$('viewhead').innerHTML = '<span class="bcmenu">' + config.pagetitle() + '</span>';
-$('hometitle').innerHTML = config.hometitle();
+(function layout() {
+    document.title = config.windowtitle();
+    $('viewhead').innerHTML = '<span class="bcmenu">' + config.pagetitle() + '</span>';
+    $('hometitle').innerHTML = config.hometitle();
+    if (!ui.isMobile())
+        $('viewcontent').className = 'viewcontent flatscrollbars';
+})();
 
 $('getstarted').onclick = function() {
     return ui.navigate('/#view=store', '_view');
@@ -53,22 +58,24 @@ $('getstarted').onclick = function() {
 /**
  * Display animation.
  */
-var anim = $('homeanimation');
-if (!isNil(anim)) {
-    anim.style.background = 'url(\'' + ui.b64img(appcache.get('/home/home.b64')) + '\')';
-    var bgpos = 0;
-    setInterval(function() {
-        bgpos = bgpos -280;
-        if (bgpos == -2800)
-            bgpos = 0;
-        anim.style.backgroundPosition = '0px ' + ui.pixpos(bgpos);
-    }, 2000);
-}
+(function homeanimation() {
+    var anim = $('homeanimation');
+    if (!isNil(anim)) {
+        anim.style.background = 'url(\'' + ui.b64png(appcache.get('/home/home.b64')) + '\')';
+        var bgpos = 0;
+        setInterval(function homeanimation() {
+            bgpos = bgpos -280;
+            if (bgpos == -2800)
+                bgpos = 0;
+            anim.style.backgroundPosition = '0px ' + ui.pixpos(bgpos);
+        }, 2000);
+    }
+})();
 
 /**
  * Show the status.
  */
-showOnlineStatus();
+onlinestatus();
 
 })();
 </script>