diff --git a/script/js.js b/script/js.js
new file mode 100644
index 0000000000000000000000000000000000000000..41967a367987dc858b438098bd84bb2238cb4585
--- /dev/null
+++ b/script/js.js
@@ -0,0 +1,56 @@
+// $Id:
+
+$(document).ready(function(){
+
+		$('div.comment').hover(function(){
+				$(".comment-links a", this).css("color", "#F23183");
+				$(".content", this).css("color", "#000");
+				}, 
+			function(){
+					$(".comment-links a").css("color", "#F9FCFD");
+					$(".content").css("color", "#74868D");
+					}
+		);
+
+
+		$('div.dock-back ul > li').hover(function(){
+				$( '.latest' ).hide();
+				$( this ).addClass( 'dock-active' );
+				$(".content", this).css("color", "#000");
+				$( this ).stop().children( 'span' ).fadeIn( 200 );
+				}, 
+			function(){
+					$( this ).removeClass( 'dock-active' );
+					$( this ).stop().children( 'span' ).fadeOut( 200 );
+					}
+		);
+				
+		$( 'div.dock-back .item-list' ).bind( "mouseleave", function() {
+				$( '.latest' ).fadeIn( 1000 );}
+	  );
+
+    $('div.dock-back .item-list a').hover(function() {
+        $( this ).animate({ top: -5 }, 'fast');},
+        	function() {
+        		$( this ).animate({ top: 0 }, 'fast');}
+    );
+
+		$('.form-item input').focus(function(){
+		    $(this).parents('.form-item').addClass('focus');
+		}).blur(function(){
+		    $(this).parents('.form-item').removeClass('focus');
+		});
+
+		$('.form-item select').focus(function(){
+		    $(this).parents('.form-item').addClass('focus');
+		}).blur(function(){
+		    $(this).parents('.form-item').removeClass('focus');
+		});
+
+		$('.form-item textarea').focus(function(){
+		    $(this).parents('.form-item').addClass('focus');
+		}).blur(function(){
+		    $(this).parents('.form-item').removeClass('focus');
+		});
+
+});