﻿var ImageSwapper = {
  imgs       : [],
  srcs       : ['blue.gif', 'green.gif'],
  base       : 'images/photoviewer/',
  hrefs      : ['http://picasaweb.google.com/julied.evans/YERTVirginiaAndPolyfaceFarms', 'http://picasaweb.google.com/julied.evans'],
  open_img   : null,
  closed_img : null,
  current    : 0,
  
  init : function(imageid, linkid) {
    for(var i = 0; i < this.srcs.length; i++) {
      this.imgs[i]     = new Image();
      this.imgs[i].src = this.base + this.srcs[i];
    }
    
    this.open_img       = new Image();
    this.open_img.src   = 'images/pv-open5.png'
    this.closed_img     = new Image();
    this.closed_img.src = 'images/pv-closed5.png'
  },
  
  swapLooper : function(imageid, linkid) {
    var ovr = document.getElementById('photo-vent-over');
    
    setTimeout(function(){
      ovr.src = 'images/pv-closed5.png';
      
      setTimeout(function(){
        ImageSwapper.swap(imageid, linkid);
        ovr.src = 'images/pv-open5.png';
        
        setTimeout(function(){
          ImageSwapper.swapLooper(imageid, linkid);
        }, 5000);
      }, 500);
    }, 500);
  },
  
  swap : function(imageid, linkid) {
    var img = document.getElementById(imageid);
    var lnk = document.getElementById(linkid);
    
    // Swap image and link
    var index = this.current % this.imgs.length;
    img.src   = this.imgs[index].src;
    lnk.href  = this.hrefs[index];
        
    this.current++;
  }
}
