$(document).ready(function(){

  var submit = 0

    $('.searchform').delegate('input','focusin mouseenter keyup',function(){ 	// listner for the focus
        input_focusIn();
    })

    $('.searchform').delegate('input','focusout mouseleave',function(){			// listner for the out focus
        input_focusOut();
    })

    $('.searchform').submit(function(e){	// to not validate the form if it is empty

        if(submit==0) {
            e.preventDefault();
        }

    })

    function input_focusIn(){
        $('.input_text').css('opacity','1')
                    //    .css('border','1px solid white')
                        .css('box-shadow','white 0 0 6px')
        if($('.input_text').attr('value')) {
            $('.input_submit').css('opacity','0.9')
                        //    .css('border','1px solid white')
                            .css('box-shadow','white 0 0 4px')
                            submit = 1
        }
        else {
            $('.input_submit').css('opacity','0.9')
                            .css('border','none')
                            .css('box-shadow','none')
                            submit = 0
        }

}

function input_focusOut(){
	$('.input_submit').css('box-shadow','none')
	$('.input_text').css('box-shadow','none')
    if(!$('.input_text').is(':focus') && !$('.input_text').attr('value')) {
        $('.input_submit').css('opacity','1')
                          .css('border','none')                      
        $('.input_text').css('opacity','0.9')
                        .css('border','none')
                        
    }
}


})

