var accordion;
var accordionTogglers;
var accordionContents;

window.onload = function() {
  accordionTogglers = document.getElementsByClassName('toggler');
  
  accordionTogglers.each(function(toggler){
    //remember the original color
    toggler.origColor = toggler.getStyle('color');
    //set the effect
    toggler.fx = new Fx.Style(toggler, 'color');
  });
  
  accordionContents = document.getElementsByClassName('togglercontent');
  
  accordion = new Fx.Accordion(accordionTogglers, accordionContents,{
    //when an element is opened change the background color 
    onActive: function(toggler){
      toggler.fx.start('#900');
    },
    onBackground: function(toggler){
      //change the background color to the original (green)
      //color when another toggler is pressed
      toggler.setStyle('color', toggler.origColor);
    }
  });
};








// slide bilder och meny
var Site = {
	
	start: function(){
		
		if ($('kwick')) Site.parseKwicks();
		
		if ($('menu')){
			Site.appearText();
	//		if (!window.ie6) Site.makeShadow();
		}
	},
	
	parseKwicks: function(){
		var kwicks = $$('#kwick .kwick');
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 200, transition: Fx.Transitions.quadOut});
		kwicks.each(function(kwick, i){
			kwick.addEvent('mouseenter', function(e){
				var obj = {};
				obj[i] = {
					'width': [kwick.getStyle('width').toInt(), 330]
				};
				kwicks.each(function(other, j){
					if (other != kwick){
						var w = other.getStyle('width').toInt();
						if (w != 67) obj[j] = {'width': [w, 67]};
					}
				});
				fx.start(obj);
			});
		});
		
		$('kwick').addEvent('mouseleave', function(e){
			var obj = {};
			kwicks.each(function(other, j){
				obj[j] = {'width': [other.getStyle('width').toInt(), 120]};//hur brett det atargar. ska vara samma i stylesheet
			});
			fx.start(obj);
		});
	},
	
	
	
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#menu li li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-left', '-10px');
			timer += 180;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	},

	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 800, 'wait': false});
		if (first.hasClass('active')){
			var tocolor = '900';
			var fromcolor = '000';
		} else {
			var tocolor = '000';
			var fromcolor = '900';
		}
		el.mouseouted = true;
		el.addEvent('mouseenter', function(e){
			overfxs.start({			
				'color': tocolor,
				'margin-top': 0
			});
		});
		el.addEvent('mouseleave', function(e){
			overfxs.start({
				'color': fromcolor,
				'margin-top': 0
			});
		});
	},
/*
	makeShadow: function(){
		new Element('img').injectInside('container').setStyles({
			'position': 'absolute', 'top': '0', 'margin-top': '-30px', 'left': '644px', 'z-index': '999999'
		}).setProperties({
			'height': $('header').offsetHeight + 10, 'width': '10', 'src': '/images/menubig_shadow.png'
		});
	}
*/	
};



window.addEvent('load', Site.start);