$(document).ready(function() {

	$(".main_image .desc").show(); //Show Banner
	$(".main_image .block").animate({ opacity: 0.80 }, 1 ); //Set Opacity
	$(".image_thumb ul li:first").addClass('active'); //Add the active class (highlights the very first list item by default)

	//runs function on mouseover
	$(".image_thumb ul li").mouseover(function () {
		$active = $(this);
		slideSwitchClick();
	})

	.hover(function(){ //Hover effects on list-item
		$(this).addClass('hover'); //Add class "hover" on hover
		}, function() {
			$(this).removeClass('hover'); //Remove class "hover" on hover out
	});

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

	//pauses on hover
	$('.image_thumb').hover(function() {
		clearInterval(playSlideshow);
	},

	function() {
		playSlideshow = setInterval( "slideSwitchTimed()", 6000 );
	});

});

function slideSwitchTimed() {
	$active = $('.image_thumb ul li.active').next();
	if ( $active.length == 0 ) $active = $('.image_thumb ul li:first'); //goes back to start when finishes
	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"); //Get Alt Tag of Image
	var imgTitle = $active.find('a').attr("href"); //Get Main Image URL
	var imgDesc = $active.find('.block').html(); //Get HTML of the "block" container
	var imgDescHeight = $(".main_image").find('.block').height(); //Find the height of the "block"

	if ($(this).is(".active")) { 
	//If the list item is active/selected, then
		return false; 
	// Don't click through - Prevents repetitive animations on active/selected list-item
	} 
	else { 
		//If not active then animate the Description
		$(".main_image img").stop().animate({ opacity: 0}, 1000 );
		$(".main_image .block").stop().animate({ opacity: 0, marginBottom: -imgDescHeight }, 1000 , function() {
		$(".main_image .block").html(imgDesc).animate({ opacity: 0.80, marginBottom: "0" }, 500 );
		$(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 500 );
	});
}
return false;
}