custom theme settings

app/assets/javascripts/orbitdesktop.js

@@ -145,7 +145,7 @@ var orbitDesktop = function(dom){
 				}
 			
 			});
-			$('#holder').tinyscrollbar({ axis: 'x'});
+			$('.tinycanvas').tinyscrollbar({ axis: 'x'});
 			$("div.scrollbar").hover(function(){
 				$(this).removeClass('op01');
 			}, function(){
@@ -221,7 +221,7 @@ var orbitDesktop = function(dom){
 				$(".group_search").html(allApps);
 				return false;
 			})
-			$('#holder').tinyscrollbar({ axis: 'x'});
+			$('.tinycanvas').tinyscrollbar({ axis: 'x'});
 		}
 		if(!o.desktopData[o.currentface]){
 			$(o.contentHolder).empty().load("/desktop/"+target,function(){
@@ -265,7 +265,7 @@ var orbitDesktop = function(dom){
 					$(this).find('span.tile').addClass('op06');
 				}
 	 		});
-			$('#holder').tinyscrollbar({ axis: 'x'});
+			$('.tinycanvas').tinyscrollbar({ axis: 'x'});
 			var $sdm = $('.sdm');
 
 			if( !$sdm.children('.sdm_o') ){
@@ -295,7 +295,41 @@ var orbitDesktop = function(dom){
 			$("select#change_theme").change(function(){
 				o.changeTheme($(this).val());	
 			});
-			$('#panel_r').tinyscrollbar({ axis: 'y'});
+
+			$('.tinycanvas').each(function(){
+				var h = $(this).parent().height(),
+					sh = $(this).siblings('.s_tab').height();
+				$(this).css({'height': h-sh-24}).tinyscrollbar({ axis: 'y'});
+
+			});
+
+			// simple tab navgation
+			var $anchor = $('.s_tab a[href*=#]'),
+				$tabcontent = $('.st_c');
+
+			$anchor.each(function(){
+				$(this).click(function(){
+					var target = $(this).attr('href');
+
+					$anchor
+						.removeClass('thmc2 thmtxt admtxt')
+						.addClass('admtxt');
+					$(this).toggleClass('thmc2 thmtxt admtxt');
+					$tabcontent.hide();
+					$(target).show();
+					$('.tinycanvas').tinyscrollbar_update();
+
+					return false;
+				});
+			});
+
+			// simple menu
+
+			// miniColors
+			$('.color-picker').miniColors({
+				
+			});
+
 		}
 		if(!o.desktopData[o.currentface]){
 			$(o.contentHolder).empty().load("/desktop/"+target,function(){