//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('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('Anky 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('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"); 
               }     
 }