$('.patterns').attr("current_pattern", "");
$('.patterns').click(function(){
  window.custom_pattern = "";
  $('.patterns').css({'border-color':'gray',
    '-moz-box-shadow': 'none',
    '-webkit-box-shadow':'none',
    'box-shadow': 'none'
  });
  $(this).css({'border-color':'#EE0000',
    '-moz-box-shadow': '0px 0px 9px 3px firebrick',
    '-webkit-box-shadow':'0px 0px 9px 3px firebrick',
    'box-shadow': '0px 0px 9px 3px firebrick'
  })
  
  selected_pattern = /url\(["']?(.+)["']\)$/.exec($(this).css("background-image"))[1];
  preview_controller.from_image(selected_pattern)
  $('.patterns').attr("current_pattern", selected_pattern);
  });
$("input.image_input").attr("clicked", false); 
$("input.image_input").click(function(){
  if(! $(this).clicked){
    $(this).attr("value", "");
    $(this).attr("clicked",true);
  }
})