var currentIcon = 0;
var previousIcon = 0;
var repeater;

jQuery(document).ready(function() {

  size = jQuery("#slider > .thumb").length;
  repeater = jQuery.timer(6000, function(timer) { nextSlide(size); });

  jQuery("#thumb-1 .rollover").css("visibility", "visible");
  jQuery("#thumb-1").css("opacity", "1.0");
  
  jQuery("#slider").css("width", size * 100);

  jQuery("#slider > .thumb").click( function() {
    showSlide(jQuery("#slider > .thumb").index(this));
  });

  jQuery("#slideshow-thumbs").mouseenter(function(){
    repeater.stop();
  }).mouseleave(function() {
    repeater.reset(6000);
  });

  jQuery("#slider > .thumb").mouseenter(function(){
    jQuery(this).fadeTo("fast", 1);
  }).mouseleave(function() {
    if(jQuery("#slider > .thumb").index(this) != currentIcon) {
      jQuery(this).fadeTo("fast", 0.65);
    }
  });
  
  jQuery("#slideshow-thumbs").mousemove(function(e) {
    var offset = jQuery(this).offset();
    var x = e.pageX - offset.left;
    var w = jQuery("#slider").width();
    jQuery("#slider").css("left", (w - 600) * x / -600);
  });  
  
});

function showSlide(index) {    
  previousIcon = currentIcon;
  currentIcon = index;

  jQuery("#thumb-" + (previousIcon + 1) + "> .rollover").css("visibility", "hidden");
  jQuery("#thumb-" + (currentIcon + 1) + "> .rollover").css("visibility", "visible");
  jQuery("#thumb-" + (previousIcon + 1)).fadeTo("fast", 0.65);
  jQuery("#thumb-" + (currentIcon + 1)).fadeTo("fast", 1);
  
  if (currentIcon != previousIcon) {
    jQuery("#slide-" + (previousIcon + 1)).fadeOut(900);
    jQuery("#slide-" + (currentIcon + 1)).fadeIn(900);
  }
}

function nextSlide(size) {
  var index = 0;
  
  if(currentIcon < size - 1) {
    index = currentIcon + 1;
  } else {
    index = 0;
  }

  var w = jQuery("#slider").width();
  var move = -1 * (w - 600) * (index / size);
  jQuery("#slider").animate({left: "" + move + "px"}, "slow");

  showSlide(index);
}

function enableModal() {
  jQuery('.modal').nyroModal({
    hideContent : function(elts, settings, callback) {
      elts.contentWrapper.hide();
      callback();
    }, minWidth: 0, minHeight: 0
  });
}

jQuery(document).ready(function($) {
  enableModal();
});