$(document).ready(function() {

    $(".FAQHeading").click(function(){    
        
        headingid = $(this).attr("id").substring(11);
        expandlevel1(headingid);
                      
    })   
        $(".FAQHeading").each(function(){    
        
        headingid = $(this).attr("id").substring(11);
        expandlevel1(headingid);
                      
    })    

})

function expandlevel1(headingid){

    myhtml = "";
    
    if($("#FAQQuestions_" + headingid).html() == ""){
        $.getJSON("Handlers/faq.ashx", { "action": "getQuestions", "headingid": headingid, "Refresh": new Date().getTime() }, function(data){  
        
            myhtml = "<ul class='Level2'>";
                                                                
            $.each(data, function(i, e){                                                                       
                if(e["ID"] > 0){
                    myhtml += "<li class='Off' id='li_FAQQuestion_" + e["ID"] + "'><a href='javascript:void(0);' class='FAQQuestion' id='FAQQuestion_" + e["ID"] + "'>" + e["Question"] + "</a><span style='display:none;' id='FAQAnswer_" + e["ID"] + "'></span></li>";                                                                                                                                                               
                }                                                
            }); 
            
            myhtml += "</ul>";

            $("#FAQQuestions_" + headingid).html(myhtml);
            $("#FAQQuestions_" + headingid).show();
            $("#li_top_off_" + headingid).removeClass();
            $("#li_top_off_" + headingid).addClass("On");
                 
            //add click events
            $("#FAQHeading_" + headingid).unbind("click");
            $("#FAQHeading_" + headingid).click(function(){                      
                collapselevel1(headingid);                
            });
            
            //add click event
            $(".FAQQuestion").click(function(){                      
                showquestion($(this).attr("id"));                
            });                                                                     
        
        }); 
    }else{
    
        $("#FAQQuestions_" + headingid).show();
        $("#li_top_off_" + headingid).removeClass();
        $("#li_top_off_" + headingid).addClass("On");
             
        //add click events
        $("#FAQHeading_" + headingid).unbind("click");
        $("#FAQHeading_" + headingid).click(function(){                      
            collapselevel1(headingid);                
        });
        
        //add click event
        $(".FAQQuestion").click(function(){                      
            showquestion($(this).attr("id"));                
        });     
    
    }

}

function collapselevel1(headingid){

    $("#FAQQuestions_" + headingid).hide();
    $("#li_top_off_" + headingid).removeClass();
    $("#li_top_off_" + headingid).addClass("Off");
    
    //add click events
    $("#FAQHeading_" + headingid).unbind("click");
    $("#FAQHeading_" + headingid).click(function(){                      
        expandlevel1(headingid);                
    });    

}

function showquestion(myquestionid){

    //set the class of the question li to on
    $("#" + myquestionid).parent().removeClass();
    $("#" + myquestionid).parent().addClass("On");
    
    $("#" + myquestionid).unbind("click");
    $("#" + myquestionid).click(function(){   
        collapseQuestion(myquestionid);                
    });     
    
    questionid = myquestionid.substring(12);
    if($("#FAQAnswer_" + questionid).html() == ""){            
        $.get("Handlers/faq.ashx", { "action": "getAnswer", "questionid": questionid, "Refresh": new Date().getTime() }, function(data){              
            $("#FAQAnswer_" + questionid).html(data);        
            $("#FAQAnswer_" + questionid).slideDown();
        })    
    }else{
        $("#FAQAnswer_" + questionid).html($("#FAQAnswer_" + questionid).html());        
        $("#FAQAnswer_" + questionid).slideDown();    
    }
           
}

function collapseQuestion(myquestionid){
    
    questionid = myquestionid.substring(12);        
    $("#FAQAnswer_" + questionid).slideUp(function(){    
        //set the class of the question li to on
        $("#" + myquestionid).parent().removeClass();
        $("#" + myquestionid).parent().addClass("Off");            
    });    

    $("#" + myquestionid).unbind("click");
    $("#" + myquestionid).click(function(){                      
        showquestion(myquestionid);                
    });
}