function slideSwitch() {
    var $active = $('#slider div.active');
    if ( $active.length == 0 ){ $active = $('#slider div.slide:last');}
    var $next =  $active.next().length ? $active.next():$('#slider div.slide:first');
    $active.addClass('last-active'); 
	var $currentActiveLink = $('#slider-links span a.active');
	$currentActiveLink.removeClass("active");	
	$('#slider-links span').removeClass("active");		
	var $newActiveLink = $currentActiveLink.parent().next().length? $currentActiveLink.parent().next(): $('#slider-links span:first');
	$newActiveLink.find('a:eq(0)').addClass("active");
	$newActiveLink.addClass("active");
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}
$(document).ready(function(){
	
  	var interval = setInterval("slideSwitch()", 5000);
	var i = 0;
	
	$('.carousel-link').each(function(){
		this._index = i;
		i++;
	});


	$('.carousel-link').hover(function(){
		
		var i = this._index;
		$('.carousel-link').removeClass('active');
		$('#slider-links span').removeClass("active");
		$('.carousel-link').eq(i).addClass('active');	
		$('.carousel-link').eq(i).parent().addClass('active');				
		$('#slider div.active').addClass('last-active').removeClass('active');				
		var img = $('#slider .slide').eq(i);
		img.css({"display": "none"});
		img
			.addClass('active')	
			.fadeIn(1000, function(){
				$('#slider div.last-active').removeClass('last-active');
			});
		clearInterval(interval);
	},function(){interval = setInterval("slideSwitch()", 5000);});
	
	$('ul li:last').addClass('last');//so I don't have to do this in CF
	$('#search input[name=keywords]').focus(function(){
		if($(this).val()=="enter keyword(s)"){$(this).val("");}
	}).blur(function(){
		if($(this).val()==""){$(this).val("enter keyword(s)");}
	});

});