// When the document is ready
if (jQuery) {  jQuery(function() {
    
    // Attach a change function to the <select> element
    jQuery('[name=my-item-attr]').change(function() {
      
      var form = jQuery(this).parents('form');
        
        // Size is whatever the value the user has selected
        var size = jQuery(this).val();
        
        var desc, enabled;

        // Determine the correct price and item ID based on the selected size
        switch (size) {
	  /* 
	   */

        case 'item-color-code-here': // This needs to match the value attribute in the <option> tag
           desc = 'color desc one';
	  enabled = 'yes'; 
        break;
	case 'A':
	  desc = 'Lava';
	   enabled = 'yes'; 
	  break;

	case 'B':
	  desc = 'Cinder';
	  enabled = 'yes'; 
	  break;
	case 'C':
desc = 'Charcoal';
	   enabled = 'yes'; 

    break;
	case 'D':
	  desc = 'Steel';
	   enabled = 'yes'; 
	   
	    break;
	case 'E':
	  desc = 'Nebula';
	   enabled = 'yes'; 
	   
	    break;
	case 'F':
	  desc = 'Monarch';
	   enabled = 'yes'; 
 break;
	case 'G':
	  desc = 'Persian Blue';
	   enabled = 'yes'; 
	   
	    break;
	case 'H':
	  desc = 'Indigo';
	   enabled = 'yes'; 
	   
	    break;
	case 'I':
	  desc = 'Eco Green';
	   enabled = 'yes'; 
	    break;
	case 'J':
	  desc = 'Maroon';
	   enabled = 'yes'; 
	    break;
	case 'K':
	  desc = 'Electric Red';
	   enabled = 'yes'; 
	   
	    break;
	case 'L':
	  desc = 'Beach';
	   enabled = 'yes'; 
break;


	  case 'DIS':
	    desc = 'Disabled';
	    enabled = 'no';
            
        }
 if(enabled == 'yes') {
       form.find('[name=my-add-button]').removeAttr("disabled"); 

	}else {
	  	  form.find('[name=my-add-button]').attr("disabled", "disabled");
     }
      form.find('[name=my-item-desc]').val(desc);

    });
}); }




