/**
 * -----------------------------------------------------------------------------
 * file: gmapsInfoWindow.js
 * file version: 1.0.0
 * date: 2011-09-23
 */

/*
  <div id='iGMapsInfoWindow' style='display:none;'>
    <div id='iGMapsInfoWindowContent'>
      <div id='iGMIWC_title'>Titre de la photo</div>

      <table id='iGMIWC_thumb'>
        <tr>
          <td style='width:28px;'><div id='iWALeft' ></div></td>
          <td>
            <img id='iGMIWC_img' src=''>
          </td>
          <td style='width:28px;'><div id='iWARight' ></div></td>
        </tr>
      </table>

      <div id='iGMIWC_picnum'>0/0 photo</div>

      <div id='iGMIWC_showcat' style='display:none;'>
        <span>{'gmaps_i_show_this_picture_in'|@translate}</span>
        <ul id='iGMIWC_showcatList'>
        </ul>
      </div>
    </div>
  </div>
*/
function initInfoWindow()
{
  if($('#iGMapsInfoWindow').length==0)
  {
    $('body').append($('<div/>',
                      {
                        id:'iGMapsInfoWindow',
                        css:{display:'none'},
                      }
                    ).append($('<div/>',
                                {
                                  id:'iGMapsInfoWindowContent'
                                }
                              ).append($('<div/>',
                                          {
                                            id:'iGMIWC_title',
                                            html:'(title)'
                                          }
                                        )
                                      ).append($('<table/>',
                                                  {
                                                    id:'iGMIWC_thumb'
                                                  }
                                                ).append($('<tr/>')
                                                          .append($('<td/>',
                                                                    {
                                                                      css:{width:'28px'}
                                                                    }
                                                                   ).append($('<div id="iWALeft"/>')
                                                                           )
                                                                 )
                                                          .append($('<td/>').append($('<img/>',
                                                                                        {
                                                                                          id:'iGMIWC_img',
                                                                                          src:''
                                                                                        }
                                                                                      )
                                                                                    )
                                                                 )
                                                          .append($('<td/>',
                                                                    {
                                                                      css:{width:'28px'}
                                                                    }
                                                                  ).append($('<div id="iWARight">')
                                                                          )
                                                                )
                                                        )
                                              )
                                     .append($('<div/>',
                                                {
                                                  id:'iGMIWC_picnum',
                                                  html:'0/0 photo'
                                                }
                                              )
                                            )
                                     .append($('<div/>',
                                                {
                                                  id:'iGMIWC_showcat',
                                                  css:{display:'none'}
                                                }
                                              ).append($('<span/>',
                                                          {
                                                            html:gmaps.lang.gmaps_i_show_this_picture_in
                                                          }
                                                        )
                                                      )
                                                .append($('<ul/>',
                                                          {
                                                            id:'iGMIWC_showcatList'
                                                          }
                                                        )
                                                      )
                                            )
                            )
                  );
  }
}