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

	// MENU EFFECTS :: jsaq
	var menu = $$('#side_menu ul li a, #right_menu ul li a');
	menu.each(function(element) {
		
		if(element.hasClass('active')) return;
		var fx = new Fx.Styles(element, {duration:250, wait:false});
		fx.set({'background-color': '#FFFFFF', 'color': '#333333'})
		element.addEvent('mouseenter', function(element){
			fx.start({
				'background-color': '#E2007A',
				'color': '#FFFFFF'
			});
		});

		element.addEvent('mouseleave', function(element){
			fx.start({
				'background-color': '#FFFFFF',
				'color': '#333333'
			});
		});
	});
	
	//SIDE MENU ACCODRION :: nfq, JanK
	var togglers = $$('a.menu_toggler').addEvent('click', $lambda(false));
	var active = togglers.indexOf((togglers.filterBy('.active') || [null])[0]);
	var side_menu = new Accordion(togglers, 'ul.menu_expanded', {
		opacity: false,
		duration: 300,
		show: active,
		alwaysHide: true
	}, $('side_menu'));
	
	// AUTO OPEN NEW WINDOW FOR ALL 'a href' IN CONTENT DIV :: nfq, JanK
	$$('#content a').each(function(anchor){
		if (anchor.target != '_self') anchor.target = '_blank';
	});
	
	// HOME DRAGGABLE LOGO :: nfq, JanK_
	// var logo = $('logo_home');
	// var fx = new Fx.Styles(logo, {duration: 1200, transition: "elastic:out", wait: false});
	// var home = $('container_home');
	
	var positioned = false;
	
	if (!home) return;
	home.addEvent('mousedown', function(event){
		if(!positioned) {
			positioned = true;
			logo.setStyles({
				'top': window.getSize().y / 2 ,
				'left': window.getSize().x / 2 
			});
		}
		fx.start({
			'top': [event.page.y - 0],
			'left': [event.page.x - 0]
		});
		event.stop();
	});
	
});

/*
	Usage:
	new SimpleSlideShow(wrapperElement, arrayOfImagesSources [, options]);

	Options:
	fadeTime: time in ms for the fade between images
	stayTime: time between two fades

	License:
	MIT-Style-License
	Copyright: Jan Kassens <janATkassens.net>
*/

var SimpleSlideShow = new Class({
	
	Implements: Options,
	
	options: {
		fadeTime: 1000,
		stayTime: 3000
	},
	
	initialize: function(wrapper, images, options) {
		var params = Array.link(arguments, {wrapper: $defined, images: Array.type, options: Object.type});
		this.wrapper = params.wrapper;
		this.setOptions(params.options);
		this.index = 0;
		
		var start = function(){
			this.topImage = this.images[0].fade('hide').inject(this.wrapper).fade('in');
			this.fade.delay(this.options.stayTime, this);
		}.bind(this);
		
		this.images = (params.images || JSON.decode(this.wrapper.get('images'))).map(function(image, index){
			if (!index)
				return new Asset.image(image, {
					width: '100%', height: '100%', onload: start
				}).set('tween', {duration: this.options.fadeTime});
			else
				return new Element('img', {
					src: image, width: '100%', height: '100%',
					tween: {duration: this.options.fadeTime}
				});
		}, this);
		
	},
	
	fade: function() {
		this.index = (this.index + 1) % this.images.length;
		this.bottomImage = this.topImage;
		this.topImage = this.images[this.index]
			.fade('hide')
			.inject(this.wrapper)
			.fade('in');
		this.fade.delay(this.options.stayTime + this.options.fadeTime, this);
	}

});

// FADE IN CONTENT :: Rendez
window.addEvent('load', function() {

	// Fading in handling the tween of every image
	// if((Browser.Engine.trident) $('side_menu') || $('content')) $$('div').fade('in'));

});