﻿
var SELECT_CLASSNAME = 'accordion-child select';
var DESELECT_CLASSNAME = 'accordion-child deselect';
var CHILD_CLASSNAME = 'accordion-child';
var EXPAND_CLASSNAME = 'accordion-expand';
var ACCORDION_BG = 'url(/images/accordion/bg.gif) no-repeat scroll left top';

accordionPreloadImages();

window.addEvent('domready', function() {

});

window.addEvent('load', function() {
   accordionInit();
   showAccordion('accordion1');
});

function showAccordion(id) {
	//alert('showing');
	document.getElementById(id).style.display = 'block';
}

function hideAccordion(id) {
	//alert('hiding');
	document.getElementById(id).style.display = 'none';
}

function accordionInit() {
	accordionHideChildren();
}

function accordionHideChildren() {
	var c = document.getElementById('content');
	var divs = c.getElementsByTagName('div');
	for (var i = 0; i < divs.length; i++) {
		if (divs[i].className == EXPAND_CLASSNAME) {
			divs[i].style.display = 'none';
		}
	}
}

function accordionPreloadImages() {
	var img = new Image(473, 1000);
	img.src = '/images/accordion/bg.gif';
}

function accordionExpand(obj) {
	var h2 = obj.parentNode;
	var root = h2.parentNode.parentNode;
	var child = h2.parentNode;
	if (child.className == DESELECT_CLASSNAME) {
		accordionMaximize(h2, root);
	}
	else {
		accordionMinimize(h2);
	}
}

function accordionMaximize(h2, root) {
	var divs = root.getElementsByTagName('div');
	for (var i = 0; i < divs.length; i++) {
		if (divs[i].className.indexOf(CHILD_CLASSNAME) > -1) {
			divs[i].className = DESELECT_CLASSNAME;
			for (var j = 0; j < divs[i].childNodes.length; j++) {
				if (divs[i].childNodes[j].className == EXPAND_CLASSNAME) {
					divs[i].childNodes[j].style.display = 'none';
				}
			}
		}
	}
	h2.parentNode.className = SELECT_CLASSNAME;
	//Set select bg image manually for IE6. 
	var subdivs = h2.parentNode.getElementsByTagName('div');
	for (var j = 0; j < subdivs.length; j++) {
		if (subdivs[j].className == EXPAND_CLASSNAME) {
			subdivs[j].style.background = ACCORDION_BG;
			subdivs[j].style.display = 'block';
		}
	}
}

function accordionMinimize(h2) {
	h2.parentNode.className = DESELECT_CLASSNAME;
	var divs = h2.parentNode.getElementsByTagName('div');
	for (var i = 0; i < divs.length; i++) {
		if (divs[i].className == EXPAND_CLASSNAME) {
			divs[i].style.display = 'none';
		}
	}
}