function clickOnImageLink(event){
    var elem = Event.element(event);
    Event.stop(event);
    //make sure we are working on the link not on nested image 
    while(elem.tagName.toLowerCase()!="a") elem = Element.up(elem);
    if (elem.href){        
        $('mainImage').src = elem.href;
        $('zoomLink').href = elem.href;        
    }
}
function zoom(event){
    //get the href
    var elem = Event.element(event);
    Event.stop(event);
    var href = "";
    //make sure we are working on the link not on nested image 
    while(elem.tagName.toLowerCase()!="a") elem = Element.up(elem);
    href = elem.href;
    if(href){
        //clean the href from any minixxxx/
        href = href.replace(/mini\d*\//,"");
        //we've got now to find out the dim of the image
        var img = new Image();
        img.src = href;
        var img_width = parseInt(img.width);  
        if (img_width == 0) img_width = 350; 
        var img_height = parseInt(img.height);
        if (img_height == 0) img_height = 350;
        var width = img_width + 20;
        var height = img_height + 20;
        //check if width is not over 800
        if ( width > 800 ){
           height = Math.floor( (800/width) * height  );
           width = 800;
        }
        //build the approriate window 
        if (window.zoomWindow){
            window.zoomWindow.close();
        }
        window.zoomWindow = window.open(href,'zoomWindow','width='+width+',height='+height+',toolbar=no,status=no,resizable=no');        
    }    
}
function addObserverToImageLink(){  
   $$('a.imageLink').each(function(i){
        Event.observe(i,'click',clickOnImageLink);
        //preload each image
        var href = i.href;
        href = href.replace(/mini\d*\//,"");
        var img = new Image();
        img.src = href;
   });
   var zoomLink = $('zoomLink');
   Event.observe(zoomLink,'click',zoom);
}
Event.observe(window,'load',addObserverToImageLink);