/**
 * Toogle artist quickpicks/search
 * and show hover effects
 */

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

	////////////////////////////////////////////////
	//slide in/out:
	
	var mySlide = new Fx.Slide('QuickPicks');
	
	//hide it initially
	mySlide.hide();
	
	$('slidein').addEvent('click', function(e){
		e = new Event(e);
		mySlide.slideIn();
		e.stop();
	});
	
	$('slideout').addEvent('click', function(e){
		e = new Event(e);
		mySlide.slideOut();
		e.stop();
	});
	
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		e.stop();
	});
	
	$('hide').addEvent('click', function(e){
		e = new Event(e);
		mySlide.hide();
		e.stop();
	});
	
	
	////////////////////////////////////////////////
	//hover effects for quick pick
	
	var list = $$('#QPLeft li a');
	
	list.each(function(element) {
	 
		var fxIn = new Fx.Styles(element, {duration:20, wait:false});
		element.addEvent('mouseenter', function(){
			fxIn.start({
				'background-color': '#333',
				color: '#fff'
			});
		});
		
		var fxOut = new Fx.Styles(element, {duration:400, wait:false});
		element.addEvent('mouseleave', function(){
			fxOut.start({
				'background-color': '#151515',
				'color': '#81990E'
			});
		});
		
	
	});
	
	////////////////////////////////////////////////
	
});