var strPathToRoot = '/';

$(document).ready(function() {
$('div.drawers> div').hide();  
$('div.drawers> div.on').show();  
$('div.drawers> h4').click(function() {
	$(this).next('div').slideToggle('fast')
	.siblings('div:visible').slideUp('fast');
	resetDrawers();
	document.getElementById(this.id.replace('drawer','arrow')).src = strPathToRoot + 'images/channels/arrow_down_8.gif';
	this.className = 'on';
});
}); 

function resetDrawers() {
	if (document.getElementById('arrow1'))
		document.getElementById('arrow1').src = strPathToRoot + 'images/arrow_right.gif';			
	if (document.getElementById('drawer1'))
		document.getElementById('drawer1').className = '';
	if (document.getElementById('arrow2'))
		document.getElementById('arrow2').src = strPathToRoot + 'images/arrow_right.gif';			
	if (document.getElementById('drawer2'))
		document.getElementById('drawer2').className = '';
	if (document.getElementById('arrow3'))
		document.getElementById('arrow3').src = strPathToRoot + 'images/arrow_right.gif';			
	if (document.getElementById('drawer3'))
		document.getElementById('drawer3').className = '';
	if (document.getElementById('arrow4'))
		document.getElementById('arrow4').src = strPathToRoot + 'images/arrow_right.gif';			
	if (document.getElementById('drawer4'))
		document.getElementById('drawer4').className = '';
}