// Aquamoves JavaScript Document

$(document).ready( function() {
	// Cool animated navigation. It's cool!
	$('#navigation li a').css({ backgroundPosition: '0px -50px' });
	$('#navigation li a').hover( function() {
		$(this).animate({
			backgroundPosition: '(0px 0px)'
		}, { duration: 300, queue: false });
	}, function() {
		$(this).animate({
			backgroundPosition: '(0px -50px)'
		}, { duration: 300, queue: false });
	});
	
	$('.carousel_links a').css({ backgroundPosition: '0px -40px' });
	$('.carousel_links a').hover( function() {
		$(this).animate({
			backgroundPosition: '(0px -20px)'
		}, { duration: 200, queue: false });
	}, function() {
		$(this).animate({
			backgroundPosition: '(0px -40px)'
		}, { duration: 200, queue: false });
	});
	
	// Seach box prompt text.
	$('#zoom_query').val('Enter some keywords...')
		.addClass('idle')
		.focus( function() {
			if ($(this).val() == 'Enter some keywords...') { 
				$(this).val('').removeClass('idle'); 
			}
		}).blur( function() {
			if ($(this).val() == '') { 
				$(this).val('Enter some keywords...').addClass('idle'); 
			}
		});
	
	// Homepage carousel
	$("#carousel .next").css({ visibility: 'visible' });
	$("#carousel .prev").css({ visibility: 'visible' });
	$("#carousel .carousel_wrap").jCarouselLite({
		btnNext: "#carousel .next",
		btnPrev: "#carousel .prev",
		speed: 500,
		auto: 5000,
		hoverPause: true,
		stopOnAction: true,
		afterEnd: function($visible) {
			$first_link = $($visible[0]).find('a');
			$("#carousel .carousel_image").scrollTo( (parseInt($first_link.attr("rel"))-1) * 250, { duration: 400, queue: false });
		}
	});
	//console.log(myCarousel);
	$("#carousel .carousel_wrap a").click(function(ev) {
		ev.preventDefault();
		$("#carousel .carousel_image").scrollTo( (parseInt($(this).attr("rel"))-1) * 250, { duration: 400, queue: false });
	}) 

	
});