Adding the code

46 files changed, 633 insertions, 0 deletions

diff --git a/apps/smartsearch/ask.png b/apps/smartsearch/ask.png
new file mode 100644
index 0000000..a80fbdf
--- /dev/null
+++ b/apps/smartsearch/ask.png
diff --git a/apps/smartsearch/back-active.png b/apps/smartsearch/back-active.png
new file mode 100644
index 0000000..2f5b932
--- /dev/null
+++ b/apps/smartsearch/back-active.png
diff --git a/apps/smartsearch/back.png b/apps/smartsearch/back.png
new file mode 100644
index 0000000..c2340fa
--- /dev/null
+++ b/apps/smartsearch/back.png
diff --git a/apps/smartsearch/bimages.png b/apps/smartsearch/bimages.png
new file mode 100644
index 0000000..290928f
--- /dev/null
+++ b/apps/smartsearch/bimages.png
diff --git a/apps/smartsearch/bing.png b/apps/smartsearch/bing.png
new file mode 100644
index 0000000..0ff3c15
--- /dev/null
+++ b/apps/smartsearch/bing.png
diff --git a/apps/smartsearch/bmaps.png b/apps/smartsearch/bmaps.png
new file mode 100644
index 0000000..d0d32c7
--- /dev/null
+++ b/apps/smartsearch/bmaps.png
diff --git a/apps/smartsearch/bvideos.png b/apps/smartsearch/bvideos.png
new file mode 100644
index 0000000..d040fd7
--- /dev/null
+++ b/apps/smartsearch/bvideos.png
diff --git a/apps/smartsearch/css/appbase.css b/apps/smartsearch/css/appbase.css
new file mode 100644
index 0000000..683544f
--- /dev/null
+++ b/apps/smartsearch/css/appbase.css
@@ -0,0 +1,228 @@
+/* CSS Reset + Font */
+body {
+	font-family:Segoe UI;
+	margin:0px;
+	padding:0px;
+}
+img, a {
+	border:none;
+	outline:none;
+}
+
+/* Splashscreen */
+#splashscreen {
+	position:fixed;
+	width:100%;
+	height:100%;
+	color:#FFF;	
+	background-image:url('../splashscreen.png');
+	background-position:center;
+	background-color:#FFF;
+	background-repeat:no-repeat;
+	animation:splash 4s;
+	-ms-animation:splash 4s;
+	-webkit-animation:splash 4s;
+	-o-animation:splash 4s;
+	opacity:0;
+	z-index:-1;
+}
+@keyframes splash {
+	from {
+		z-index:2;
+		opacity: 1;
+	}
+	66% {
+		opacity: 1;
+	}
+	to {
+		opacity:0;
+		z-index:1;
+		display:none;
+	}
+}
+@-webkit-keyframes splash {
+	from {
+		z-index:2;
+		opacity: 1;
+	}
+	66% {
+		opacity: 1;
+	}
+	to {
+		opacity:0;
+		z-index:1;
+		display:none;
+	}
+}
+@-ms-keyframes splash {
+	from {
+		z-index:2;
+		opacity: 1;
+	}
+	66% {
+		opacity: 1;
+	}
+	to {
+		opacity:0;
+		z-index:1;
+		display:none;
+	}
+}
+@-o-keyframes splash {
+	from {
+		z-index:2;
+		opacity: 1;
+	}
+	66% {
+		opacity: 1;
+	}
+	to {
+		opacity:0;
+		z-index:1;
+		display:none;
+	}
+}
+/* Charms */
+/* Hover areas */
+#hoverarea {
+	position:fixed;
+	top:0px;
+	right:0px;
+	width:15px;
+	height:15px;
+}
+#bottomhoverarea {
+	position:fixed;
+	bottom:0px;
+	right:0px;
+	width:15px;
+	height:15px;
+}
+#starthoverarea {
+	position:fixed;
+	bottom:0px;
+	left:0px;
+	width:15px;
+	height:15px;
+}
+/* Charms bar */
+#charmsbar {
+	display:none;
+	background-color:#111111;
+	position:fixed;
+	padding:5% 0;
+	top:0px;
+	right:0px;
+	height:100%;
+	width: 86px;
+
+}
+/* Start button */
+#startbutton {
+	display:none;
+	position:fixed;
+	left:0px;
+	bottom:0px;
+	margin:0;
+	padding:0;
+}
+/* Date and time on charms */
+#datetime {
+	display:none;
+	position:fixed;
+	left:50px;
+	bottom:50px;
+	width:490px;
+	height:139px;
+	background-color: rgba(17,17,17,0.96);
+	color:#FFFFFF;
+}
+#ctime {
+	position:absolute;
+	left:70px;
+	bottom:19px;
+	font-family: Segoe UI Light;
+	font-size: 64pt;
+}
+#date {
+	margin-top:20px;
+	margin-right:20px;
+	float:right;
+	font-size:24pt;
+}
+#iconnetwork {
+	position:absolute;
+	top:35px;
+	left:25px;
+}
+#iconbattery {
+	position:absolute;
+	bottom:35px;
+	left:32px;
+}
+
+/* Text styling on Settings, share charms */
+.charms span {
+	line-height:40px;
+}
+.ch1 {
+	font-family:Segoe UI Semilight;
+	font-size:28px;
+	margin-bottom:25px;
+}
+.ch2 {
+	font-size:11pt;
+	margin-bottom:25px;
+} 
+.ch2d {
+	font-size:11pt;
+	color:#A8A8A8;
+	margin-bottom:25px;
+} 
+.ch3 {
+	font-size:9pt;
+}
+.sharing {
+	font-size:14pt;
+}
+/* Close button on settings, share charms */
+.closecharms {
+	float:right;
+	height:32px !important;
+	width:32px !important;
+	box-shadow:none !important;
+	background-image: url(../img/charmsbar/close.png);
+}
+/*.closecharms:hover {
+	background-image: url(../img/charmsbar/close-hover.png);
+}*/
+.closecharms:active {
+	background-image: url(../img/charmsbar/close-active.png);
+}
+/* Charms */
+.charms {
+	z-index:2;
+	background-color:#001E4E;
+	padding : 40px;
+	position:fixed;
+	top:0px;
+	right:0px;
+	height:100%;
+	width: 345px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	display:none;
+	color:#FFF;
+}
+/* Settings charms */
+#settingscharms {
+
+}
+.charms input[type="text"] {
+	width:200px;
+	height:32px;
+	border:none;
+}
\ No newline at end of file
diff --git a/apps/smartsearch/cssdeck.png b/apps/smartsearch/cssdeck.png
new file mode 100644
index 0000000..da845b0
--- /dev/null
+++ b/apps/smartsearch/cssdeck.png
diff --git a/apps/smartsearch/deviant.png b/apps/smartsearch/deviant.png
new file mode 100644
index 0000000..574b58e
--- /dev/null
+++ b/apps/smartsearch/deviant.png
diff --git a/apps/smartsearch/dribbble.png b/apps/smartsearch/dribbble.png
new file mode 100644
index 0000000..d001edd
--- /dev/null
+++ b/apps/smartsearch/dribbble.png
diff --git a/apps/smartsearch/dropdown.png b/apps/smartsearch/dropdown.png
new file mode 100644
index 0000000..cd359ac
--- /dev/null
+++ b/apps/smartsearch/dropdown.png
diff --git a/apps/smartsearch/favicon.ico b/apps/smartsearch/favicon.ico
new file mode 100644
index 0000000..db6fcc7
--- /dev/null
+++ b/apps/smartsearch/favicon.ico
diff --git a/apps/smartsearch/flickr.png b/apps/smartsearch/flickr.png
new file mode 100644
index 0000000..ebd72d1
--- /dev/null
+++ b/apps/smartsearch/flickr.png
diff --git a/apps/smartsearch/forward-active.png b/apps/smartsearch/forward-active.png
new file mode 100644
index 0000000..09d341a
--- /dev/null
+++ b/apps/smartsearch/forward-active.png
diff --git a/apps/smartsearch/forward.png b/apps/smartsearch/forward.png
new file mode 100644
index 0000000..6b63de0
--- /dev/null
+++ b/apps/smartsearch/forward.png
diff --git a/apps/smartsearch/grooveshark.png b/apps/smartsearch/grooveshark.png
new file mode 100644
index 0000000..a17b7ae
--- /dev/null
+++ b/apps/smartsearch/grooveshark.png
diff --git a/apps/smartsearch/images.png b/apps/smartsearch/images.png
new file mode 100644
index 0000000..292d0cc
--- /dev/null
+++ b/apps/smartsearch/images.png
diff --git a/apps/smartsearch/imdb.png b/apps/smartsearch/imdb.png
new file mode 100644
index 0000000..c979672
--- /dev/null
+++ b/apps/smartsearch/imdb.png
diff --git a/apps/smartsearch/imgur.png b/apps/smartsearch/imgur.png
new file mode 100644
index 0000000..8ae815c
--- /dev/null
+++ b/apps/smartsearch/imgur.png
diff --git a/apps/smartsearch/inagist.png b/apps/smartsearch/inagist.png
new file mode 100644
index 0000000..ebd2c78
--- /dev/null
+++ b/apps/smartsearch/inagist.png
diff --git a/apps/smartsearch/index.html b/apps/smartsearch/index.html
new file mode 100644
index 0000000..3f209ce
--- /dev/null
+++ b/apps/smartsearch/index.html
@@ -0,0 +1,220 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>SmartSearch</title>
+    <link rel="shortcut icon" href="favicon.ico" size="32x32" />
+    <!-- Stylesheet (file used to style the search box) -->
+    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+    <link rel="stylesheet" href="css/appbase.css" type="text/css" media="screen" />
+    <!-- Some JS -->
+     <script>
+      function forIconSearch(action,naction,img){
+      	document.getElementById('multisearchFormIcon').action = action;
+      	document.getElementById('Iconselectedsearch').src=img;
+      	document.getElementById('input').name = naction;
+      }
+      function forWebSearch(action,text){
+      	document.getElementById('multisearchForm').action = action;
+      	document.getElementById('selectedsearch').innerHTML=text;
+      }
+      function show() {
+      document.getElementById('engines').style.visibility='visible';
+      document.getElementById('engines').style.display='inline-block';
+      document.getElementById('input').style.visibility='hidden';
+      document.getElementById('input').style.display='none';
+      document.getElementById('submit').style.visibility='hidden';
+      document.getElementById('submit').style.display='none'
+      document.getElementById('reset').style.visibility='hidden';
+      document.getElementById('reset').style.display='none';
+      document.getElementById('dropdown').style.visibility='hidden';
+      document.getElementById('dropdown').style.display='none';
+      document.getElementById('multisearchFormIcon').style.width='auto';
+
+      };
+      function hide() {
+      document.getElementById('input').style.visibility='visible';
+      document.getElementById('input').style.display='inline';
+      document.getElementById('engines').style.visibility='hidden';
+      document.getElementById('engines').style.display='none';
+      document.getElementById('submit').style.visibility='visible';
+      document.getElementById('submit').style.display='inline'
+      document.getElementById('reset').style.visibility='visible';
+      document.getElementById('reset').style.display='inline';
+      document.getElementById('dropdown').style.visibility='visible';
+      document.getElementById('dropdown').style.display='inline';
+      document.getElementById('multisearchFormIcon').style.width='auto';
+      };
+    </script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+    <script>
+  $(document).ready(function() {
+      // if text input field value is not empty show the "X" button
+      $("#input").keyup(function() {
+          $("#reset").fadeIn();
+          if ($.trim($("#input").val()) == "") {
+              $("#reset").fadeOut();
+          }
+      });
+      $("#reset").click(function() {
+          $("#input").val("");
+          $(this).hide();
+      });
+  }); 
+  $(document).ready(function() {
+      $("#input").ready(function() {
+          $("#reset").fadeIn();
+          if ($.trim($("#input").val()) == "") {
+              $("#reset").fadeOut();
+          }
+      });
+  }); 
+    </script>
+    <script>
+      function visibility(visibility,id) {
+          document.getElementById(id).style.display = visibility;
+      }
+    </script>
+    <script>
+    function doublevisibility(visibility , target , target2) {
+        document.getElementById(target).style.display=visibility;
+        document.getElementById(target2).style.display=visibility;
+    }
+    </script>
+</head>
+<body>
+    <div id="splashscreen"></div>
+    <div id="appbar">
+        <div class="appbaricon" onclick="window.history.back()" id="back" title="Previous search"></div>
+        <div class="appbaricon" onclick="window.history.forward()" id="forward" title="Next search"></div>
+        <!-- Default search engine -->
+        <form name="multisearch" action="http://www.bing.com/search?q=" id="multisearchFormIcon" method="get" target="results">
+            <ul class="ws_drop_down" id="dropdown" onclick="show()">
+            	<li><a style="width:40px;" title="Search"><img src="bing.png" width="16px" height="16px" id="Iconselectedsearch"></span>
+                <![if gt IE 6]>
+                </a>
+                <![endif]>
+                <!--[if lte IE 6]><table><tr><td><![endif]-->
+
+                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
+                </li>
+            <!-- The form (where you type text) -->
+            </ul><input class="multisearchInput" id="input" list="autocomplete" name="q" type="text" placeholder="Search"/>
+            <div id="engines" style="visibility:hidden;display:none;">
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://search.yahoo.com/search?q=','q','yahoo.png');hide();" title="Search Yahoo !"><img src="yahoo.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://www.bing.com/search?q=','q','bing.png');hide();" title="Search Bing"><img src="bing.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://en.wikipedia.org/w/index.php?','search','wikipedia.png');hide();" title="Search Wikipedia"><img src="wikipedia.png"/></a>
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://us.ask.com/web?q=','q','ask.png');hide();" title="Search Ask"><img src="ask.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('https://www.ixquick.com/do/search?q=','q','ixquick.png');hide();" title="Search Ixquick"><img src="ixquick.png"/></a>   
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://images.search.yahoo.com/search/images;_ylt=A2KJkPoGNPhPBUMAuaaLuLkF?q=','q','yimages.png');hide();" title="Search Yahoo ! Images"><img src="yimages.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://www.bing.com/images/search?q=','q','bimages.png');hide();" title="Search Bing Images"><img src="bimages.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://imgur.com/gallery?q=','q','imgur.png');hide();" title="Search Imgur"><img src="imgur.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('https://picasaweb.google.com/lh/view?q=','q','picasa.png');hide();" title="Search Picasa"><img src="picasa.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://www.flickr.com/search/?q=','q','flickr.png');hide();" title="Search Flickr"><img src="flickr.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://grooveshark.com/search?q=','q','grooveshark.png');hide();" title="Search Grooveshark"><img src="grooveshark.png"/></a>
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://vimeo.com/search?q=','q','vimeo.png');hide();" title="Search Vimeo"><img src="vimeo.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://www.imdb.com/find?q=','q','imdb.png');hide();" title="Search IMDb"><img src="imdb.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://www.bing.com/videos/search?q=','q','bvideos.png');hide();" title="Search Bing Videos"><img src="bvideos.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://www.bing.com/maps/?q=','q','bmaps.png');hide();" title="Search Bing Maps"><img src="bmaps.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://browse.deviantart.com/?qh=&section=&global=1&q=','q','deviant.png');hide();" title="Search deviantART"><img src="deviant.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://dribbble.com/search?q=','q','dribbble.png');hide();" title="Search Dribbble"><img src="dribbble.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://www.reddit.com/search?q=','q','reddit.png');hide();" title="Search Reddit"><img src="reddit.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://www.livejournal.com/search/?q=','q','livejournal.png');hide();" title="Search LiveJournal"><img src="livejournal.png"/></a> 
+                   <a href="javascript:void(0);" onclick="forIconSearch('http://s.maxthon.com/?q=','q','multisearch.png');hide();" title="Search Maxthon Multi-search"><img src="multisearch.png"/></a> 
+            </div>
+            <!-- Autocomplete -->
+            <!-- Add unlimited suggestions using <option value=""/> -->
+            <datalist id="autocomplete">
+              <option value="Google"/>
+              <option value="Yahoo !"/>
+              <option value="Bing"/>
+              <option value="Yahoo Mail"/>
+              <option value="GMail"/>
+              <option value="Hotmail"/>
+              <option value="MSN"/>
+              <option value="News"/>
+              <option value="Facebook"/>
+              <option value="Twitter"/>
+              <option value="Google+"/>
+              <option value="G+"/>
+              <option value="Suggestions are fully customizable"/>
+            </datalist>
+            <!-- The "X" button -->
+            <input id="reset" name="reset" type="reset" value="" />
+            <!-- The submit button (search button) -->
+            <input id="submit" name="submit" type="submit" value="" />
+        </form>
+        <div class="appbaricon" onclick="window.location.reload()" id="reload" title="Reload"></div>
+    </div>
+    <iframe width="100%" height="81.5%" id="results" name="results" frameborder="0"></iframe>
+
+    <!-- CHARMS BAR CODE -->
+    <div id="charmsbar" onmouseover="doublevisibility('inline','charmsbar','datetime')" onmouseout="doublevisibility('none','charmsbar','datetime')" >
+    <img src="../../common/img/charmsbar/search.png" onclick="visibility('block','searchcharms')" onmouseover="this.src='../../common/img/charmsbar/search-hover.png'" onmouseout="this.src='../../common/img/charmsbar/search.png'"/><br/>
+    <img src="../../common/img/charmsbar/share.png" onclick="visibility('block','sharecharms')" onmouseover="this.src='../../common/img/charmsbar/share-hover.png'" onmouseout="this.src='../../common/img/charmsbar/share.png'"/><br/>
+    <a href="../../start/index.html"><img src="../../common/img/charmsbar/start.png" onmouseover="this.src='../../common/img/charmsbar/start-hover.png'" onmouseout="this.src='../../common/img/charmsbar/start.png'"/></a><br/>
+    <img src="../../common/img/charmsbar/devices.png" onmouseover="this.src='../../common/img/charmsbar/devices-hover.png'" onmouseout="this.src='../../common/img/charmsbar/devices.png'"/><br/>
+    <img src="../../common/img/charmsbar/settings.png" onclick="visibility('block','settingscharms')" onmouseover="this.src='../../common/img/charmsbar/settings-hover.png'" onmouseout="this.src='../../common/img/charmsbar/settings.png'"/><br/>
+    </div>
+    <div id="datetime">
+    <img src="../../common/img/charmsbar/network.png" id="iconnetwork" height="24px" width="24px"/>
+    <img src="../../common/img/charmsbar/battery.png" id="iconbattery"/>
+    <span id="ctime"></span>
+    <script>
+    function clock() {
+        var digital = new Date();
+        var hours = digital.getHours();
+        var minutes = digital.getMinutes();
+        var seconds = digital.getSeconds();
+        var amOrPm = "AM";
+        if (hours > 11) amOrPm = "PM";
+        if (hours > 12) hours = hours - 12;
+        if (hours == 0) hours = 12;
+        if (minutes <= 9) minutes = "0" + minutes;
+        if (seconds <= 9) seconds = "0" + seconds;
+        dispTime = hours + ":" + minutes ;
+        document.getElementById('ctime').innerHTML = dispTime;
+        setTimeout("clock()", 1000);
+    }
+    window.onload=clock;
+    </script>
+    <div id="date">
+      <script>
+
+ var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")
+
+ var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")
+
+ var now = new Date
+
+ document.write("" + dayName[now.getDay()] + "<br/>" +"<span id=month>" + monName[now.getMonth()] + " "+now.getDate() +"")
+      </script>
+    </div>
+    </div>
+    <div id="startbutton" onmouseout="visibility('none','startbutton')">
+    <a href="../../start/index.html"><img src="../../common/img/charmsbar/startbutton.png"/></a>
+    </div>
+    <div id="hoverarea" onmouseover="doublevisibility('inline','charmsbar','datetime')" class="hotcorner"></div>
+    <div id="bottomhoverarea" onmouseover="doublevisibility('inline','charmsbar','datetime')" class="hotcorner"></div>
+    <div id="starthoverarea" onmouseover="visibility('inline','startbutton')" class="hotcorner"></div>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/smartsearch/ixquick.png b/apps/smartsearch/ixquick.png
new file mode 100644
index 0000000..fcc3ef6
--- /dev/null
+++ b/apps/smartsearch/ixquick.png
diff --git a/apps/smartsearch/livejournal.png b/apps/smartsearch/livejournal.png
new file mode 100644
index 0000000..ef151fe
--- /dev/null
+++ b/apps/smartsearch/livejournal.png
diff --git a/apps/smartsearch/multisearch.png b/apps/smartsearch/multisearch.png
new file mode 100644
index 0000000..16a125b
--- /dev/null
+++ b/apps/smartsearch/multisearch.png
diff --git a/apps/smartsearch/picasa.png b/apps/smartsearch/picasa.png
new file mode 100644
index 0000000..ff6dfc7
--- /dev/null
+++ b/apps/smartsearch/picasa.png
diff --git a/apps/smartsearch/pinterest.png b/apps/smartsearch/pinterest.png
new file mode 100644
index 0000000..a2a7da5
--- /dev/null
+++ b/apps/smartsearch/pinterest.png
diff --git a/apps/smartsearch/play.png b/apps/smartsearch/play.png
new file mode 100644
index 0000000..515425f
--- /dev/null
+++ b/apps/smartsearch/play.png
diff --git a/apps/smartsearch/reddit.png b/apps/smartsearch/reddit.png
new file mode 100644
index 0000000..8390e20
--- /dev/null
+++ b/apps/smartsearch/reddit.png
diff --git a/apps/smartsearch/reload-active.png b/apps/smartsearch/reload-active.png
new file mode 100644
index 0000000..3fcdd93
--- /dev/null
+++ b/apps/smartsearch/reload-active.png
diff --git a/apps/smartsearch/reload.png b/apps/smartsearch/reload.png
new file mode 100644
index 0000000..5628067
--- /dev/null
+++ b/apps/smartsearch/reload.png
diff --git a/apps/smartsearch/reset-big-black.png b/apps/smartsearch/reset-big-black.png
new file mode 100644
index 0000000..3c8ddfb
--- /dev/null
+++ b/apps/smartsearch/reset-big-black.png
diff --git a/apps/smartsearch/reset-white.png b/apps/smartsearch/reset-white.png
new file mode 100644
index 0000000..7e033c5
--- /dev/null
+++ b/apps/smartsearch/reset-white.png
diff --git a/apps/smartsearch/reset.png b/apps/smartsearch/reset.png
new file mode 100644
index 0000000..3c8ddfb
--- /dev/null
+++ b/apps/smartsearch/reset.png
diff --git a/apps/smartsearch/scholar.png b/apps/smartsearch/scholar.png
new file mode 100644
index 0000000..9adf83c
--- /dev/null
+++ b/apps/smartsearch/scholar.png
diff --git a/apps/smartsearch/search-active.png b/apps/smartsearch/search-active.png
new file mode 100644
index 0000000..126db09
--- /dev/null
+++ b/apps/smartsearch/search-active.png
diff --git a/apps/smartsearch/search.png b/apps/smartsearch/search.png
new file mode 100644
index 0000000..cce1b49
--- /dev/null
+++ b/apps/smartsearch/search.png
diff --git a/apps/smartsearch/splashscreen.png b/apps/smartsearch/splashscreen.png
new file mode 100644
index 0000000..ac97d29
--- /dev/null
+++ b/apps/smartsearch/splashscreen.png
diff --git a/apps/smartsearch/style.css b/apps/smartsearch/style.css
new file mode 100644
index 0000000..99e75a3
--- /dev/null
+++ b/apps/smartsearch/style.css
@@ -0,0 +1,185 @@
+body {margin:0;padding:0;}
+::selection {
+	border:2px solid #CBE8F6;
+	background-color:#26A0DA;
+}
+::-moz-selection {
+	border:2px solid #CBE8F6;
+	opacity:0.4;
+	background-color:#26A0DA;
+}
+iframe {
+	width:100%;
+	height:100%;
+	position:absolute;
+	z-index:-1;
+}
+#appbar {
+	background:#111;
+	bottom:0;
+	position:fixed;
+	width:100%;
+	padding:10px 0;
+}
+.appbaricon {
+	width:32px;
+	height:32px;
+	background-size:cover;
+	display:inline-block;
+	border-radius:10000px;
+	margin:0 10px;
+	cursor:pointer;
+}
+.appbaricon:hover {
+	background-color:rgba(255,255,255,0.2);
+}
+.appbaricon:hover:active {
+	background-color:transparent !important;
+}
+#back {
+	background-image:url('back.png');
+}
+#back:active {
+	background-image:url('back-active.png');
+}
+#forward {
+	background-image:url('forward.png');
+}
+#forward:active {
+	background-image:url('forward-active.png');
+}
+#reload {
+	background-image:url('reload.png');
+}
+#reload:active {
+	background-image:url('reload-active.png');
+}
+#link {
+	background-image:url('link.png');
+}
+#link:active {
+	background-image:url('link-active.png');
+}
+#multisearchForm, #multisearchFormIcon {
+    font-family: Open Sans,Open Sans;
+    padding: 0px;
+    border:none;
+    display: inline-block;
+    width: auto;
+    height: 32px;
+    background-color: rgb(255, 255, 255);
+    transition-property: all;
+    transition-duration: 1s;
+    vertical-align:top;
+}
+#input {
+	border:none;
+	height:24px;
+	width:900px;
+	font: normal 11pt Segoe UI;
+	line-height:32px;
+}
+ul.ws_drop_down {
+	display:block; 
+	float: left; 
+
+}
+ul.ws_drop_down li img{
+	border: 0px;
+	vertical-align: middle;
+	padding: 1px
+}
+ul.ws_drop_down li {
+	display:block; 
+	margin:0px 0px 0px 0px; 
+	float:left;
+}
+ul.ws_drop_down a:hover ul, ul.ws_drop_down a:hover a:hover ul, ul.ws_drop_down a:hover a:hover a:hover ul {
+	display:block;
+}
+ul.ws_drop_down li a {
+	display:block; 
+	vertical-align:middle; 
+	text-decoration:none; 
+	text-align:left; 
+	font-size: 13px; 
+	line-height: 28px; 
+	padding: 5px 3px 6px 10px;  
+	margin: 0px; 
+	color: #666666; 
+	background-image: url('dropdown.png'); 
+	background-repeat: no-repeat; 
+	background-position: 75px center; 
+	width: 80px; 
+	outline: none;
+}
+#multisearchFormIcon ul.ws_drop_down li a {
+	background-position: 35px center;
+}
+ul.ws_drop_downm li a:hover, ul.ws_drop_downm li a {
+	color: #000;
+}
+ul.ws_drop_down ul {
+	position: absolute; 
+	left:-1px; 
+	top:100%; 
+	background-color:#fff; 
+	margin: -2px 0px 0px 0px; 
+	border-bottom: 1px solid #3366CC; 
+	border-left: 1px solid #3366CC; 
+	border-top: 1px solid #3366CC;
+}
+ul.ws_drop_down, ul.ws_drop_down ul {
+	margin:0px; 
+	list-style:none; 
+	padding:0px;
+}
+ul.ws_drop_down a:active, ul.ws_drop_down a:focus {
+	outline-style:none;
+}
+ul.ws_drop_down ul li {
+	float: left; 
+	margin: 0px 0px 0px -1px;
+}
+ul.ws_drop_down ul a {
+	white-space:nowrap; 
+	text-align:left; 
+	border-right: 1px solid #3366CC; 
+	border-left: 1px solid #3366CC; 
+
+	width: 200px; 
+	background-image: none; 
+	padding: 3px 0px 3px 10px;
+}
+#reset {
+	height:24px;
+	width:24px;
+	vertical-align:middle;
+	margin-right:10px;
+	background-color:#FFFFFF;
+	background-image:url('reset.png');
+	background-repeat:no-repeat;
+	background-position:center;
+	border:none;
+}
+#reset:hover {
+	background-color:#DFDFDF;
+}
+#reset:active {
+	background-color:#000;
+	background-image:url('reset-white.png');
+}
+#submit {
+	vertical-align:top;
+	background: url('search.png') #111 center no-repeat;
+	height:34px;
+	width:50px;
+	border:1px solid #111;
+	outline:1px solid #111;
+}
+#submit:active {
+	background: url('search-active.png') #111 center no-repeat;
+}
+#engines img {
+	margin:7px 10px 0px 10px;
+}
\ No newline at end of file
diff --git a/apps/smartsearch/translate.png b/apps/smartsearch/translate.png
new file mode 100644
index 0000000..bdd5588
--- /dev/null
+++ b/apps/smartsearch/translate.png
diff --git a/apps/smartsearch/twitter.png b/apps/smartsearch/twitter.png
new file mode 100644
index 0000000..3e94e0e
--- /dev/null
+++ b/apps/smartsearch/twitter.png
diff --git a/apps/smartsearch/vimeo.png b/apps/smartsearch/vimeo.png
new file mode 100644
index 0000000..4fc5000
--- /dev/null
+++ b/apps/smartsearch/vimeo.png
diff --git a/apps/smartsearch/wikipedia.png b/apps/smartsearch/wikipedia.png
new file mode 100644
index 0000000..4b3f20e
--- /dev/null
+++ b/apps/smartsearch/wikipedia.png
diff --git a/apps/smartsearch/yahoo.png b/apps/smartsearch/yahoo.png
new file mode 100644
index 0000000..d7761e5
--- /dev/null
+++ b/apps/smartsearch/yahoo.png
diff --git a/apps/smartsearch/yimages.png b/apps/smartsearch/yimages.png
new file mode 100644
index 0000000..166f740
--- /dev/null
+++ b/apps/smartsearch/yimages.png
diff --git a/apps/smartsearch/youtube.png b/apps/smartsearch/youtube.png
new file mode 100644
index 0000000..98a4b76
--- /dev/null
+++ b/apps/smartsearch/youtube.png