From 7c5a06855d6afae56795e4036c6cbe4f69e3658d Mon Sep 17 00:00:00 2001
From: Normann Lou <normann@silverstripe.com>
Date: Thu, 3 Dec 2009 01:55:56 +0000
Subject: [PATCH] BUGFIX: convert ImageFormAction form prototype syntax to
 jQuery syntax, merged from r94304

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/branches/2.4@94332 467b73ca-7a2a-4603-9d3b-597d59a354a9
---
 forms/ImageFormAction.php     |  4 ++--
 javascript/ImageFormAction.js | 30 ++++++++++++++----------------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/forms/ImageFormAction.php b/forms/ImageFormAction.php
index 9331dc012..c6dda0f39 100755
--- a/forms/ImageFormAction.php
+++ b/forms/ImageFormAction.php
@@ -22,8 +22,8 @@ class ImageFormAction extends FormAction {
 		parent::__construct($action, $title, $form);
 	}
 	function Field() {
-		Requirements::javascript(SAPPHIRE_DIR . '/thirdparty/prototype/prototype.js');
-		Requirements::javascript(SAPPHIRE_DIR . '/thirdparty/behaviour/behaviour.js');
+		Requirements::javascript(THIRDPARTY_DIR . '/jquery/jquery.js');
+		Requirements::javascript(THIRDPARTY_DIR . '/jquery-livequery/jquery.livequery.js');
 		Requirements::javascript(SAPPHIRE_DIR . '/javascript/ImageFormAction.js');
 		
 		$classClause = '';
diff --git a/javascript/ImageFormAction.js b/javascript/ImageFormAction.js
index 1890d7e65..548c85609 100755
--- a/javascript/ImageFormAction.js
+++ b/javascript/ImageFormAction.js
@@ -1,20 +1,18 @@
-Behaviour.register({
-	'input.rollover' : {
-		initialize: function() {
-			var srcParts = this.src.match( /(.*)\.([a-zA-Z]+)$/ );
+(function($) {
+	$(document).ready(function() {
+		$("input.rollover").livequery(function(){
+			var srcParts = jQuery(this).attr('src').match( /(.*)\.([a-zA-Z]+)$/ );
 			var fileName = srcParts[1];
 			var extension = srcParts[2];
-			
 			this.overSrc = fileName + '_over.' + extension;
-			this.outSrc = this.src;
-		},
+			this.outSrc = jQuery(this).attr('src');
+		});
+    	$("input.rollover").livequery('mouseover', function(){
+			jQuery(this).attr('src', this.overSrc);
+		});
 		
-		onmouseover: function() {
-			this.src = this.overSrc;
-		},
-		
-		onmouseout: function() {
-			this.src = this.outSrc;
-		}
-	}
-});
\ No newline at end of file
+    	$("input.rollover").livequery('mouseout', function(){
+			jQuery(this).attr('src', this.outSrc);
+		});
+	});
+})(jQuery);
\ No newline at end of file