From 8144973ec42b1087a3d37f5e447f7136e8d521cf Mon Sep 17 00:00:00 2001
From: "hjnim.kim" <hjnim.kim@samsung.com>
Date: Mon, 15 Apr 2013 23:36:42 +0900
Subject: [PATCH] Gallery: Images showing bug has been fixed

Gallery winset image showing bug (when orientation change event fired)
has been fixed

Change-Id: I65846d6d8e726e274926f6f26b31c40e5fda3868
---
 src/js/widgets/jquery.mobile.tizen.gallery.js | 34 +++++++++++++++++++++++----
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/js/widgets/jquery.mobile.tizen.gallery.js b/src/js/widgets/jquery.mobile.tizen.gallery.js
index c03fcee..43cb244 100644
--- a/src/js/widgets/jquery.mobile.tizen.gallery.js
+++ b/src/js/widgets/jquery.mobile.tizen.gallery.js
@@ -216,6 +216,7 @@ define( [ ], function ( ) {
 				processing = function () {
 					self._resize( index );
 					self._align( index, obj );
+
 				},
 				loading = function () {
 					if ( self.images[index] === undefined ) {
@@ -247,6 +248,7 @@ define( [ ], function ( ) {
 			}
 
 			obj.css( "display", "block" );
+			obj.css( "visibility", "hidden" );
 			obj.append( this.images[index] );
 			loading();
 		},
@@ -301,7 +303,7 @@ define( [ ], function ( ) {
 
 			coord_x = _x - this.org_x;
 
-			this._moveLeft( this.cur_img , coord_x + 'px');
+			this._moveLeft( this.cur_img , coord_x + 'px' );
 			if ( this.next_img.length ) {
 				this._moveLeft( this.next_img ,  coord_x + this.window_width + 'px' );
 			}
@@ -455,7 +457,8 @@ define( [ ], function ( ) {
 		},
 		_setTranslateposition : function ( $ele, value ) {
 			var translate,
-				cssArray = null;
+				cssArray = null,
+				self = this;
 
 			if ( $.support.cssTransform3d ) {
 				translate = "translate3d(" + value + ", 0px, 0px)";
@@ -471,10 +474,25 @@ define( [ ], function ( ) {
 			$ele.css(cssArray);
 			return $ele;
 		},
-		_moveLeft : function ( $ele , value , duration) {
+		_hidePrevNext : function() {
+			var self = this;
+
+			if( self.next_img )
+				self.next_img.css( "visibility", "hidden" );
+			if( self.prev_img )
+				self.prev_img.css( "visibility", "hidden" );
+
+		},
+		_hideCur : function() {
+			var self = this;
+			if( self.cur_img )
+				self.cur_img.css( "visibility", "hidden" );
+		},
+		_moveLeft : function ( $ele , value , duration ) {
 			var translate,
 				transition = "",
-				cssArray = null;
+				cssArray = null,
+				self = this;
 
 			if ( $.support.cssTransform3d ) {
 				translate = "translate3d(" + value + ", 0px, 0px)";
@@ -491,6 +509,13 @@ define( [ ], function ( ) {
 					"transform": translate};
 			if( transition !== "" ) {
 				cssArray["-webkit-transition"] = transition ;
+				if( value == "0px" )
+					$ele.one( 'webkitTransitionEnd', self._hidePrevNext );
+				else
+					$ele.one( 'webkitTransitionEnd', self._hideCur );
+			}
+			if( value == "0px" ) {
+				$ele.css( "visibility", "visible" );
 			}
 
 			$ele.css(cssArray);
@@ -511,6 +536,7 @@ define( [ ], function ( ) {
 			this._attach( this.index, this.cur_img );
 			this._attach( this.index + 1, this.next_img );
 
+			this.cur_img.css( 'visibility', 'visible' );
 			if ( this.prev_img.length ) {
 				this._setTranslateposition( this.prev_img, -this.window_width + 'px');
 			}
-- 
2.7.4