/// <reference name="MicrosoftAjax.js"/>
/// <reference path="~/js/jquery-1.2.6-vsdoc.js" />
/// <reference path="~/js/Event.js" />

$(document).ready(function() {

    var $faqs = $('.what > div > a'); //To make this accessible - need to use anchor instead of paragraph
    var $answers = $('.what > ul');

    $faqs.each(function(index) {
        $(this).click(function(e) {
            $faqs.each(function(index) {
                $(this).parent().attr('id', '');
            });
            $(this).parent().attr('id', 'selected');
            var className = $(this).parent().attr('class');
            var check = 0;
            $answers.each(function() {
                var hook = $(this).attr('hook');
                if (className == hook) {
                    var currentDisplay = $(this).css('display');
                    if (currentDisplay == 'block') {
                        $(this).hide('slow');
                        check = 1;
                    }

                }

            });

            if (check) {
                $(this).parent().attr('id', '');
                return false;
            }
            $answers.each(function() {
                $(this).hide('slow');
            });

            $answers.each(function() {
                var hook = $(this).attr('hook');
                if (className == hook) {
                    $(this).show('slow');
                    RGA.Event.fire(gTrackEvent, String.format("/tnc/needhelp/whatcanyoudo/{0}", $(this).attr('trackingHint')));
                }
            });
        });
    });


});