/* ----- Callouts Gallery ------------------*/
$(document).ready(function() {	
	//Click and Hover events for  image index
	$("#callouts .image_index ul li:first").addClass('active'); 
	$("#callouts .image_index ul li").click(function(){ 
		//Set Variables
		var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
		var imgURL = $(this).find('a').attr("href"); //Get Main Image URL
		var imgSrc = $(this).find('img').attr("src"); //Get Image source
		
		if ($(this).is(".active")) {  //If it's already active, then...
			return false; // Don't click through
		} else {
			var getWidth = $('.spotlight_image img').width();
			$(".spotlight_image img").attr({ src: imgSrc , alt: imgAlt, title: imgAlt})
			$(".spotlight_image a").attr({href: imgURL})
		}

		$("#callouts .image_index ul li").removeClass('active'); //Remove class of 'active' on all lists
		$(this).addClass('active');  //add class of 'active' on this list only
		return false;
		
	}) .hover(function(){
		$(this).addClass('hover');
		}, function() {
		$(this).removeClass('hover');
	});
	
});//Close Function