window.addEvent('domready', function() 
{
	loadAccordion();

	$$('ul.webnav').addEvent('mouseenter', webnavEnter = function() 
	{
		this.setStyle('background-position','0 -35px');													
	});
	
	$$('ul.webnav').addEvent('mouseleave', webnavLeave = function() 
	{
		this.setStyle('background-position','0px 0px');													
	});
	
	$$('ul.webnav').addEvent('mousedown', webnavDown = function() 
	{
		this.setStyle('background-position','0px -70px');													
	});
});

function loadAccordion() {
		
	var CookieAutoAccordion = Accordion.extend({
														   
	  initialize: function(togglers, elements, options) {
		this.options.cookieName = 'accordion-place';
		this.options.cookieOptions = {path: '/', duration: 30};	
		this.setOptions(options);
		this.options.allowMultipleOpen = false;
		this.options.opacity = false;
		this.options.openAll = false;
		this.options.wait = false;
		var cookieValue = Cookie.get(this.options.cookieName);
			
		if (cookieValue != false) {
		  this.options.show = cookieValue.toInt();
		  this.addEvent('onActive', function(toggler, element) {
				toggler.addClass('webnav_active');
			});							 
		} else {
		  this.addEvent('onActive', function(toggler, element) {
				toggler.addClass('webnav_active');
			});
		}

		this.parent.apply(this, arguments);
		this.addEvent('onActive', function(toggler, element) {
		  Cookie.set(this.options.cookieName, this.togglers.indexOf(toggler), this.options.cookieOptions);
		  toggler.addClass('webnav_active');
		});
		this.addEvent('onBackground', function(toggler, element) {
			$$('p.web_comment').addClass('hide');
			if (toggler.hasClass('webnav_active')) {
				toggler.removeClass('webnav_active');
			}
		});
	  }
	});
			
	var accordion = new CookieAutoAccordion($$('ul.webnav'), $$('div.web_content'));	
		
	accordion.display(4);
	
}