function showHideItem(id) {
	new Effect.toggle(id, 'slide', {duration: 0.2});
}

function showHideDropDown(detail,iconref) {
	new Effect.toggle(detail, 'slide', {duration: 0.2});
	
	var icon = document.getElementById(iconref);
		
    if(icon.src.indexOf('collapse')>0) { 
		icon.src = icon.src.replace(/collapse/,"expand"); 
	} else {
		icon.src = icon.src.replace(/expand/,"collapse");
	}		
}

function showDetail(id, ref) {
	
	if (ref == 1) {
		document.getElementById('d1').style.display = 'none'; 
		document.getElementById('d2').style.display = 'none'; 
		document.getElementById('d3').style.display = 'none'; 
		document.getElementById('d4').style.display = 'none'; 
		document.getElementById('d5').style.display = 'none'; 
		document.getElementById('d6').style.display = 'none'; 
		document.getElementById('d7').style.display = 'none'; 
		document.getElementById('d8').style.display = 'none';
	} else if (ref == 2) {
		document.getElementById('d1').style.display = 'none'; 
		document.getElementById('d2').style.display = 'none'; 
		document.getElementById('d3').style.display = 'none'; 
		document.getElementById('d4').style.display = 'none'; 
		document.getElementById('d5').style.display = 'none'; 
	} else if (ref == 3) {
		document.getElementById('d1').style.display = 'none'; 
		document.getElementById('d2').style.display = 'none'; 
		document.getElementById('d3').style.display = 'none'; 
		document.getElementById('d4').style.display = 'none'; 
	} else if (ref == 4) {
		document.getElementById('d1').style.display = 'none'; 
		document.getElementById('d2').style.display = 'none'; 
		document.getElementById('d3').style.display = 'none'; 
	} else if (ref == 5) {
		document.getElementById('d1').style.display = 'none'; 
		document.getElementById('d2').style.display = 'none'; 
		document.getElementById('d3').style.display = 'none'; 
	} else if (ref == 6) {
		document.getElementById('d1').style.display = 'none'; 
		document.getElementById('d2').style.display = 'none'; 
		document.getElementById('d3').style.display = 'none'; 
		document.getElementById('d4').style.display = 'none'; 
		document.getElementById('d5').style.display = 'none'; 
	} else if (ref == 7) {
		document.getElementById('d1').style.display = 'none'; 
		document.getElementById('d2').style.display = 'none'; 
		document.getElementById('d3').style.display = 'none'; 
		document.getElementById('d4').style.display = 'none'; 
		document.getElementById('d5').style.display = 'none'; 
		document.getElementById('d6').style.display = 'none'; 
		document.getElementById('d7').style.display = 'none'; 
		document.getElementById('d8').style.display = 'none'; 
	} 
	
	document.getElementById('d'+id).style.display = 'block'; 
}

function expandCollapseTrainingDates(areaID) {
    var ctl_txt = FindControl(areaID + '_control_text');
    var ctl_img = FindControl(areaID + '_control_image');
    
    if(ctl_txt){
        if(ctl_txt.innerHTML=='Show dates') { ctl_txt.innerHTML='Hide dates'; }
        else { ctl_txt.innerHTML='Show dates'; }
    }
    
    if(ctl_img){
        if(ctl_img.src.indexOf('collapse')>0) { 
			ctl_img.src = ctl_img.src.replace(/collapse/,"expand"); 
		} else {
			ctl_img.src = ctl_img.src.replace(/expand/,"collapse");
		}
    }
    showHideItem(areaID);
}

function expandCollapseTrainingArea(areaID) {
    var ctl_txt = FindControl(areaID + '_control_text');
    var ctl_img = FindControl(areaID + '_control_image');
    
    if(ctl_txt){
        if(ctl_txt.innerHTML=='show courses') { 
			ctl_txt.innerHTML='hide courses';
		} else { 
			ctl_txt.innerHTML='show courses';
		}
    }
    
    if(ctl_img) {
        if(ctl_img.src.indexOf('collapse')>0) {
			ctl_img.src = ctl_img.src.replace(/collapse/,"expand");
		} else {
			ctl_img.src = ctl_img.src.replace(/expand/,"collapse");
		}
    }
    showHideItem(areaID);
}