// JavaScript/jQuery source written by Cory Dorning
// Visit www.corydorning.com/blog/jquery-faqs-scroll-and-highlight-tutorial
// for original source code and tutorial

$(function() {
  $("#questions > li").click(function() {
    var qu = $(this).attr("id");
		var an = "#" + qu.replace("q","a");

		$.scrollTo(an, {duration: 800, axis:"y", onAfter:function(){
			$(an).effect("highlight", {color: "#b0ca35"}, 2000);
		  }
		});
  });
	
	$(".return-top").click(function() {
		$.scrollTo("body", {duration: 800, axis:"y"});
	});
});

$(document).ready(function() {

$('#tabvanilla > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle'} });
$('#featuredvid > ul').tabs();

$(".answers").hide();
$(".questions").click(function()
{ $(this).next(".answers").toggle(); });

    //When page loads...
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content

    //On Click Event
    $("ul.tabs li").click(function() {

        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active ID content
        return false;
    });
    

});