$(document).ready(function(){
     
     $('select[name^="id"]').change(function(){
         var og_id = $(this).attr('id').replace('sel_box_', '');
         change_attr_img(og_id, $(this));
     });
     
     $('input[name^="id"]').click(function(){
        var img = $(this).attr('class');
        if(img != ""){
            
            $('#main_image_link').attr('href', attr_img_dir+'popup_images/'+img);
            $('#main_image').attr('src', attr_img_dir+'info_images/'+img);
        }
     
     });
     
     $('.img_sel_wr').each(function(){
        
        if($.trim($(this).html()).length>30){
             $(this).parent().find('select').hide();
        }
     
     });
     
     $('.img_attr_sel').click(function(){
              var og_id = $(this).attr('rel').replace('og_id_', '');
              var pov_id = $(this).attr('id').replace('sel_pov_id_', '');
              
              $(this).closest('form').find('select[name="id['+og_id+']"]').val(pov_id);
              do_call();
              make_active_img_sels();
              change_attr_img(og_id, $(this));
     });
     
     function make_active_img_sels(){
        $('select[name^="id"]').each(function(){
            var active = $(this).val();
            $(this).parent().find('.img_attr_sel').removeClass('img_attr_sel_act');
            $('#sel_pov_id_'+active).addClass('img_attr_sel_act');
        
        });
     
     }
     
     function change_attr_img(og_id, el){
        var img = el.closest('form').find('select[name="id['+og_id+']"]').children(':selected').attr('class');
        set_new_image(img, el);
     
     }
     
     function set_new_image(img, el){
         if(img != ""){
            $('#main_image_link').attr('href', attr_img_dir+'popup_images/'+img);
            $('#main_image').attr('src', attr_img_dir+'info_images/'+img);
            
            var pid = el.closest('form').find('input[name="products_id"]').val();
            $('#pl_image_'+pid).attr('src', attr_img_dir+'thumbnail_images/'+img);
            
        }
     
     
     }
     
     
     make_active_img_sels();
     if(show_sel_attribute_img){
         $('form').each(function(){
            
            
            var img = '';
            var el;
            
            $(this).find('select[name^="id"]').children(':selected').each(function(){
                   if(img == ''){
                      img = $(this).attr('class');
                      el  = $(this);
                   }
            });
            $(this).find('input[name^="id"]:checked').each(function(){
                   if(img == ''){
                      img = $(this).attr('class');
                      el  = $(this);
                   }
            });
            set_new_image(img, el);
            
        });    
     }
  
  });