$(function(){
 $(".boxcolor").click(function () {
	  $(".boxcolor").removeClass("hilite");
      $(this).addClass("hilite");
      var text = $(this).attr('id');
      $("#boxColour").val(text);

    });
    $(".fontcolor").click(function () {
	  $(".fontcolor").removeClass("hilite");
      $(this).addClass("hilite");
      var text = $(this).attr('id');
      $("#fontColour").val(text);

    });
     $(".fontid").click(function () {
	  $(".fontid").removeClass("hilite");
      $(this).addClass("hilite");
    
      var text = $(this).attr('id');
      $("#fontid").val(text);

    });
    $(".iconid").click(function () {
	  $(".iconid").removeClass("hilite");
      $(this).addClass("hilite");
    
      var text = $(this).attr('id');
      $("#iconid").val(text);

    });
     $(".camplayout").click(function () {
	  $(".camplayout").removeClass("hilite");
      $(this).addClass("hilite");
    
      var text = $(this).attr('id');
      $("#campID").val(text);
      $("#layoutName").val(text);

    }); 
     $("#frmClear").click(function () {
	  $(".fontid").removeClass("hilite");
	  var text = "";
	  $("#fontid").val(text);
    });
   });