Disable hover effect on product image thumbnails

The issue is exactly the same issue that this thread is about.

I wanted the thumbnails to be clickable rather than hover over to change the main image on the product page. I have done this following the guide above.
However the issues arose when clicking on the main image it enlarges in a popup box, but doesn't matter which image thumbnail you have selected it always only enlarges the first thumbnail image.

Now in the guide above it says to swap the script code out with the one given. However that script code has changed in the new version of Hikashop. I just need to know what script code to change in order to allow any thumbnail image that is selected to be enlarged.

Here is the link
mirageweddingbackdrops.co.uk/dev/mirage-...ght-wedding-backdrop

Using the guide previously which is probably out of date I changed the script code in 'block_img' from this:
e = e || window.event;
e.stopPropagation();
e.cancelBubble = true;
window.Oby.cancelEvent(e);
window.localPage.images[id].click();
return false;

To this:
e = e || window.event;
e.stopPropagation();
e.cancelBubble = true;
window.Oby.cancelEvent(e);
SqueezeBox.fromElement(window.localPage.images[id],{parse:'rel'});
return false;

It didn't do anything.

Hello I have fixed the issue I forgot to uncomment out this line

$attr .= ' onclick="return window.localPage.openImage(\'hikashop_main_image'.$variant_name.'\', \''.$variant_name.'\', event);"';

This as resolved the problem.