Details = {
    selectedImg: "",
    firstRun: true,
    init: function() {
        if (!$('low-samples-list')) return;
        $('low-samples-list').getElements('li img').each(function (el) {
            if (Details.firstRun) {
                Details.firstRun = false;
                Details.selectedImg = el;
            }
            el.addEvent('click',function() { 
                Details.changePicture(el);
            });         
        });
    },
    
    changePicture: function (el) {

        // find filename 
        var lastIndex = el.get("src").lastIndexOf("/");
        var filename  = el.get("src").slice(lastIndex);
    
        var previewImg = $('low-preview');
            
        //backup the current src value
        var previewSrc = previewImg.get("src");
        
        //deleteing the src of the current on
        previewImg.erase("src", "");
    
        //find the path
        lastIndex = previewSrc.lastIndexOf("/");
        var previewPath = previewSrc.slice(0, lastIndex);

        // setting the new picture
        previewImg.set("src", previewPath + filename);
        
        // update selected class
        Details.selectedImg.removeClass("selected");
        el.addClass("selected");
        Details.selectedImg = el;
    }
};

window.addEvent('domready', function(){
    Details.init();
});