Untitled

Change images with mouse click image and pass image id to form to be submitted with form
<% form_tag('/greeting/new')  do %>


<fieldset>
    <legend><%= @legend %></legend>
        <%=error_messages_for "user" %>
        <%=error_messages_for "greeting" %>

<div class="form_row">
    <%= text_field :greeting, :header, :size     =>
                                      Greeting::FORM_HEADER_FIELD_SIZE,
                                 :maxlength => Greeting::HEADER_MAX_LENGTH %>
</div>
...


<div id="icon_box">
    <label for="icon">Select Icon for your Message</label>
<a href="#" onclick="changeMySrc(1)"> >> </a><img id="Img1" src="/images/icon/icon1.jpg" />

<script type='text/javascript'>
    function changeMySrc(i) {
   if(i==1){
            document.getElementById("Img1").src="/images/icons/<%=@icons[1].image_tag %>";
                                  }
              else if (i==2)
                                       {
             document.getElementById("Img1").src="/images/icons/<%=@icons[0].image_tag %>";
                                  }
                        }
</script>

<%= text_field :greeting, :header, :size     =>
                                  Greeting::FORM_HEADER_FIELD_SIZE,
                             :maxlength => Greeting::HEADER_MAX_LENGTH %>
<%= hidden_field :greeting, :image_name %>

if(i==1){
        document.getElementById("Img1").src="/images/icons/<%=@icons[1].image_tag %>";
        document.getElementById("greeting_image_name").value= "<%=@icons[1].image_tag %>";
                              }
          else if (i==2)
                                   {
         document.getElementById("Img1").src="/images/icons/<%=@icons[0].image_tag %>";
         document.getElementById("greeting_image_name").value= "<%=@icons[0].image_tag %>";
                              }
                    }