var current_image = 1;
var slideshow_delay = 4000;
var interval = setInterval('update_slideshow()', slideshow_delay);

jQuery(document).ready(function ()
{
  jQuery('#mainBoxes .effect[rel!="inActive"]').mouseover(function()
  {
    current_image = jQuery('.effect[rel!="inActive"]').index(this);
    update_slideshow(this);
    clearInterval(interval);
  });

  var mainBoxes = jQuery('#mainBoxes');
  if (mainBoxes) mainBoxes.onmouseout = function()
  {
    clearInterval(interval);
    interval = setInterval('update_slideshow()', slideshow_delay);
  };

  jQuery.preloadImages = function()
  {
    for(var i = 0; i<arguments.length; i++)
    {
      jQuery("<img>").attr("src", arguments[i]);
    }
  }     
   
  jQuery.preloadImages("../images/box1Text.png", "../images/box2Text.png", "../images/box3Text.png");
});

function update_slideshow(elm)
{
  if (!elm) {
    elm = jQuery('.effect[rel!="inActive"]:eq(' + current_image + ')');
  }
  var index = jQuery('.effect[rel!="inActive"]').index(elm);   
  
  jQuery('#mainBoxes .mainText[rel!="inActive"]:gt(' + index + ')').removeClass('active');    
  jQuery('#mainBoxes .mainText[rel!="inActive"]:lt(' + index + ')').removeClass('active');    
  jQuery('#mainBoxes .mainText[rel!="inActive"]:eq(' + index + ')').addClass('active');
    
  jQuery('#mainBoxes .effect[rel!="inActive"]:gt(' + index + ')').animate({opacity: 0.5}, 200);
  jQuery('#mainBoxes .effect[rel!="inActive"]:lt(' + index + ')').animate({opacity: 0.5}, 200); 
  jQuery('#mainBoxes .effect[rel!="inActive"]:eq(' + index + ')').animate({opacity: 1}, 200);            

  current_image++;
  clearInterval(interval);
  interval = setInterval('update_slideshow()', slideshow_delay);

  if (current_image > 2) current_image = 0;
}