var clickedOn;
var activeWindow = 1;
var timer;

$(document).ready(function(){	
  
  
  // -----------------------------------------------
  // the thumbnails crossfade to their related image
  // -----------------------------------------------
  $(".boxes a").click(function() {
    clickedOn = this;
    clearTimeout(timer);
    $(this).parents(".slider_wrapper").find(".windows li:visible").fadeOut("slow", function(){
      var number = $(clickedOn).attr('class').split("box_")[1];
      $(this).parents(".slider_wrapper").find(".window_" + number).fadeIn("slow");
    });
    return false;
  });


  // ----------------------
  // main page auto-rotates
  // ----------------------
  function fadeWindow() {
    activeWindow++;
  
    if ($("#home_slide_runner .window_" + activeWindow).length == 0) {
      activeWindow = 1;
    }
    
    $("#home_slide_runner .box_" + activeWindow).click();
    
    timer = setTimeout(fadeWindow, 5000); 
  }
  
  // don't start the timer until the image is loaded
  if ($("#first_slider").length == 1) {
    var _image = new Image(); 
    _image.src = "./images/stories/slides/slidebg.png"; 
    
    $(_image).load(function(){
      timer = setTimeout(fadeWindow, 5000); 
    });
    
  }
});