var expanded_marker_img_src = '../images/navigation_images/marker_expanded.png';
var collapsed_marker_img_src = '../images/navigation_images/marker_collapsed.png';

Event.observe(window, 'load', function() {
  
  // Hide/show blocks
  Event.observe('faq_heading', 'click', toggleBlock);
  Event.observe('documents_heading', 'click', toggleBlock);
  Event.observe('files_heading', 'click', toggleBlock);
  Event.observe('hardware_heading', 'click', toggleBlock);
  Event.observe('pcsoftware_heading', 'click', toggleBlock);
  
  // Cursor changes
  Event.observe('faq_heading', 'mouseover', cursorChange);
  Event.observe('faq_heading', 'mouseout', cursorChange);
  Event.observe('documents_heading', 'mouseover', cursorChange);
  Event.observe('documents_heading', 'mouseout', cursorChange);
  Event.observe('files_heading', 'mouseover', cursorChange);
  Event.observe('files_heading', 'mouseout', cursorChange);
  Event.observe('hardware_heading', 'mouseover', cursorChange);
  Event.observe('hardware_heading', 'mouseout', cursorChange); 
  Event.observe('pcsoftware_heading', 'mouseover', cursorChange);
  Event.observe('pcsoftware_heading', 'mouseout', cursorChange);
	
	var h4s = $$('h4.faq_group');
	
	
	h4s.each(function(faqGroup) {		
		Event.observe(faqGroup, 'mouseover', cursorChange);
		Event.observe(faqGroup, 'mouseout', cursorChange);
		
		var collapsable = {
			imgElem:faqGroup.down('img'),
			ulElem:faqGroup.next('ul')
		};
		faqGroup.collapsable = collapsable;
		collapsable.ulElem.hide();
		Event.observe(faqGroup,'click',toggleBlock);
	});

  // Hide all "collapsable" elements
  collapseAll();
});



function cursorChange(event) {
	if (event.type == "mouseover") {
		event.element().setStyle({cursor:"pointer"});
	} else {
		event.element().setStyle({cursor:"auto"});
	}
}

function collapseAll() {
	$('faq').hide();
	$('documents').hide();
	$('files').hide();
	$('os_files').hide();
	$('config_files').hide();
	$('pcsoftware_files').hide();
	$('dotnethelp').hide();
	toggleMarker($('faq'),$('faq_marker'));
	toggleMarker($('documents'),$('documents_marker'));
	toggleMarker($('files'),$('files_marker'));
	toggleMarker($('os_files'),$('hardware_marker'));
	toggleMarker($('pcsoftware_files'),$('pcsoftware_marker'));
}

function toggleBlock(event) {
	if ( this.hasClassName('faq_group')) {
			this.collapsable.ulElem.toggle();
			toggleMarker(this.collapsable.ulElem, this.collapsable.imgElem);		
	} else {
		switch (this) {
			case $('faq_heading'):
				$('faq').toggle();
				toggleMarker($('faq'),$('faq_marker'));
			break;
			case $('documents_heading'):
				$('documents').toggle();
				toggleMarker($('documents'),$('documents_marker'));
			break;
			case $('files_heading'):
				$('files').toggle();
				toggleMarker($('files'),$('files_marker'));
			break;
			case $('hardware_heading'):
				$('os_files').toggle();
				$('config_files').toggle();
				toggleMarker($('os_files'),$('hardware_marker'));
			break;
			case $('pcsoftware_heading'):
				$('pcsoftware_files').toggle();
				$('dotnethelp').toggle();
				toggleMarker($('pcsoftware_files'),$('pcsoftware_marker'));
			break;
		}
	}
}

function toggleMarker(blockElement, marker) {
			isVisible = blockElement.visible();
			if (isVisible) {
				marker.src = expanded_marker_img_src;
			} else {
				marker.src = collapsed_marker_img_src;
			}
}