/*---------------------------------------------------------------------------------------*/
var Site = {
	init: function() {
		if ( $('menufx') )    menufx.parsemenufxs();
		{

		}
	}
};

var menufx = {

	parsemenufxs: function(){
		var menufxs = $$('#menufx .menufx');
		var fx = new Fx.Elements(menufxs, {wait: false, duration: 800, transition: Fx.Transitions.elasticOut});
		menufxs.each(function(menufx, i)
		{
			menufx.addEvent('mouseover', function(e)
			{
				e = new Event(e).stop();
				var obj = {};
				obj[i] = { 'width': [menufx.getStyle('width').toInt(), 280] };

				menufxs.each(function(other, j)
				{
					if (other != menufx)
					{
						var w = other.getStyle('width').toInt();
						if (w != 125) obj[j] = {'width': [w, 125]};
					}
				});
				fx.start(obj);
			});
		});

		document.addEvent('mouseover', function(e){
			e = new Event(e);
			var rel = e.relatedTarget;
			if (!rel) return;
			if (rel.hasClass && (rel.hasClass('menufxs') || rel.hasClass('menufx') || rel.id == 'menufx')){
				var obj = {};
				menufxs.each(function(other, j){
					obj[j] = {'width': [other.getStyle('width').toInt(), 178]};
				});
				fx.start(obj);
			};
		});
	}
};

window.onDomReady(Site.init);

/*---------------------------------------------------------------------------------------*/
			var Site = {
	
			start: function(){
				if($('vertical')) Site.vertical();
			},
			
			vertical: function(){
				var list = $$('#vertical li div.collapse');
				var headings = $$('#vertical li h3');
				var collapsibles = new Array();
				
				headings.each( function(heading, i) {

					var collapsible = new Fx.Slide(list[i], { 
						duration: 500, 
						transition: Fx.Transitions.linear,
						onComplete: function(request){ 
							var open = request.getStyle('margin-top').toInt();
							if(open >= 0) new Fx.Scroll(window).toElement(headings[i]);
						}
					});
					
					collapsibles[i] = collapsible;
					
					heading.onclick = function(){
						var span = $E('span', heading);

						if(span){
							var newHTML = span.innerHTML == '+' ? '-' : '+';
							span.setHTML(newHTML);
						}
						
						collapsible.toggle();
						return false;
					}
					
					collapsible.hide();
					
				});
				
				$('collapse-all').onclick = function(){
					headings.each( function(heading, i) {
						collapsibles[i].hide();
						var span = $E('span', heading);
						if(span) span.setHTML('+');
					});
					return false;
				}
				
				$('expand-all').onclick = function(){
					headings.each( function(heading, i) {
						collapsibles[i].show();
						var span = $E('span', heading);
						if(span) span.setHTML('-');
					});
					return false;
				}
				
			},
			
			
			accordion: function(){
				var list = $$('#accordion li div.collapse');
				var headings = $$('#accordion li h3');
				var collapsibles = new Array();
				var spans = new Array();
				
				headings.each( function(heading, i) {

					var collapsible = new Fx.Slide(list[i], { 
						duration: 500, 
						transition: Fx.Transitions.quadIn
					});
					
					collapsibles[i] = collapsible;
					spans[i] = $E('span', heading);
					
					heading.onclick = function(){
						var span = $E('span', heading);

						if(span){
							var newHTML = span.innerHTML == '+' ? '-' : '+';
							span.setHTML(newHTML);
						}
						
						for(var j = 0; j < collapsibles.length; j++){
							if(j!=i) {
								collapsibles[j].slideOut();
								if(spans[j]) spans[j].setHTML('+');
							}
						}
						
						collapsible.toggle();
						
						return false;
					}
					
					collapsible.hide();
					
				});
			}
		};	
		
/*----------SmoothScroll------------------------------*/	
		Window.onDomReady(function() {
	new SmoothScroll ();	
});
/*----------SmoothScroll-----------------------------*/
		window.addEvent('domready', Site.start);
/*------------------------------------------------------------------------------------*/