$(document).ready(function(){
	$(".tab_content").hide();
        $(".tab_content").css({"opacity":"0"});
        $(".tab_content:first").show();
        $(".tab_content:first").css({"opacity":"1"});
        
     $(".bx_tab a:first").addClass('active')
        
        $(".bx_tab a").click(function () {
            $(".bx_tab a").removeClass("active");
            //$(this).addClass("active").css();
            $(this).addClass("active");
            $(".tab_content").hide()     
            $(".tab_content").css({"opacity":"0"});
            var activeTab = $(this).attr("rel");
            $("#" + activeTab).show()
            $("#" + activeTab).animate({"opacity":"1"},300)
        });
    });