var Accordion = new Class({
	initialize: function(options) {
		this.options = options;

		if ($(this.options.AccordionID)) {

			var boxs = $ES('div.title', this.options.AccordionID);
			var boxsOpen = $ES('div.content', this.options.AccordionID);
			var boxsEffects = [];	
			var selected = "";
			
			boxs.each( function(el, i) {
					boxsEffects[i] = new Fx.Styles(el, {wait: false, duration:500, transition: Fx.Transitions.quadOut});
					el.addEvent('click', function() {
						selected = boxs[i];
						tabsToggle( selected );
					} );
					el.addEvent('mouseover', function() {
						tabsToggle( boxs[i] );
					} );
					el.addEvent('mouseout', function() {
						tabsToggle( selected );
					} );
			});
			
			function tabsToggle( tab ) {
					boxs.each( function (el, i) {
					if ( (el == tab) || (el == selected) ) {
	 				   boxsEffects[i].start( {'background-color': '#200d15'} );
					} else {
						boxsEffects[i].start( {'background-color': '#000'} );
					}
			});
			}
			
			var accord = new Fx.Accordion(boxs, boxsOpen, { start: false, transition: Fx.Transitions.quadIn, display:99, duration:150, alwaysHide:true,
				onActive: function(tog) {
					tog.className = "titleOpen";
				},
				onBackground: function(tog, i){
					tog.className = "title";
				}
			 });
			 
		}
	}
});

var Tablink = new Class({
	initialize: function(options) {
		this.options = options;
		if ($(this.options.TabID)) {
			
			var tabs = $ES('a.title', this.options.TabID);
			var tabsEffect = [];
			
			tabs.each( function (el, i) {
				tabsEffect[i] = new Fx.Styles(el, {wait: false, duration:200, transition: Fx.Transitions.quadOut});
			});
			
			tabs.each( function(el, i) {
					el.addEvent('mouseover', function() {
						tabsToggle( tabs[i] );
					} );
					el.addEvent('mouseout', function() {
						tabsToggle( tabs[0] );
					} );
			});
			
			function tabsToggle( tab ) {
				tabs.each( function (el, i) {
						if (el != tab) {
		 				   tabsEffect[i].start({'padding-left':[0]});
						} else {
		 				   tabsEffect[i].start({'padding-left':[59]});
						}
				});
			}
			tabsToggle( tabs[0] );
		}
	}
});


var Tab = new Class({
	initialize: function(options) {
		this.options = options;
		if ($(this.options.TabID)) {
			
			var tabs = $ES('div.title', this.options.TabID);
			var contents = $ES('div.content', this.options.TabID);
			var contentsEffect = [];
			var tabsEffect = [];
			var selected = tabs[0];
			
			contents.each( function (el, i) {
				contentsEffect[i] = new Fx.Slide(el, {duration: 200});
			});
			tabs.each( function (el, i) {
				tabsEffect[i] = new Fx.Styles(el, {wait: false, duration:150, transition: Fx.Transitions.quadOut});
			});
	
			contentsEffect[0].toggle();
			tabsToggle( selected );
			
			tabs.each( function(el, i) {
					el.addEvent('click', function() {
					     hideAll();
					     contentsEffect[i].toggle();
					     tabs[i].setStyle('padding-left','40px');
				  	     selected = tabs[i];
					} );
					el.addEvent('mouseover', function() {
						tabsToggle( tabs[i] );
					} );
					el.addEvent('mouseout', function() {
						tabsToggle( selected );
					} );
			});
			
			function tabsToggle( tab ) {
				tabs.each( function (el, i) {
						if (el != tab) {
		 				   tabsEffect[i].start({'padding-left':[0]});
						} else {
		 				   tabsEffect[i].start({'padding-left':[40]});
						}
				});
			}
			
			function hideAll() {
				contents.each( function (el, i) { contentsEffect[i].hide(); });
			}
		
		}
	}
});

// window.addEvent('domready', xx.start);