I need to solve this problem.  We are using the spring framework so perhaps a good custom spring tag is available to write....don't know.  The html below is expected by the front end html specialist....

Note below that this is the dynamic html that I need to generate where only the strings bgCatX_Y will change in value.  Also, the src="<filepath>"  will be dynamic.  I already created a Java hashmap to store these type of things and I will iterate through the map to define these dynamic sections.  The rest of this html will all be static.  There will be alot of output
here as the map contains data for alot of iterations of these divs.   I was thinking
about simply encapsulating all of this in a simple tag.

such that the html inserted into the jsp page would simply be my custom tagname of

<bi:buildimagefilepath />


Are their any other approaches that you would suggest, in your experience that may be better or
easier to maintain as far as building the right kind of tag?  Would there perhaps be a JSTL or
Spring tag that I could build that would be better or is it really a matter of preference?

Looking forward to your input.

Dan

                        <div id="bgCat1_0" class="listBoxWrapper ep_catSubSwitch">
                                <div id="catSlider1" style="width:500px; height:60px; overflow:hidden; display:block">
                                           <div id="catSlidePane1">
                                                      <div>
                                                             <img class="ep_imgThumb imgInsert" onclick="highlightThumb(this); $('#bgNet1').attr('checked',true);" src="${ctxPath}/images/logo_250.jpg">
                                                      </div>
                                           </div>
                                 </div>
                        </div>
                                               
                        <div id="bgCat1_1" class="listBoxWrapper ep_catSubSwitch">
                                <div id="catSlider1" style="width:500px; height:60px; overflow:hidden; display:block">
                                            <div id="catSlidePane1">
                                                      <div>
                                                               <img class="ep_imgThumb imgInsert" onclick="highlightThumb(this); $('#bgNet1').attr('checked',true);" src="${ctxPath}/images/logo_251.jpg">
                                                      </div>
                                            </div>
                               </div>
                        </div>