// try 10 seconds
var interval_ms = 1000 * 7;	
var pos = 0;

function rotate() {
	var thumbnails = $("div.slides_thumb");
	if (pos < thumbnails.length - 1) {
		pos++;
	} else {
		pos = 0;
	}
	displayImage($(thumbnails.get(pos)));
}

function displayImage(thumb) {
	// check semaphore
	if($('#slides_big').hasClass('disabled'))
		return;
	
	$('#slides_big').addClass('disabled');
	
	// change the display of the thumbnail:
	$('#slides_small .active').removeClass('active'); 
	$(thumb).addClass('active'); 
	 
	// last active big slide img tag
	var old_active = $("#slides_big .active");
	
	// what should be the next active big slide
	var new_active = $($("#slides_big img").get($("div#slideshow div.slides_thumb").index(thumb)));
	
	if(old_active.attr('src') == new_active.attr('src')) {
		$('#slides_big').removeClass('disabled');
		return;
	}
	
	new_active.css('height', 'auto');
	old_active.css('position', 'absolute');
	old_active.css('z-index', 0);
	new_active.css('z-index', 100);
	
	new_active.switchClass('inactive', 'active', 1000, function() {
		old_active.addClass('inactive').removeClass('active');
		$('#slides_big').removeClass('disabled');
	});
}

$(document).ready(function() {
	// start auto-rotate
	if(freeze_rotate == false) {
		var interval_id = setInterval('rotate();', interval_ms);
	}

	$("div.slides_big img").css('position', 'absolute');

	$("div.slides_thumb").each(function() { 
		$(this).bind('click', function(e) {
			e.preventDefault();
			displayImage(this);
			
			// stop auto-rotate if user clicked
			clearInterval(interval_id);
 		});
 	});
 	
 	
 
	function recordOutboundLink(e) {
		e.preventDefault();
  		_gaq.push(['_trackEvent', 'Homepage-Clicks', this.href]);
		setTimeout('document.location = "' + this.href + '"', 1000);
	}
	
	$("*:not(.slides_thumb, .event_listing) > a").each(function() { $(this).bind('click', recordOutboundLink); });
 	
});