/* Created by LookMatters.com for Fort Williams Provincial Park */

window.addEvent('domready', function() { 
	
	/* Slide in/out the split menu sublevels. Also, preloads up/down arrows. */
	var slides = $$(".slide");
	var btns = $$(".slide_trigger") ;
	var mySlide = [];
	var openSlide = -1;
	
	new Asset.images(['/templates/fwhp/images/arrow_up.gif', '/templates/fwhp/images/arrow_down.gif'], {});
 
	slides.each(function(slide, idx) { 
		mySlide[idx] = new Fx.Slide(slide, {duration: 500}).hide();
		btns[idx].addEvent('click', function(e) {
			e = new Event(e);
			if ( openSlide == -1 ) {
				openSlide = idx;
				mySlide[idx].slideIn();
				btns[idx].setStyle('background-image','url(templates/fwhp/images/arrow_up.gif)');
			} else {
				mySlide[openSlide].slideOut();
				mySlide[idx].slideIn(); 
				btns[idx].setStyle('background-image','url(templates/fwhp/images/arrow_up.gif)');
				btns[openSlide].setStyle('background-image','url(templates/fwhp/images/arrow_down.gif)');
				if ( openSlide != idx ) openSlide = idx;
				else openSlide = -1;
			}
			e.stop();
		}); 
	});

	/* Style and Control the Contact Panel */
	$('contact_core').setStyle('height','375px');
	$('contact_core').setStyle('border-bottom','1px solid #093325');
	var ContactSlide = new Fx.Slide('contact_core').hide();
	$('contact_core').setStyle('visibility','visible');
	
	$('contact_toggle').addEvent('click', function(e){
		e = new Event(e);
		ContactSlide.toggle();
		e.stop();
	});
	$('contact_close').addEvent('click', function(e){
		e = new Event(e);
		ContactSlide.slideOut();
		e.stop();
	});
	

	/* Style the split menu, both levels. */
	var list = $$('a.mainlevel');
	list.each(function(element) {
	 
		var fx = new Fx.Styles(element, {duration:20, wait:false});
		var fx2 = new Fx.Styles(element, {duration:400, wait:false});
	 
		element.addEvent('mouseenter', function(){
			fx.start({
				'width':180,
				'background-color': '#06342A',
				'color': '#FFFFFF'
			});
		});
	 
		element.addEvent('mouseleave', function(){
			fx2.start.delay(400,fx2,{
				'width':170,
				'background-color': '#86A49C',
				'color': '#000000'
			});
		});
	 
	});
	
	var list2 = $$('a.sublevel');
	list2.each(function(element) {
	 
		var fx = new Fx.Styles(element, {duration:20, wait:false});
		var fx2 = new Fx.Styles(element, {duration:400, wait:false});
	 
		element.addEvent('mouseenter', function(){
			fx.start({
				'width':160,
				'background-color': '#86A49C',
				'color': '#06342A'
			});
		});
	 
		element.addEvent('mouseleave', function(){
			fx2.start.delay(400,fx2,{
				'width':155,
				'background-color': '#FFFFFF',
				'color': '#000000'
			});
		});
	 
	});

})