/* 
WRITTEN 3.16.11
swap_area.js TAKES TWO DIVS AND FADES BETWEEN THEM

THIS SCRIPT WILL NOT WORK FOR MORE THAN ONE DIV

THE TWO DIVS MUST BE SIBLINGS WITH class="swappable"
THEY MUST NOT HAVE ANY OTHER SIBLINGS THAN EACH OTHER

THE CONTROLS MUST BE A TAGS CONTAINED IN A PARENT WITH class="controls"
*/

var swap_area = (function() {
    var rotation;
  
    var self = {};

    self.init = function(milliseconds) {
      var timing = (milliseconds || 10000);
      rotation = setInterval(function() {swap_area.swap();}, timing);
      $('.controls a').bind('click', function() {
                                      swap_area.swap();
                                      clearInterval(rotation);
                                      return false;
                                    });
    };
    
    self.swap = function() 
    {
      $('div.swappable:visible').fadeOut(function() {
        $(this).siblings('div').fadeIn();
      });
    };

    return self; 
  
})();