<div> visibili e nascosti

Buongiorno a tutti, ho due pagine perfettamente funzionanti ma con il difetto di avere 2400 linee di collegamenti suddivisi in 43 <id>.

--------------------------------------------------------------------------------------------

Nella prima pagina richiamo i singoli <id> con questi link

<a href="javascript:void(0);" onclick="c_1();a('1'); return false">A</a>
							
<a href="javascript:void(0);" onclick="c_1();a('2'); return false">b</a>

<a href="javascript:void(0);" onclick="c_1();a('3'); return false">c</a>

( c_1() chiude tutti a('3') apre il singolo)

Questi sono i link richiamati singolarmente

<div id="1" style="display:none;">
     <img src="xxxxxx" alt="" onmousedown="smile(this.src);"/>
</div>
<div id="2" style="display:none;">
     <img src="xxxxxx" alt="" onmousedown="smile(this.src);"/>
</div>
<div id="3" style="display:none;">
     <img src="xxxxxx" alt="" onmousedown="smile(this.src);"/>
</div>

--------------------------------------------------------------------------------------------

Nella seconda pagina invece non ho nessun link e tutti i 43 <id> sono scritti in questa maniera per essere tutti visibili con il loro contenuto

<div id="1" style="display:display;">
     <img src="xxxxxx" alt="" onmousedown="smile(this.src);"/>
</div>
<div id="2" style="display:display;">
     <img src="xxxxxx" alt="" onmousedown="smile(this.src);"/>
</div>
<div id="3" style="display:display;">
     <img src="xxxxxx" alt="" onmousedown="smile(this.src);"/>
</div>

--------------------------------------------------------------------------------------------

La mia domanda e questa:
Vorrei avere tutti gli <id> in un solo javascript, che so come crearlo (uso questo) ma non come gestirlo, per poter mettere le mani in un solo file quando lo modifico invece che due e con la conseguenza di avere una pagina chilometrica.

Spero di essermi spiegata sufficentemente.
Buona serata a tutti.