//Colour Field Selector and sample display
$(document).ready(function(){  
     $('#old-customer-box').show();  
     $('#new-customer-box').hide();   
     
// shows the slickbox on clicking the noted link  
	$('a#old-customer').click(function() {
    $('#old-customer-box').show('slow');
    $('#new-customer-box').hide('fast');    
    return false;
  });
 // hides the slickbox on clicking the noted link  
  $('a#new-customer').click(function() {
    $('#old-customer-box').hide('fast');
    $('#new-customer-box').show('slow');       
    return false;
  });   
     
     $("#product_id_field").change(onSelectChange);
            
 });  

$(document).ready(function(){
	$('#colour-wrap').hide();
	$('#colour-box').hide();
	$('#colour-sample').hide();
});

function onSelectChange(){  
     var selected = $("#product_id_field option:selected");       
     var output = "";  
     if (selected.text().contains('Select')) {  
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_select"); 
     }    
else if (selected.text().contains('Black')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_black"); 
               }   
else if (selected.text().contains('Brown')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_brown"); 
               }           
else if (selected.text().contains('White')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_offwhite"); 
               }
else if (selected.text().contains('Cream')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_offwhite"); 
               }
else if (selected.text().contains('Sand')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_sand"); 
               }
               
else if (selected.text().contains('Camel')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_camel"); 
               }
               
else if (selected.text().contains('Coffee')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_coffee"); 
               }
               
else if (selected.text().contains('Graphite')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_graphite"); 
               }
               
else if (selected.text().contains('Anthracite')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_anthracite"); 
               }
               
else if (selected.text().contains('Navy')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_navy"); 
               }
               
else if (selected.text().contains('Angel Blue')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_angel_blue"); 
               }
               
else if (selected.text().contains('Pebble')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_pebble"); 
               }
               
else if (selected.text().contains('China Red')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_china_red"); 
               }
else if (selected.text().contains('Red')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_red"); 
               }             
               
else if (selected.text().contains('Stone Grey')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_stone_grey"); 
               }
               
else if (selected.text().contains('Orchid')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_orchid"); 
               }
               
else if (selected.text().contains('Pea')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_pea"); 
               }
               
else if (selected.text().contains('Bright Red')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_bright_red"); 
               }
               
else if (selected.text().contains('Kreta Blue')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_kreta_blue"); 
               }
else if (selected.text().contains('Hortensia')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_hortensia"); 
               }
else if (selected.text().contains('Banana')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_banana"); 
               }
else if (selected.text().contains('Coral')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_coral"); 
               }
else if (selected.text().contains('Sky')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_sky"); 
               }
else if (selected.text().contains('Oxblood')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_oxblood"); 
               }
else if (selected.text().contains('Larix')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_larix"); 
               }
else if (selected.text().contains('Terra')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_terra"); 
               }
else if (selected.text().contains('Purple')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_purple"); 
               }
else if (selected.text().contains('Army')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_army"); 
               }               
else if (selected.text().contains('Dusk Blue')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_dusk_blue"); 
               }     
else if (selected.text().contains('Sea Blue')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_sea_blue"); 
               }   
else if (selected.text().contains('Cardinal')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_cardinal"); 
               } 
else if (selected.text().contains('Grass')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_grass"); 
               }         
else if (selected.text().contains('Lilac')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_lilac"); 
               }  
else if (selected.text().contains('Grey')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_anky_grey"); 
               }   
else if (selected.text().contains('Fog')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_fog"); 
               }   
else if (selected.text().contains('Graphite')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_graphite"); 
               }                  
else if (selected.text().contains('Denim')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_denim"); 
               }                                                                                                 
else if (selected.text().contains('Madeira')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_madeira"); 
               }  
else if (selected.text().contains('Pink')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_pink"); 
               }  
else if (selected.text().contains('Butterscotch')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_butterscotch"); 
               }  
else if (selected.text().contains('Cream')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_cream"); 
               }  
else if (selected.text().contains('Mist')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_mist"); 
               }  
else if (selected.text().contains('Rock')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_rock"); 
               }  
else if (selected.text().contains('Shitake')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_shitake"); 
               } 
else if (selected.text().contains('Dark Blue')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_dark_blue"); 
               } 
else if (selected.text().contains('Cyan')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_cyan"); 
               } 
else if (selected.text().contains('Sangria')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_sangria"); 
               } 
else if (selected.text().contains('Olympia Blue')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_olympia_blue"); 
               } 
else if (selected.text().contains('Hazel')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_hazel"); 
               } 
else if (selected.text().contains('Aquarius')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_aquarius"); 
               }      
else if (selected.text().contains('Ultramarine')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_ultramarine"); 
               }          
else if (selected.text().contains('Coffee')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_coffee"); 
               }          
else if (selected.text().contains('Fuchsia')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_fuchsia"); 
               }          
else if (selected.text().contains('Khaki')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_khaki"); 
               }          
else if (selected.text().contains('Maize')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_maize"); 
               }          
else if (selected.text().contains('Congac')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_congac"); 
               }                                                                                                                
else if (selected.text().contains('Emerald')) {
		$('#colour-wrap').show();
		$('#colour-box').show();
		$('#colour-sample').show();
		$("#colour-sample").removeClass(); 
		$("#colour-sample").addClass("Colour_field_emerald"); 
               }                                                             			   
 }