$(function(){

  var g_interval = 5000;  // image rotate interval in milliseconds: 5000 = 5 seconds;
  
  // mouseover image swap classes
  var imageClass = new Array("splashImageOne", "splashImageTwo", "splashImageThree", "splashImageFour", "splashImageFive");
  var descriptions = new Array("contentOne", "contentTwo", "contentThree", "contentFour", "contentFive");

  // mouseover background colors
  //var bgColors = new Array("#CC092F", "#719500", "#DBAC6D", "#009383", "#BA6083");
  
  //$("#highlightedDescription").html($(".descriptions #contentOne").html());
  $("div#contentOne").show();
  $("div#leftimage").addClass(imageClass[0]);

  $("ul#selector li a").each(function(idx){
    // attach mouseover to list items
    $(this).mouseover(function(event){
      clearInterval(g_rotateInterval);
      clearAllClasses();
      $("div#leftimage").addClass(imageClass[idx]);
      $(".descriptions div").hide();
      $("div#" + descriptions[idx]).show();
    }).mouseout(function(event){
      rotator();
    });
  });


  // clear out existing classes
  function clearAllClasses(){
    $("div#leftimage").removeClass("splashImageOne")
    .removeClass("splashImageTwo")
    .removeClass("splashImageThree")
    .removeClass("splashImageFour")
    .removeClass("splashImageFive");
    
    $("ul#selector li a").removeClass("rotoate-on");
  }
  
  function writeMessage(msg){
    $("<div>" + msg + "</div>").appendTo("#message");
  }

  function rotateMe() {
    clearAllClasses();
  
  	// images
    $("div#leftimage").css({opacity: 0.0})
  	.addClass(imageClass[g_counter])
  	.animate({opacity: 1.0}, 1000);
  
  	$(".descriptions > div").hide(); // reset

    // descriptions
  	$("div#" + descriptions[g_counter]).css({opacity: 0.0})
  	.show()
  	.animate({opacity: 1.0}, 1000);
    
  	$("div#" + descriptions[getPrevCounter()]).hide();

    // links
    $($("ul#selector li a")[g_counter]).addClass("rotoate-on");
    
    setCounter();
  }
  
  var g_rotateInterval = 0;
  
  function rotator() {
    g_rotateInterval = setInterval(rotateMe, g_interval);
  }
  
  var g_counter = 1;
  
  function setCounter(){
    if (g_counter == 4) {
      g_counter = 0;
    }
    else {
      g_counter++;
    }
  }
  
  function getNextCounter(){
    if (g_counter == 4) {
      return 0;
    }
    else {
      return g_counter + 1;
    }
  }
  
  function getPrevCounter(){
    if (g_counter == 0) {
      return 4;
    }
    else {
      return g_counter - 1;
    }
  }

  $(document).ready(function() {		
  	rotator();
  });

});