// background directory
var dir_backgrounds = img_basedir + 'images/org/';

// content array
var content_areas = new Array('events','government','recreation','camps','endurance','sports','golf','schools','giving','campgrounds');
var active_content_area = 'header_overview';

// reference overview and loader
var overview_id = 'header_overview';
var loader_id = 'header_load';
var nav_id = 'container_body_header';

// out timer
var out_timer;

// background images
var content_backgrounds;

// image rollovers
var img_orgs;
var org_img_dir = img_basedir + 'images/org/';


// last hovered
var objLastImg;

// organizations constructor
function organizationsConst() {

	// mouseover listeners for each tab/vertical market
	attachOrgListeners();

	// preload img_orgs
	img_orgs = new Array(2); // two dimentional for rollovers
	img_orgs[0] = new Array(content_areas.length);
	img_orgs[1] = new Array(content_areas.length);

	// load images
	for (var i=0; i<content_areas.length; i++) {
		img_orgs[0][i] = new Image();
		img_orgs[1][i] = new Image();
		img_orgs[0][i].src = org_img_dir+content_areas[i]+'.gif';
		img_orgs[1][i].src = org_img_dir+content_areas[i]+'_hover.gif';
	}

	// preload background images for each vertical market
	content_backgrounds = new Array(content_areas.length);

	// create image objects
	for (var i=0; i<content_areas.length; i++) {
		content_backgrounds[i] = new Image();
		content_backgrounds[i].src = dir_backgrounds + 'background-' + content_areas[i] + '.jpg';
	}

}

//addEventListener load
//attachEvent onload


function attachOrgListeners() {
	for (var i=0; i<content_areas.length; i++) {

		var img_ref = ge('i_'+content_areas[i]);
		img_ref.setAttribute('div_id',content_areas[i]);
		img_ref.setAttribute('offset',i);
		if (window.addEventListener) {
			img_ref.addEventListener('mouseover', showContent, false);
			img_ref.addEventListener('mouseout', removeHover, false);
		}
		else {
			img_ref.attachEvent('onmouseover', showContent);
			img_ref.attachEvent('onmouseout', removeHover);
		}
	}
}
function showContent(e) {
	var div_id;
	var div_offset;
	e[e_moz] ? div_id = e[e_moz].getAttribute('div_id') : div_id = e[e_ie]['div_id'];
	e[e_moz] ? div_offset = e[e_moz].getAttribute('offset') : div_offset = e[e_ie]['offset'];

	// show/hide
	if (div_id != active_content_area) {
		ge(div_id).style.display = '';
		var imgurl = 'url('+content_backgrounds[div_offset].src+')';
		ge(div_id).style.backgroundImage = imgurl;//content_backgrounds[0].src;
		ge(active_content_area).style.display = 'none';
		active_content_area = div_id;
	}

	// hover, change image
	e[e_moz] ? e[e_moz].src = img_orgs[1][div_offset].src : e[e_ie].src = img_orgs[1][div_offset].src;
}
function removeHover(e) {
	var div_offset;
	e[e_moz] ? div_offset = e[e_moz].getAttribute('offset') : div_offset = e[e_ie]['offset'];
	e[e_moz] ? e[e_moz].src = img_orgs[0][div_offset].src : e[e_ie].src = img_orgs[0][div_offset].src;
}