function onDocumentReady() {
	refresh();
	jQuery("#bracelet_number_of_colors").change(refresh);
	jQuery("#bracelet_buckle").change(refresh);
	jQuery("#bracelet_color_inner").change(refresh);
	jQuery("#bracelet_color_outer").change(refresh);
	jQuery("#bracelet_color_extra").change(refresh);
    jQuery("select").attr("autocomplete", "off");

 
}

function refresh() {


	var numberOfColors = jQuery("#bracelet_number_of_colors").val();

    jQuery("#color_inner_container label").html("Innertråd, färg");	
	if (numberOfColors == 1) {

		jQuery("#color_inner_container label").html("Färg");		
        jQuery("#color_outer_container").hide();
        jQuery("#color_outer_container select").val("")
		jQuery("#color_extra_container").hide();			
		jQuery("#color_extra_container select").val("")
	}
	if (numberOfColors == 2) {
        
        jQuery("#color_outer_container select option").show();
        jQuery("#color_outer_container select option[value=" + jQuery("#color_inner_container select").val() + "]").hide();

		jQuery("#color_outer_container").show();
		jQuery("#color_extra_container").hide();
	}
	if (numberOfColors == 3) {

        jQuery("#color_extra_container select option").show();
        jQuery("#color_extra_container select option[value=" + jQuery("#color_inner_container select").val() + "]").hide();
        jQuery("#color_extra_container select option[value=" + jQuery("#color_outer_container select").val() + "]").hide();


		jQuery("#color_outer_container").show();
		jQuery("#color_extra_container").show();
	}

    if (jQuery("#bracelet_color_extra").val() == "glow" || jQuery("#bracelet_color_outer").val() == "glow" || jQuery("#bracelet_color_inner").val() == "glow")
        jQuery("#content").addClass("darkness");
    else
        jQuery("#content").removeClass("darkness");



}

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

jQuery(onDocumentReady);