$(document).ready(function() {
  $(".main_image .desc").show(); //Show Banner
  $(".main_image .block").animate({ opacity: 0.7 }, 1 );
  $(".image_thumb ul li:first").addClass('active');
  
  $(".image_thumb ul li").click(function () {
    var imgAlt = $(this).find('img').attr("alt");
    var imgTitle = $(this).find('a').attr("href");
    var imgDesc = $(this).find('.block').html();
    var imgDescWidth = $(".main_image").find('.block').height();
    var imgLink = $(this).find('.link-more').attr("href");

    if ($(this).is(".active")) {
      return false;
    } else {
      $(".main_image .block").animate({ opacity: 0, marginRight: -imgDescWidth }, 650 , function() {
        $(".main_image .block").html(imgDesc).animate({ opacity: 0.75, marginRight: "0" }, 650 );
        $(".main_image img").attr({ src: imgTitle , alt: imgAlt});
        $(".main_image .put-link").attr({ href: imgLink });
      });
    }

    $(".image_thumb ul li").removeClass('active');
    $(this).addClass('active');
    return false;$active = $(this);
    slideSwitchClick();
  })
  .hover(function(){
    $(this).addClass('hover');
    clearInterval(playSlideshow);
    playSlideshow = setInterval('slideSwitchTimed()', 10000 );
  }, function() {
    $(this).removeClass('hover');
  });

  //runs function, set timer here
  $(function() {
    playSlideshow = setInterval('slideSwitchTimed()', 5000 );
  });
});

function slideSwitchTimed() {
  $active = $('.image_thumb ul li.active').next();
  if ( $active.length == 0 ) $active = $('.image_thumb ul li:first');
  slideSwitch();
}

function slideSwitchClick() {
  slideSwitch();
}

function slideSwitch() {
  var $prev = $('.image_thumb ul li.active');

  //Show active list-item
  $prev.removeClass('active');
  $active.addClass('active');

  //Set Variables
  var imgAlt = $active.find('img').attr("alt");
  var imgTitle = $active.find('a').attr("href");
  var imgDesc = $active.find('.block').html();
  var imgDescWidth = $(".main_image").find('.block').height();
  var imgLink = $active.find('.link-more').attr("href");

  if ($(this).is(".active")) {
    return false;
  } else {
    $(".main_image img").animate({ opacity: 0}, 650 );
    $(".main_image .block").animate({ opacity: 0, marginRight: -imgDescWidth }, 650 , function() {
      $(".main_image .block").html(imgDesc).animate({ opacity: 0.75, marginRight: "0" }, 650 );
      $(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 650 );
      $(".main_image .put-link").attr({ href: imgLink });
    });
  }
  return false;
}