var iconRoot            = "/images/crystal/";
var leftBlueImage       = iconRoot + "arrow_left_blue.png";
var leftOrangeImage     = iconRoot + "arrow_left_orange.png";
var rightBlueImage      = iconRoot + "arrow_right_blue.png";
var rightOrangeImage    = iconRoot + "arrow_right_orange.png";

var frame               = 1;
var numPictures         = 12;

var imagePath           = "/artists/plachy/images/";
var imageRoot           = imagePath + "sylvia_workshop_web";
var thumbPath           = "/artists/plachy/thumbs/";
var thumbRoot           = thumbPath + "sylvia_workshop_thumb";

function loadPic(i) {
        document.images['workshopImage'].src = imageRoot + i + ".jpg";
        frame=i;
}

function nextImage(){
    if(frame<numPictures)frame++;
    else frame=1;
    var num = frame;
    loadPic(num);
}

function previousImage(){
    if(frame>1)frame--;
    else frame=numPictures;
    var num = frame;
    loadPic(num);
}

function initializeNavigator() {
    $(document).ready(function(){
        $("img.#next").hover(
            function(){ //over
              this.src = rightBlueImage;
            },
            function(){ //out
              this.src = rightOrangeImage;
            }
        );
        $("img.#previous").hover(
            function(){ //over
              this.src = leftBlueImage;
            },
            function(){ //out
              this.src = leftOrangeImage;
            }
        );
        $("img.#next").click(
            function(){
                nextImage();
            }
        );
        $("img.#previous").click(
            function(){
                previousImage();
            }
        );
    });
}