// background directory
var dir_backgrounds = '/sites/3/templates/images/org/';

// content array
var content_areas = new Array('products','request','demo');
var active_content_area = 'products';

// reference overview and loader
var overview_id = 'schools';
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 = '/sites/3/templates/images/';
var old_offset = 0;

// last hovered
var objLastImg;

// organizations constructor
function educateConst() {

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

	// 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 + content_areas[i] + '.png';
	}
	
	// check to see if slide was selected
	var cur_loc;
	var sec;
	var t_arr;
	cur_loc = location.href.split('#');
	if (cur_loc.length > 1) {
		sec = cur_loc[1];
	}

	if (ge('i_'+sec) != null) {
		// fast forward to slide	
		var div_id;
		var div_offset;
		var img_ref;
		div_id = sec;
		div_offset = ge('i_'+sec).getAttribute('offset');

		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';
			ge('i_'+active_content_area).src = img_orgs[0][old_offset].src;
			old_offset = div_offset;
			active_content_area = div_id;
			ge('i_'+sec).src = img_orgs[1][div_offset].src;
		}

	}

}

//addEventListener load
//attachEvent onload


function attachEducateListeners() {
	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';
		ge('i_'+active_content_area).src = img_orgs[0][old_offset].src;
		old_offset = div_offset;
		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;
}