/*

Javascript for Advanced Bionics
Created by Rareview Interactive
http://www.rareview.com

*/

/* =jQuery
============================================================================== */
	
$(document).ready(function() {

	 /* Homepage Carousel
	-------------------------------------------------------------------------- */
		
		// change selected state on carousel nav
		
		var afterEndCallback = function(visible){
			curr = $(visible).attr("class");
			$("#home-carousel-nav a.selected").removeClass("selected");
			$("#home-carousel-nav a." +curr).addClass("selected");
		}
		
		// cycle the photos
		
	    $("#home-carousel-photos").jCarouselLite({
	    	visible: 1,
   		 	start: 0,
	        btnNext: ".next",
	        btnPrev: ".prev",
	        btnGo: ["#home-carousel-nav .panel-1", "#home-carousel-nav .panel-2", "#home-carousel-nav .panel-3", "#home-carousel-nav .panel-4", "#home-carousel-nav .panel-5", "#home-carousel-nav .panel-6", "#home-carousel-nav .panel-7", "#home-carousel-nav .panel-8"],
	        easing: "easeInOutQuart",
	        speed: 900,
	        auto: 4500 // change this value to shorten or extend the delay between the auto rotation. Must match the auto value below as well
	    });
	    
	    // cycle the text
	    
	    $("#home-carousel-text").jCarouselLite({
	    	visible: 1,
   		 	start: 0,
	        btnNext: ".next",
	        btnPrev: ".prev",
	        btnGo: ["#home-carousel-nav .panel-1", "#home-carousel-nav .panel-2", "#home-carousel-nav .panel-3", "#home-carousel-nav .panel-4", "#home-carousel-nav .panel-5", "#home-carousel-nav .panel-6", "#home-carousel-nav .panel-7", "#home-carousel-nav .panel-8"],
	        easing: "easeInOutQuart",
	        speed: 900,
	        auto: 4500, // change this value to shorten or extend the delay between the auto rotation. Must match the auto value above as well
	        vertical: true,
	        afterEnd: afterEndCallback
	    });

	    	    
	/* Tooltips
	-------------------------------------------------------------------------- */
   
		$(".tooltip-button").click(function() {
			if($(this).next(".tooltip-top").is(":visible")){
				$(this).next(".tooltip-top").animate({opacity: "hide", right: "30px"}, 200);
				$(this).removeClass("tooltip-button-selected");
				return false;
			} else{
				$(this).next(".tooltip-top").animate({opacity: "show", right: "50px"}, 200);
				$(this).addClass("tooltip-button-selected");
				return false;
			}
		});
			
	// end jQuery
	    
});