function handleThemeClick(obj) {
    var theme = parseInt(obj.value);
    showThemeDivs(theme);
}

function showThemeDivs(theme) {
    showExampleRecipes(theme);
    showRecipeList(theme);
}

function showRecipeList(theme) {
    switch(theme)
    {
    case 1:
    case 2:
    case 3:
    case 4:
    case 6:
      expandDiv('Track1','Track1Icon');collapseDiv('Track2','Track2Icon');collapseDiv('Track3','Track3Icon');collapseDiv('Track4','Track4Icon');
      break;    
    case 5:
      expandDiv('Track2','Track2Icon');collapseDiv('Track1','Track1Icon');collapseDiv('Track3','Track3Icon');collapseDiv('Track4','Track4Icon');
      break;
    case 7:
      expandDiv('Track3','Track3Icon');collapseDiv('Track1','Track1Icon');collapseDiv('Track2','Track2Icon');collapseDiv('Track4','Track4Icon');
      break;
    case 8:
      expandDiv('Track4','Track4Icon');collapseDiv('Track1','Track1Icon');collapseDiv('Track2','Track2Icon');collapseDiv('Track3','Track3Icon');
      break;
    default:
        alert('default');
    } 
}

function showExampleRecipes(theme) {
    document.getElementById('StandardExamples').style.display = 'none';
    document.getElementById('DiabetesExamples').style.display = 'none';
    document.getElementById('HBPHCExamples').style.display = 'none';
    switch(theme)
    {
    case 1:
    case 2:
    case 3:
    case 4:
    case 6:
      document.getElementById('StandardExamples').style.display = 'block';
      break;    
    case 5:
      document.getElementById('DiabetesExamples').style.display = 'block';
      break;
    case 7:
    case 8:
      document.getElementById('HBPHCExamples').style.display = 'block';
      break;
    default:
    } 
}

function collapseDiv(hideId,imgId) {
	document.getElementById(hideId).style.display = 'none';
	document.getElementById(imgId).src = '/media/images/surveys/expand.gif'
}

function expandDiv(hideId,imgId) {
	document.getElementById(hideId).style.display = 'block';
	document.getElementById(imgId).src = '/media/images/surveys/collapse.gif'
}

function toggleDiv(divId,imgId) {
	if (document.getElementById(divId).style.display == '' || document.getElementById(divId).style.display == 'block')
		collapseDiv(divId,imgId);
	else
		expandDiv(divId,imgId);
}

function hideDropdown(p){
	if(window.event){
		// IE only hide the dropdown list //
		var lD = document.getElementById("dropdown_sfw");
		if(p){
			changeObjectVisibility("dropdown_sfw", 'hidden')
		}else{
			changeObjectVisibility("dropdown_sfw", 'visible')
		}
	}
}