jQuery(function(){

	$(".main_image .desc").show(); //Show Banner
	$(".main_image .block").animate({ opacity: 0.65 }, 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 click
	$(".image_thumb ul li").click(
		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() 
			{
			playSlideshow = setInterval( "slideSwitchTimed()", 6000 );
			});

		//pauses on hover
		$(".image_thumb ul li").hover(function() 
			{
			clearInterval(playSlideshow);
			},
			function() 
			{
			playSlideshow = setInterval( "slideSwitchTimed()", 6000 );
			});		
	});

	function slideSwitchTimed(forcefirst) 
		{
		if (forcefirst == true)
			{
			$active = $(".image_thumb ul li.active");
			}
			else
			{
			$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:eq(0)").attr("href"); //Get Main Image URL
		var imgDesc = $active.find(".block p").html(); //Get HTML of the "block" container
		var imgDescHeight = $(".main_image").find(".block").height(); //Find the height of the "block"
		var imgRel = $active.find("a:eq(0)").attr("rel");
		
		
		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
			$(".link").attr("href", imgRel)
			$(".main_image img").animate({ opacity: 0}, 250 );
			$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
			$(".main_image .block").html(imgDesc).animate({ opacity: 0.85, marginBottom: "0" }, 250 );
			$(".main_image .block").addClass("t12");
			$(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 250 );
			});
		}
		
return false;
}

$(document).ready(function() {	

	//Toggle Teaser
	$("a.collapse").click(function(){
		$(".main_image .block").slideToggle();
		$("a.collapse").toggleClass("show");
	});

slideSwitchTimed(true);

});//Close Function
