Objekt erwartet

[Struppi]

<a id="menu_sub_pic_link_1" onclick="showMainPic('1');" class="menupic active"><img id="menu_sub_pic_1" src="fileadmin/templates/images/projects/fischer01.jpg" alt="Menu Picture" /></a>

Mal abgesehen davon, dass eine ID eindeutig sein muss, ist das sehr umständlich.
Warum verwendest du einen Link, wenn du nicht mal ein Ziel hast?
Das img Elemente kennt den onclick Event, dann würdest du auch niemand der kein JS Kann mit diesem nutzlosen Link verwirren, der zudem das JS unnötig kompliziert macht.

<img src="fileadmin/templates/images/projects/fischer01.jpg"
alt="Menu Picture"
onclick="showMainPic(this);"
/>

Javascript:

Da fehlt noch die Prüfung auf die Dateiendung.
Die CSS Klasse heißt in JS className

function showMainPic(pic)
{
   var  src = pic.src.replace(/(..*)/, 'gross$1');
   document.getElementById("mainpic").src = mainPic;
   pic.className =  "menupic active";
}

Struppi.