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

    //quick search tabbed slide
    $$('#side_tabs ul li a').addEvents({
        'click': function(ev){
            ev.stop();
            this.blur();
            clicked = this.getProperty('id');
            if(clicked == "search_tab"){
                $$('body').setProperty('class','search_active');
            }else{
                $$('body').setProperty('class','whats_on_active');
            }
        }
    });
    
    
    $$('.control input').addEvents({
        'mouseenter': function(){
            this.set('tween', {
				duration: 350,
                transition: Fx.Transitions.Quad.easeOut
				}).tween('background-color', '#ffffff');
        },
        'mouseleave':function(){
            this.set('tween', {
				duration: 350,
                transition: Fx.Transitions.Quad.easeOut
				}).tween('background-color', '#f1f1f1');
        }
    });
    
    $$('.control textarea').addEvents({
        'mouseenter': function(){
            this.set('tween', {
				duration: 350,
                transition: Fx.Transitions.Quad.easeOut
				}).tween('background-color', '#ffffff');
        },
        'mouseleave':function(){
                this.set('tween', {
				    duration: 350,
                    transition: Fx.Transitions.Quad.easeOut
				    }).tween('background-color', '#f1f1f1');
	  
        }
    });
    
    $$('.narrow_search input').addEvents({
        'mouseenter': function(){
            this.set('tween', {
				duration: 350,
                transition: Fx.Transitions.Quad.easeOut
				}).tween('background-color', '#ffffff');
        },
        'mouseleave':function(){
            if(this.focus == true){
            }else{
                this.set('tween', {
				    duration: 350,
                    transition: Fx.Transitions.Quad.easeOut
				    }).tween('background-color', '#f1f1f1');
            }
        }
    });
    var selected = false;
    $$('.narrow_search select').addEvents({

        'mouseover': function(){
            this.set('tween', {
				duration: 350,
                transition: Fx.Transitions.Quad.easeOut
				}).tween('background-color', '#ffffff');
        },
       
        
        'focus': function(){
            selected = true;
            this.set('tween', {
				duration: 350,
                transition: Fx.Transitions.Quad.easeOut
				}).tween('background-color', '#ffffff');

        },
        
        
        'blur':function(){
                selected = false;
                this.set('tween', {
				    duration: 350,
                    transition: Fx.Transitions.Quad.easeOut
				    }).tween('background-color', '#f1f1f1');
        }
    });
    
    
});