// all of my plgins scripts

//tool tip script
	window.addEvent('domready', function(){
						
			
			var Tips2 = new Tips($$('.Tips2'), {
				initialize:function(){
					this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
				},
				onShow: function(toolTip) {
					this.fx.start(1);
				},
				onHide: function(toolTip) {
					this.fx.start(0);
				}
			});
			
						
		}); 
	
	//slider script
	
	window.addEvent('domready', function(){
				
			var mySlide = new Fx.Slide('test').hide();
			
				$('toggle').addEvent('click', function(e){
				e = new Event(e);
				mySlide.toggle();
				e.stop();
			});
						
		}); 
	
	//drag and drop
window.addEvent('domready', function(){
var dropper = $('dropper');
var fx = new Fx.Styles(dropper, {duration: 1000, wait: false});
var box = $('box');

dropper.setStyles({
	'top': '331px',
	'left': '403px'
});


var result = $('result');

var transition = ("Elastic");

var ease = ("easeOut");
fx.options.transition = Fx.Transitions[transition][ease];

fx.options.duration = 2000;	


new Drag.Base(dropper, {
	
	onComplete: function(){
		fx.start(this.s);
	},
	
	onStart: function(){
		this.s = {
			'left': '403px',
			'top': '331px'
		};
	}
	
});		});



//accordion menu
window.onload=function(){
$$('#menu a').each(function(el) { 
		el.addEvent('mouseenter',function(){
		p = el.innerHTML.toUpperCase();
		el.innerHTML = p;
		el.setStyle('background','url(bg1.jpg)');
		myEffect = el.effect('margin-left', {duration: 100,transition: Fx.Transitions.linear, wait: true}).start('10','30');
		})
		
		el.addEvent('mouseleave',function(){
		p = el.innerHTML.toLowerCase();
		el.innerHTML = p;
		el.setStyle('background','url(bg.jpg)');
		myEffect = el.effect('margin-left', {duration: 800,transition: Fx.Transitions.Bounce.easeOut, wait: true}).start('30','0');
		})
	
	})
	
	myStretch = document.getElementsByClassName('toggler');
	myStretcher = document.getElementsByClassName('accordion');
	
	// setup the accordion elements by clearing display styles	
	myStretcher.each(function(el){
		el.style.display = '';
	});
	
	
var ac = new Fx.Accordion(myStretch,myStretcher,
 
  {
		onActive: function(tog){
         tog.setStyle('color', '#000');
		tog.setStyle('background-color', '#000');
		tog.setStyle('cursor', 'pointer');
		
    },
    onBackground: function(tog){
       
		tog.setStyle('color', '#FFF');
		tog.setStyle('background-color', '#000');
		tog.setStyle('cursor', 'pointer');
		
    },
		alwaysHide: true,
		start : 'all-closed',
	
		height: true,
		opacity : true			
	});
}

st = document.getElementsByClassName('toggler2');
	stc = document.getElementsByClassName('accordion2');
	
	// setup the accordion elements by clearing display styles	
	stc.each(function(el){
		el.style.display = '';
	});
	
var acc = new Fx.Accordion(st,stc,
 
  {
		onActive: function(tog){
         tog.setStyle('color', '#fff');
		tog.setStyle('background-color', '#000');
		tog.setStyle('cursor', 'pointer');
		
    },
    onBackground: function(tog){
       
		tog.setStyle('color', '#FFF');
		tog.setStyle('background-color', '#000');
		tog.setStyle('cursor', 'pointer');
		
    },
		alwaysHide: true,
		start : 'all-closed',
		opacity : true			
	});
	
/**page scroller**/