// JavaScript for FAQ functionality

var selectedCatId = -1;

$(document).ready(function(){
	var $categorySelect = $('select.faqcategory');
	if ($categorySelect.val() != undefined) {
		var catId = $categorySelect.val();
		getFAQ(catId);
		selectedCatId = catId;
		showSubSelector($categorySelect);

		$categorySelect.change(function() {
			if (selectedCatId != -1) {
				$('div.selectHolder' + selectedCatId).hide();
			}
			var catId = $(this).val();
			getFAQ(catId);
			selectedCatId = catId;
			showSubSelector($(this));
		});
	}
});

function showSubSelector(catSelect) {
	var catId = catSelect.val();
	var $subSelectHolder = $('div.selectHolder' + catId);
	showSelectHolder($subSelectHolder, catSelect.width() - 26);
	var $topicSelect = $subSelectHolder.find("select.topics");
	if (!$topicSelect.hasClass('hasOnChange')) {
		$topicSelect.change(function() {
			if ($(this).val() == -1) {
				getFAQ(selectedCatId);
			} else {
				getFAQ($(this).val() + "," + selectedCatId);	
			}
		});
		$topicSelect.addClass('hasOnChange');
	}
	
}

function showSelectHolder($holder, width) {
	$holder.show();
	var $selectInput = $holder.find("span.text").find("input");
	$selectInput.css("width", width);
	var $listHolder = $holder.find('span.listHolder');
	$listHolder.css("width", width);
}

function getFAQ(catId) {
	url = $('#ajaxcall').attr("href");
        if (url.indexOf('?') != -1) {
          prefix = '&';
        } else {
          if (url.indexOf('.htm') != -1) {
            prefix = '?';
          }
        }	
	url = url + prefix + 'mediaTermIds=' + catId;
	$.ajax({
		url: url,
		type: "GET",
		dataType: "html",
		success: fillQuestions
	});
}

function fillQuestions(data) {
	$('#faqanswers').empty();
	$('#faqanswers').append(data);
}