/**
 * @title: JQuery Client Portal Dropdown
 * @author: Michael Aguiar
 * @description: Changes the height of an element with an animation effect.
 */

$(document).ready(function() {    
    $('div#showBtn').click(function(){
        $('div#clientPortal').animate({
	        height: '25px'
        }, 'fast');
		
        $('div#searchBox').animate({
            height: '25px'
        }, 'fast');
        
        $('.toggleLogin').toggle();
    });
    
    $('div#hideBtn').click(function(){
        $('div#clientPortal').animate({
	        height: '0px'
        }, 'fast');
        
        $('div#searchBox').animate({
            height: '0px'
        }, 'fast');

        $('.toggleLogin').toggle()
    });
    
    $('.sf_searchText').focus(function(){
        var searchText = $(this).val();
        
        if (searchText == 'Search'){
            $(this).val('');
        }
    });
    
    $('.sf_searchText').blur(function(){
        var searchText = $(this).val();
        
        if (searchText == ''){
            $(this).val('Search');
        }
    });
});