dock effect

app/assets/javascripts/orbitdesktop.js

@@ -274,3 +274,33 @@ var orbitDesktop = function(dom){
 
 orbitDesktop.prototype.themefolder = "themes";
 
+// devin
+(function(){
+	$(document).ready(function(){
+		var $widget_fn = $('.widget_fn'),
+			$fn_des = $('.fn_des');
+
+		$widget_fn.hover(function(){
+			var fn_name = $(this).find('img').attr('alt'),
+				nth = $(this).parents('.d_cate').index(),
+				des_left = $('.dock_child').eq(nth).width();
+
+
+			$(this).addClass('thmc1');
+			$fn_des
+				.text(fn_name)
+				.css({
+					'top':nth * 60,
+					'left': des_left + 60
+				})
+				.stop(true, true)
+				.fadeIn();
+		}, function(){
+			$(this).removeClass('thmc1');
+			$fn_des.stop(true, true).fadeOut();
+		});
+	
+	});
+	
+
+}());