Что написать в функции чтобы при нажатии на миниатюру изображение менялось на главную

Есть галерея с Основной картинкой и миниатюрами. Что написать в функции, чтобы при клике на миниатюру главная картинка менялась?

<ul class="thumbs">
    <li class="img1"><img src="Thumbs/1.png" class="mini active" data-full-url="full/1.png"
                          onmouseover="this.src='thumbs/1_over.png'"
                          onmouseout="this.src='thumbs/1.png'"/></li>
    <li class="img2"><img src="Thumbs/2.png" class="mini"  data-full-url="full/2.png"
                          onmouseover="this.src='thumbs/2_over.png'"
                          onmouseout="this.src='thumbs/2.png'"/></li>
    <li class="img3"><img src="Thumbs/3.png" class="mini"  data-full-url="full/3.png"
                          onmouseover="this.src='thumbs/3_over.png'"
                          onmouseout="this.src='thumbs/3.png'"/></li>
    <li class="img4"><img src="Thumbs/4.png" class="mini" data-full-url="full/4.png"
                          onmouseover="this.src='thumbs/4_over.png'"
                          onmouseout="this.src='thumbs/4.png'"/></li>
</ul>
<ul id="slides">
    <li class="slide showing"><img src="full/1.png"></li>
    <li class="slide"><img src="full/2.png"></li>
    <li class="slide"><img src="full/3.png"></li>
    <li class="slide"><img src="full/4.png"></li>
</ul>