var Retrospective = {
  current: null,
  next: null,
  previous: null,
  initialize: function(){
    Retrospective.current = 0;
    Retrospective.next = 1;
    Retrospective.prev = Retrospective.prints.length - 1;
    Retrospective.setCurrent();
    Retrospective.setPrev();
    Retrospective.setNext();
    
    $('div.next').click(Retrospective.clickNext);
    $('div.prev').click(Retrospective.clickPrev);
  },

  setCurrent: function() {
    var i = new Image();
    i.src = Retrospective.prints[Retrospective.current].image;
    $('div.main-image').append(i);
    $('div.details h1.series').html(Retrospective.prints[Retrospective.current].series);
    $('div.details h2.title').html(Retrospective.prints[Retrospective.current].title);
    $('div.details h2.medium').html(Retrospective.prints[Retrospective.current].medium);
    $('div#header p').html($('<a>Limited Edition Prints Available - Click Here to Purchase</a>').attr('href', Retrospective.prints[Retrospective.current].link).attr('target', '_blank'));
  },
  
  setNext: function() {
    var i = new Image();
    i.src = Retrospective.prints[Retrospective.next].thumbnail;
    $(i).addClass('thumbnail');
    $('div.next').append(i);
  },

  setPrev: function() {
    var i = new Image();
    i.src = Retrospective.prints[Retrospective.prev].thumbnail;
    $(i).addClass('thumbnail');
    $('div.prev').append(i);
  },

  clickPrev: function() {
    Retrospective.decrementImagePointers();
    Retrospective.itemClicked($('.prev'));
  },
  
  clickNext: function() {
    Retrospective.incrementImagePointers();
    Retrospective.itemClicked($('.next'));
  },
  
  itemClicked: function(elem) {
    $('.main-image').addClass('loading');
    
    var i = new Image();
    $(i).load(function(){
      $(elem).effect("transfer", { to: '.main-image' }, 800, function(){
        $('.main-image').html(i);
        $(i).before($('<div></div>'))
        $('div.details h1.series').html(Retrospective.prints[Retrospective.current].series);
        $('div.details h2.title').html(Retrospective.prints[Retrospective.current].title);
        $('div.details h2.medium').html(Retrospective.prints[Retrospective.current].medium);
        $('div#header p').html($('<a>Limited Edition Prints Available - Click Here to Purchase</a>').attr('href', Retrospective.prints[Retrospective.current].link).attr('target', '_blank'));       
        // $('div.prev img.thumbnail').attr('src', Retrospective.prints[Retrospective.prev].thumbnail)
       
        var prev = new Image();
        prev.src = Retrospective.prints[Retrospective.prev].thumbnail
        $(prev).addClass('thumbnail')
        $('div.prev img.thumbnail').replaceWith(prev);
       
       
        var next = new Image();
        next.src = Retrospective.prints[Retrospective.next].thumbnail
        $(next).addClass('thumbnail')
        $('div.next img.thumbnail').replaceWith(next);
        // $('div.next img.thumbnail').attr('src', Retrospective.prints[Retrospective.next].thumbnail)
        $('.main-image').removeClass('loading');
      });
    });
    i.src = Retrospective.prints[Retrospective.current].image;
  },
  
  increment: function(value) {
    return value + 1 < Retrospective.prints.length ? value + 1 : 0;
  },
  
  decrement: function(value) {
    return value - 1 >= 0 ? value - 1 : Retrospective.prints.length - 1;
  },
  
  incrementImagePointers: function() {
    Retrospective.current = Retrospective.increment(Retrospective.current);
    Retrospective.next = Retrospective.increment(Retrospective.next);
    Retrospective.prev = Retrospective.increment(Retrospective.prev);
  },
  
  decrementImagePointers: function() {
    Retrospective.current = Retrospective.decrement(Retrospective.current);
    Retrospective.next = Retrospective.decrement(Retrospective.next);
    Retrospective.prev = Retrospective.decrement(Retrospective.prev);
  },
  
  prints: [ 
            {
              title: "",
              series: "Pilgrim's Way 1975",
              medium: "Watercolour and Ink",
              image: "images/TSM-Pilgrims-Way.jpg",
              thumbnail: "images/thumbs/TSM-Pilgrims-Way.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/902"
            },
            {
              title: "",
              series: "The Fell Country 1980",
              medium: "Oil Pastel",
              image: "images/TSM-Fell-Country.jpg",
              thumbnail: "images/thumbs/TSM-Fell-Country.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/364"
            },
            {
              title: "Clearing Snow near Ulitsa Osipenko",
              series: "Moscow 1987",
              medium: "Oil Pastel",
              image: "images/TSM-Clearing-Snow-nr-Ulitsa-Osipenko.jpg",
              thumbnail: "images/thumbs/TSM-Clearing-Snow-nr-Ulitsa-Osipenko.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/907"
            },
            {
              title: "Three Babushki in the Park",
              series: "Moscow 1987",
              medium: "Charcoal",
              image: "images/TSM-Babushki-In-the-Park.jpg",
              thumbnail: "images/thumbs/TSM-Babushki-In-the-Park.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/917"
            },
            {
              title: "View over the city from Via Morsiani",
              series: "Naples 1988",
              medium: "Oil Pastel",
              image: "images/TSM-View-Over-The-City-From-Via-Morisani.jpg",
              thumbnail: "images/thumbs/TSM-View-Over-The-City-From-Via-Morisani.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/920"
            },
            {
              title: "Admiring Procida Lemons near Piazza dei Martiri",
              series: "Naples 1989",
              medium: "Oil Pastel",
              image: "images/TSM-Admiring-Procida-Lemons.jpg",
              thumbnail: "images/thumbs/TSM-Admiring-Procida-Lemons.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/910"
            },
            {
              title: "Transvestite and Orange Seller Via Cristoforo Colombo",
              series: "Naples 1989",
              medium: "Oil Pastel",
              image: "images/TSM-Transvestite-and-Orange-Seller.jpg",
              thumbnail: "images/thumbs/TSM-Transvestite-and-Orange-Seller.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/918"
            },
            {
              title: "Masterclass",
              series: "Moscow Circus 1989",
              medium: "Oil Pastel",
              image: "images/TSM-Masterclass.jpg",
              thumbnail: "images/thumbs/TSM-Masterclass.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/913"
            },
            {
              title: "The Lloyds Building",
              series: "London 1989",
              medium: "Oil Pastel",
              image: "images/TSM-Lloyds-Building.jpg",
              thumbnail: "images/thumbs/TSM-Lloyds-Building.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/916"
            },
            {
              title: "Battersea Power Station, London",
              series: "1930's Architecture<br />1990",
              medium: "Oil Pastel",
              image: "images/TSM-Battersea-Power-Station.jpg",
              thumbnail: "images/thumbs/TSM-Battersea-Power-Station.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/359"
            },
            {
              title: "Joldwyns, Surrey",
              series: "1930's Architecture<br />1990",
              medium: "Oil Pastel",
              image: "images/TSM-Joldwyns.jpg",
              thumbnail: "images/thumbs/TSM-Joldwyns.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/912"
            },
            {
              title: "The Boardwalk",
              series: "Deauville 1990",
              medium: "Watercolour",
              image: "images/TSM-The-Boardwalk.jpg",
              thumbnail: "images/thumbs/TSM-The-Boardwalk.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/904"
            },
            {
              title: "Les Courses D'Or",
              series: "Deauville 1990",
              medium: "Gouache",
              image: "images/TSM-Les-Courses-Dor.jpg",
              thumbnail: "images/thumbs/TSM-Les-Courses-Dor.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/371"
            },
            {
              title: "Smudge Pots I",
              series: "Napa Valley 1990",
              medium: "Watercolour",
              image: "images/TSM-Smudgepots.jpg",
              thumbnail: "images/thumbs/TSM-Smudgepots.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/909"
            },
            {
              title: "Slight Support",
              series: "Moscow Circus 1990",
              medium: "Gouache",
              image: "images/TSM-Slight-Support.jpg",
              thumbnail: "images/thumbs/TSM-Slight-Support.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/914"
            },            
            {
              title: "View from Corso Vittorio Emanuele",
              series: "Naples 1990",
              medium: "Watercolour",
              image: "images/TSM-Bay-of-Naples.jpg",
              thumbnail: "images/thumbs/TSM-Bay-of-Naples.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/919"
            },            
            {
              title: "TBM in Crossover Chamber",
              series: "Channel Tunnel 1990",
              medium: "Watercolour",
              image: "images/TSM-Movement-of-the-TBM.jpg",
              thumbnail: "images/thumbs/TSM-Movement-of-the-TBM.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/915"
            },
            {
              title: "Dismantling TBM (Tunnel Boring Machine) final stage",
              series: "Channel Tunnel 1991",
              medium: "Oil Pastel",
              image: "images/TSM-Movement-of-TBM-Final-Stage.jpg",
              thumbnail: "images/thumbs/TSM-Movement-of-TBM-Final-Stage.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/908"
            },
            {
              title: "Recovery Room",
              series: "Winchester Hospital 1992",
              medium: "Watercolour",
              image: "images/TSM-Winchester-Hospital.jpg",
              thumbnail: "images/thumbs/TSM-Winchester-Hospital.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/903"
            },
            {
              title: "Boris and Sergei",
              series: "Moscow Circus 1993",
              medium: "Gouache",
              image: "images/TSM-Boris-and-Sergei.jpg",
              thumbnail: "images/thumbs/TSM-Boris-and-Sergei.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/911"
            },
            {
              title: "The Great Leap",
              series: "Hong Kong 1995<br />Tsing Ma Bridge",
              medium: "Oil",
              image: "images/TSM-Tsing-Ma-Bridge.jpg",
              thumbnail: "images/thumbs/TSM-Tsing-Ma-Bridge.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/905"
            },
            {
              title: "Dawn-Dorsoduro",
              series: "Venice 1996",
              medium: "Watercolour",
              image: "images/TSM-Dawn-Dorsoduro.jpg",
              thumbnail: "images/thumbs/TSM-Dawn-Dorsoduro.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/900"
            },
            {
              title: "Ice and Opulence II",
              series: "San Moritz 1998",
              medium: "Watercolour and Gouache",
              image: "images/TSM-St-Moritz-IV.jpg",
              thumbnail: "images/thumbs/TSM-St-Moritz-IV.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/901"
            },
            {
              title: "",
              series: "Still Life XI<br />2003",
              medium: "Oil Pastel",
              image: "images/TSM-Still-Life-XI.jpg",
              thumbnail: "images/thumbs/TSM-Still-Life-XI.jpg",
              link: "http://www.collierdobson.com/gallery/prints/tabitha-salmon/906"
            }
          ]  
  
};

$(document).ready(function() {
  Retrospective.initialize();
});