YAHOO.util.Event.onDOMReady(preload);
    
    function preload() { 
            var promo2 = document.getElementById('promo2').getElementsByTagName('img')[0];             
            file = promo2.src.substr(promo2.src.lastIndexOf('/')+1,100);
            filePath = promo2.src.substr(0,promo2.src.lastIndexOf('/')+1);
            fileName = file.substr(0,file.lastIndexOf('.'));
            fileExt = '.jpg';        
            var preload =  document.getElementById('preload');
            preload.innerHTML = "<img src=" + filePath + fileName + '-image' + fileExt + "/>";
            
            var promo3 = document.getElementById('promo3').getElementsByTagName('img')[0];             
            file = promo3.src.substr(promo3.src.lastIndexOf('/')+1,100);
            filePath = promo3.src.substr(0,promo3.src.lastIndexOf('/')+1);
            fileName = file.substr(0,file.lastIndexOf('.'));
            fileExt = '.jpg';        
            var preload =  document.getElementById('preload2');
            preload.innerHTML = "<img src=" + filePath + fileName + '-image' + fileExt + "/>";
            
    }

    function changePromo(id) {
        // if the id == 0 return to the first image
        // if the id > 0, get and display | button: bnp.gif -> picture: bnp-image.jpg in the same folder
        
        if ( id == '0' ) { 
            var promo = document.getElementById('promo1').getElementsByTagName('img')[0];
            var mainImg = document.getElementById('frontmainimagewrap').getElementsByTagName('img')[0];              
            
            // chop up the filename and build the new one.   
            file = promo.src.substr(promo.src.lastIndexOf('/')+1,100);
            filePath = promo.src.substr(0,promo.src.lastIndexOf('/')+1);
            fileName = file.substr(0,file.lastIndexOf('.'));
            fileExt = '.jpg';           
            
            mainImg.src = filePath + fileName + "-image" + fileExt;   
        } else {
            var promo = document.getElementById('promo' + id).getElementsByTagName('img')[0];
            var mainImg = document.getElementById('frontmainimagewrap').getElementsByTagName('img')[0];                 
            
            // chop up the filename and build the new one.                        
            file = promo.src.substr(promo.src.lastIndexOf('/')+1,100);
            filePath = promo.src.substr(0,promo.src.lastIndexOf('/')+1);
            fileName = file.substr(0,file.lastIndexOf('.'));
            fileExt = '.jpg'; // ( fileExt = file.substr(file.lastIndexOf('.'),5); )
                           
            mainImg.src = filePath + fileName + "-image" + fileExt;            
        }                
    }