// put objAccordion in the global scope
var objAccordion;

window.addEvent('domready', function() {
	
	var arrEleTogglers = $ES('.toggler');
	var arrEleAccordions = $ES('.accordion');
	
	// get the name of the state we are currently looking at so we can set a cookie
	var arrUrl = window.location.href.split('/');
	var strState = arrUrl[4];
	
	if(strCookie = Cookie.get('activeAccordion')) 
	{
		arrEleTogglers.each(function(eleToggler, intIndex)
		{
			if(eleToggler.id == strCookie) intShow = intIndex;
		});
	}
	else
	{
		var intShow = false;
	}
		
	var objAccordion = new Accordion(arrEleTogglers, arrEleAccordions, {
		'show': intShow,
		'display': false,
		'opacity': false,
		'onActive': function(eleToggler) {
			if(Cookie.get('activeAccordion')) Cookie.remove('activeAccordion');
			Cookie.set('activeAccordion', eleToggler.id, {
				'path': '/locations/' + strState
			});
			eleToggler.setStyle('backgroundColor', [82, 61, 25]);
		},
		'onBackground': function(eleToggler) {
			eleToggler.setStyle('backgroundColor', [67, 50, 25]); // '#c3770f'
		}
	});
	
	$ES('.toggler').each(function(subnav) {
		subnav.addEvents({
			'mouseenter': function() {
				this.setStyle('backgroundColor', [82, 61, 25]); // #523D19
				if(objAccordion.togglers[objAccordion.previous] != this) {
					objAccordion.display(objAccordion.togglers.indexOf(this));
				}
			},
			'mouseleave': function() {
				if(objAccordion.togglers[objAccordion.previous] != this) this.setStyle('backgroundColor', [67, 50, 25]); // #433219
			}
		});
	});
	
	$ES('.indent .subnav').each(function(subnav) {
		var eleLink = $E('a', subnav);
		var linkLocation = eleLink.getProperty('href');
		if(linkLocation != 'http://lasienaseniorliving.com/locations/arizona/la_siena/floor_plans' &&
				linkLocation != 'http://lasienaseniorliving.com/locations/arizona/villa_hermosa/floor_plans') {
			subnav.addEvent('click', function() {
				Window.location = linkLocation;
			});
		} else {
			eleLink.addEvent('click', function(e) {
				// stop the click event from happening
				new Event(e).stop();
				Window.open(linkLocation, 'popup', 'height=580,width=1015');
			});
			subnav.cloneEvents(eleLink, 'click');
		}
		subnav.addEvents({
			'mouseenter': function() {
				this.setStyle('backgroundColor', [210, 130, 15]); // #d2820f
			},
			'mouseleave': function() {
				this.setStyle('backgroundColor', [195, 119, 15]); // '#c3770f'
			}
		});
	});
});
