//--- JQuery slideshow ---//

//jQuery(function(){
$(document).ready(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<br />
	$(".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() {
		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&#8230;
		return false; // Don't click through &#8211; Prevents repetitive animations on active/selected list-item
	} else { //If not active then&#8230;
		//Animate the Description

		$(".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").html(imgDesc).animate({ opacity: 0, marginBottom: "0"}, 250 );
		$(".main-image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 250 );
		});
	}
	return false;
}

//--- That's the end ---//