/*** 
Image Rotator
***/
$(document).ready(function() {	
		$(".main_image").show(); //Show Banner
		$(".image_thumb ul li:first").addClass('active'); //runs function on click
		$(".image_thumb ul li").click(function () {
		    var imgAlt = $(this).find('img').attr("alt"); 
			var imgTitle = $(this).find('a').attr("href"); 

			
			if ($(this).is(".active")) {  
				return false;
			} else {
		$(".main_image img").animate({ opacity: 0}, 400, function() {
		$(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 400 );
				});
			}
			
			$(".image_thumb ul li").removeClass('active'); 
			$(this).addClass('active');  
			return false;$active = $(this);
		slideSwitchClick();
		})
		.hover(function(){ 
		
		$(this).addClass('hover'); 
		clearInterval(playSlideshow);
		playSlideshow = setInterval('slideSwitchTimed()', 6500 );	
		}, function() {
		$(this).removeClass('hover'); 			
		});
		
		//runs function, set timer here
		$(function() {
			playSlideshow = setInterval('slideSwitchTimed()', 6500 );
		});		
		});
	
		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"); 
	
		if ($(this).is(".active")) { 
		return false; 
		} else { 
		
		$(".main_image img").animate({ opacity: 0}, 400, function() {
		$(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 400 );
		});		
		}
		return false;
	}