//
// The script here populates the image and provides a gallery function
// allowing walking through the gallery images
//
CurIndex = -1;

function loadImage( dir ) {
    //console.log("Ready function");
    if( dir == "right" ) {
        CurIndex += 1;
        if( CurIndex >= Paintings.length ) {
            CurIndex = 0;
        }
    } else {
        CurIndex -= 1;
        if( CurIndex < 0 ) {
            CurIndex = Paintings.length - 1;
        }
    }
    var pname = Paintings[ CurIndex ][0];
    var url = "../images/Paintings/Gallery/" + encodeURIComponent( pname ) + ".jpg";
    var img = new Image();
    var imgdiv = $(".outerpair1");
    
    img.style.display = 'none';
    
    img.onload = function() {
        $(".innerbox").empty();
        $(".innerbox").append( img );
        img.style.display = "inline";
        imgdiv.css( "margin-left", Math.round( (750 - img.width) / 2 ) + "px" );
        imgdiv.fadeIn();
    };    
    $("#ibtitle").text( pname );
    
    imgdiv.fadeOut('normal', function() { 
      img.src = url;
    } );
    
}

$(document).ready( function() {

    loadImage( "right" );
    
    $(".larrow").mouseover( function(e) {
        e.currentTarget.src = "../images/arrowLeft20Red.png";
    } ).mouseout( function(e) {
        e.currentTarget.src = "../images/arrowLeft20.png";
    } );
    $(".rarrow").mouseover( function(e) {
        e.currentTarget.src = "../images/arrowRight20Red.png";
    } ).mouseout( function(e) {
        e.currentTarget.src = "../images/arrowRight20.png";
    } );
    $(".larrow").click( function(e) {  
        e.preventDefault();
        var tag = e.currentTarget.id;
	    //console.log( "click: " + tag );
	    loadImage( "left" );
    } );
    $(".rarrow").click( function(e) {  
        e.preventDefault();
        var tag = e.currentTarget.id;
	    //console.log( "click: " + tag );
	    loadImage( "right" );
    } );
} );