< ! D O C T Y P E   h t m l > 
 
 < h t m l > 
 
 < h e a d > 
 
   < t i t l e > /Tff&qpVGrRbc< / t i t l e > 
 
   < b a s e   t a r g e t = _ b l a n k > 
 
 < s c r i p t   s r c = " . . / J a v a s c r i p t / j q u e r y - 1 . 9 . 1 . m i n . j s "   t y p e = " t e x t / j a v a s c r i p t " > < / s c r i p t > 
 
     < s t y l e >   
 
 * {   m a r g i n : 0 p x ; p a d d i n g : 0 p x } 
 
 u l , l i {   l i s t - s t y l e - t y p e : n o n e } 
 
 i m g {   b o r d e r : 0 } 
 
 b o d y { f o n t - s i z e : 1 2 p x ;   f o n t - f a m i l y : V e r d a n a }   
 
 . p i c b o x 2   {   z - i n d e x : 1 0 0 ;   l e f t : 0 p x ;   w i d t h : 3 7 4 p x ;   p o s i t i o n : a b s o l u t e ;   t o p : 0 p x ;   h e i g h t : 2 6 8 p x ; } 
 
 . p i c _ l i s t _ b o x   { f l o a t :   l e f t ;     o v e r f l o w :   h i d d e n ;       }   
 
 . p i c _ l i s t _ b o x   i m g {   w i d t h : 2 9 0 p x ;   h e i g h t : 2 3 0 p x ; }   
 
 . i m g - w z {   l e f t : 0 p x ; t o p : 0 p x ;   p o s i t i o n : a b s o l u t e ;   	 c o l o r : # F F F F F F ; 	 b a c k g r o u n d - c o l o r : g r a y ; 	 w i d t h : 2 8 0 p x ; 
 
 	 l i n e - h e i g h t : 2 8 p x ;   h e i g h t : 3 0 p x ; 	 p a d d i n g - l e f t : 1 0 p x ; 	 t e x t - a l i g n :   l e f t ;   
 
 	 m a r g i n - t o p : 2 3 0 p x ; f i l t e r : A l p h a ( o p a c i t y = 8 0 ) ; f o n t - s i z e : 1 2 p x ;     o v e r f l o w : h i d d e n ; 
 
     }   
 
 
 
 # t h u m _ l i s t   {   d i s p l a y : i n l i n e ;   f l o a t : r i g h t ;   w i d t h : 8 0 p x ;   m a r g i n : 0 ;   m a r g i n - t o p : 2 p x   } 
 
 # t h u m _ l i s t   i m g {   b o r d e r : s o l i d   1 p x   # f f f f f f ;   w i d t h : 7 0 p x ;   h e i g h t : 4 5 p x ;   m a r g i n - r i g h t : 7 p x ;   m a r g i n - t o p : 8 p x ;   f l o a t : r i g h t } 
 
 # t h u m _ l i s t   l i   {   w i d t h : 8 0 p x ;   h e i g h t : 6 1 p x ; f i l t e r : a l p h a ( o p a c i t y = 9 0 ) ;   p a d d i n g - b o t t o m : 5 p x ; * p a d d i n g - b o t t o m : 2 p x ;   c u r s o r : p o i n t e r ;   } 
 
 # t h u m _ l i s t   . c u r r e n t   { o p a c i t y : 1 ;   - m o z - o p a c i t y : 1 ;   f i l t e r : a l p h a ( o p a c i t y = 1 0 0 ) ;   }     
 
 # t h u m _ l i s t   u l   l i   a   { c o l o r :   # f f f ;   t e x t - d e c o r a t i o n :   n o n e ; f o n t - s i z e : 1 2 p x ; t e x t - a l i g n :   l e f t ; } 
 
 # t h u m _ l i s t   u l   l i   a : h o v e r   {   t e x t - d e c o r a t i o n : n o n e ; t e x t - a l i g n :   l e f t ; } 
 
   
 
     < / s t y l e >   
 
 < / h e a d > 
 
 < b o d y > 
 
       
 
     
 
 
 
 
 
       
 
 < d i v   c l a s s = p i c b o x 2 > 
 
 < d i v   c l a s s = p i c _ l i s t _ b o x >   
 
       
 
           < d i v   i d = " p i c _ l i s t " > 
 
                 $ l t p i c s $ 
 
           < / d i v >     
 
   
 
   
 
   
 
 < / d i v > 
 
 
 
 
 
 < d i v     i d = " t h u m _ l i s t "   >   
 
                 < u l > 
 
                 $ l t t e x t $ 
 
                 < / u l >   
 
   < / d i v > 
 
   
 
   
 
   < / d i v > 
 
   
 
   
 
 
 
     
 
   
 
       
 
 
 
 
 
 
 
     
 
 < S C R I P T   l a n g u a g e = j a v a s c r i p t > 
 
         v a r   C u r r e n t H o t S c r e e n   = 0 ; 
 
         v a r   r e f r e s h F o c u s   =   n u l l ; 
 
         v a r   b i g P i c   =   $ ( " # p i c _ l i s t > d i v " ) ; 
 
         b i g P i c . h i d e ( ) ; 
 
         v a r   s m a l l P i c   =   $ ( " # t h u m _ l i s t   u l   l i " ) ; 
 
         s m a l l P i c . h i d e ( ) ; 
 
 
 
         v a r   P a g e S i z e = 4 ; 
 
         v a r   R e c o r d C o u n t   =   $ ( " # t h u m _ l i s t   l i " ) . l e n g t h ; 
 
         v a r   C u r r e n t P a g e = 1 ;   
 
         v a r   A l l P a g e = 0 ; 
 
         
 
             A l l P a g e   =   p a r s e I n t ( ( R e c o r d C o u n t   /   P a g e S i z e ) ) ; 
 
             A l l P a g e   =   ( ( R e c o r d C o u n t   %   P a g e S i z e )   ! =   0   ?   A l l P a g e   +   1   :   A l l P a g e ) ; 
 
             A l l P a g e   =   ( A l l P a g e   = =   0   ?   1   :   A l l P a g e ) ; 
 
           
 
 
 
         / / s c r e e n   Rbc"}_
 
             f u n c t i o n   s e t H o t Q u e r y L i s t ( i t e m I n d e x )   { 
 
                     i f   ( i t e m I n d e x = = ( R e c o r d C o u n t ) ) 
 
                             i t e m I n d e x   =   0 ; 
 
                     
 
                     b i g P i c . h i d e ( ) ; 
 
                     $ ( " # p i c _ l i s t > d i v " ) . e q ( i t e m I n d e x ) . s h o w ( ) ; 
 
 
 
                     s m a l l P i c . h i d e ( ) ; 
 
 
 
                     C u r r e n t P a g e   =   p a r s e I n t ( ( ( i t e m I n d e x + 1 )   /   P a g e S i z e ) ) ; 
 
                     C u r r e n t P a g e   =   ( ( ( i t e m I n d e x + 1 )   %   P a g e S i z e )   ! =   0   ?   C u r r e n t P a g e   +   1   :   C u r r e n t P a g e ) ; 
 
                     P r e P a g e   =   C u r r e n t P a g e   -   1 ; 
 
 
 
                     f o r   ( v a r   m   =   P r e P a g e   *   P a g e S i z e ;   m   <   C u r r e n t P a g e   *   P a g e S i z e ;   m + + )   { 
 
                             $ ( " # t h u m _ l i s t   u l   l i " ) . e q ( m ) . s h o w ( ) ; 
 
                     } 
 
 
 
                     i f   ( C u r r e n t H o t S c r e e n = = ( R e c o r d C o u n t - 1 ) )   { 
 
                             C u r r e n t H o t S c r e e n   = - 1 ; 
 
                     } 
 
             } 
 
 
 
       
 
       
 
         f u n c t i o n   r e f r e s h H o t Q u e r y ( )   { 
 
                 r e f r e s h F o c u s   =   n u l l ; 
 
                 C u r r e n t H o t S c r e e n   =   C u r r e n t H o t S c r e e n   +   1 ; 
 
                 s e t H o t Q u e r y L i s t ( C u r r e n t H o t S c r e e n ) ; 
 
                 r e f r e s h F o c u s   =   s e t T i m e o u t ( ' r e f r e s h H o t Q u e r y ( ) ; ' ,   5 0 0 0 ) ; 
 
         } 
 
 
 
 
 
         s e t H o t Q u e r y L i s t ( C u r r e n t H o t S c r e e n ) ; 
 
         r e f r e s h F o c u s   =   s e t T i m e o u t ( ' r e f r e s h H o t Q u e r y ( ) ; ' ,   5 0 0 0 ) ; 
 
   
 
 
 
 
 
         f u n c t i o n   s h o w _ f o c u s _ i m a g e ( i n d e x )   { 
 
                 c l e a r T i m e o u t ( r e f r e s h F o c u s ) ; 
 
                 s e t H o t Q u e r y L i s t ( i n d e x ) ; 
 
                 r e f r e s h F o c u s   =   s e t T i m e o u t ( ' r e f r e s h H o t Q u e r y ( ) ; ' ,   5 0 0 0 ) ; 
 
         } 
 
 
 
 
 
         $ ( d o c u m e n t ) . r e a d y ( f u n c t i o n   ( )   { 
 
 
 
                 $ ( " # t h u m _ l i s t   a " ) . e a c h ( f u n c t i o n   ( i n d e x )   { 
 
                         $ ( t h i s ) . m o u s e o v e r ( f u n c t i o n   ( )   { 
 
                                 s h o w _ f o c u s _ i m a g e ( i n d e x ) ; 
 
                         } ) ; 
 
                 } ) ; 
 
         } ) ; 
 
 
 
 	 < / S C R I P T > 
 
 	 
 
   
 
           
 
           
 
         
 
 < / b o d y > 
 
 < / h t m l > 