//load images
        var currentImage = 0;
        var images = new Array();
        for(var i=0;i<10;i++){
            images[i] = new Image();
            images[i].src="images/Beatles/Beatles"+i.toString()+".JPG";
        }
        images[0].alt = "Beatles Abbey Road Bus £15.99";
        images[1].alt = "Beatles Help Bus £15.99";
        images[2].alt = "Beatles Revolver Bus £15.99";
        images[3].alt = "Beatles Sgt. Pepper's Bus £15.99";
        images[4].alt = "Beatles Yellow Submarine £18.99";
        images[5].alt = "Beatles Abbey Road Taxi £15.99";
        images[6].alt = "Beatles Help Taxi £15.99";
        images[7].alt = "Beatles Revolver Taxi £15.99";
        images[8].alt = "Beatles Sgt. Pepper's Taxi £15.99";
        images[9].alt = "Beatles Magical Mystery Tour Coach £18.99";
        
        var arrows = new Array();
        arrows[0] = new Image();
        arrows[0].src="images/Beatles/arrow_prev.gif";
        arrows[0].alt= "Previous image";
        arrows[1] = new Image();
        arrows[1].src="images/Beatles/previous.gif";
        arrows[1].alt= "Previous image";
        arrows[2] = new Image();
        arrows[2].src="images/Beatles/arrow_next.gif";
        arrows[2].alt= "Next image";
        arrows[3] = new Image();
        arrows[3].src="images/Beatles/next.gif";
        arrows[3].alt= "Next image";


function displayImage(imgNo){
    currentImage = imgNo;
    if (currentImage == 0)
        document.getElementById("mvPrev").style.visibility="hidden";
    else
        document.getElementById("mvPrev").style.visibility="visible";

    if (currentImage == 9)
        document.getElementById("mvNext").style.visibility="hidden";
    else
        document.getElementById("mvNext").style.visibility="visible";
        
    document.getElementById("displayToy").src = images[currentImage].src; 
    document.getElementById("displayToy").alt = images[currentImage].alt; 
    document.getElementById("description").innerHTML = images[currentImage].alt; 

}

function moveNext(){
    currentImage = currentImage+1;
    
    if (currentImage > 9)
        currentImage = 9;
    displayImage(currentImage);
    if (currentImage == 9)
        document.getElementById("mvNext").style.visibility="hidden";
    document.getElementById("mvPrev").style.visibility="visible";
   
}

function movePrevious(){
    currentImage = currentImage-1;
    
    if (currentImage < 0)
        currentImage = 0;
    displayImage(currentImage);
    if (currentImage == 0)
        document.getElementById("mvPrev").style.visibility="hidden";
    document.getElementById("mvNext").style.visibility="visible";
   
}

function prevDown(){
    document.getElementById("mvPrev").src=arrows[1].src;
}

function prevUp(){
    document.getElementById("mvPrev").src=arrows[0].src;
}

function nextDown(){
    document.getElementById("mvNext").src=arrows[3].src;
}

function nextUp(){
    document.getElementById("mvNext").src=arrows[2].src;
}