﻿  
  $(document).ready(   
                        function()
                          {
                             $("#big_img").attr({ 
                                  src: $("img.small_color:first").attr("rel")
                                });
                             $("div.small_color_cursor:first").css("display","block");   
                                
                            
                             $("img.small_color").click(function()
                                                              {
                                                                new_image_url = $(this).attr("rel");
                                                                if (new_image_url != $("#big_img").attr("src"))
                                                                    {
                                                                      
                                                                      $("#big_img").stop(true,false);
                                                                      $("#big_img").css("opacity",1);
                                                                      $("#big_img").stop(true);
                                                                      $("#big_img").animate({opacity: 0}, 500, function()
                                                                                                                        {
                                                                                                                                findObj('big_img').src = new_image_url;
                                                                                                                                $("#big_img").animate({opacity: 1}, 500);
                                                                                                                        }
                                                                                            );
                                                                      $("div.small_color_cursor").css("display","none");
                                                                      $(this).siblings("div.small_color_cursor").css("display","block");
                                                                    }       
                                                              }
                                                        );
                          }
                    );
  
  
  
  
 
  
  
  
  