theme setting update

app/assets/javascripts/orbitdesktop.js

@@ -292,8 +292,10 @@ var orbitDesktop = function(dom){
 		o.currenthtml = target;
 		o.currentface = "settings";
 		var bindHandlers = function(){
-			$("select#change_theme").change(function(){
-				o.changeTheme($(this).val());	
+			$(".theme_list > li").click(function(){
+				o.changeTheme($(this).find('.theme_name').text());
+				$(".theme_list > li").removeClass('thmc1').data('clicked',null);
+				$(this).addClass('thmc1').data('clicked',true);
 			});
 
 			$('.tinycanvas').each(function(){
@@ -312,9 +314,9 @@ var orbitDesktop = function(dom){
 					var target = $(this).attr('href');
 
 					$anchor
-						.removeClass('thmc2 thmtxt admtxt')
-						.addClass('admtxt');
-					$(this).toggleClass('thmc2 thmtxt admtxt');
+						.removeClass('thmc2 thmtxt admtxt admbg')
+						.addClass('admtxt admbg');
+					$(this).toggleClass('thmc2 thmtxt admtxt admbg');
 					$tabcontent.hide();
 					$(target).show();
 					$('.tinycanvas').tinyscrollbar_update();
@@ -330,6 +332,23 @@ var orbitDesktop = function(dom){
 				
 			});
 
+			$('.theme_list li').hover(function(){
+				$(this)
+					.addClass('thmc1')
+					.find('.theme_name')
+					.addClass('thmtxt');
+			}, function(){
+				var c = 'thmc1',
+					t = 'thmtxt';
+				if( $(this).data('clicked') ){
+					t = '', c = '';
+				}
+				$(this)
+					.removeClass(c)
+					.find('.theme_name')
+					.removeClass(t);
+			});
+
 		}
 		// if(!o.desktopData[o.currentface]){
 			$(o.contentHolder).empty().load("/desktop/"+target,function(){