$(document).ready(function() {
    var search = document.getElementById('searchtext');
    var searchtext = '';
    if (search != null) {
        searchtext = search.value;
    }
  
    $('#SearchExpanded').hide();
    $('#SuggestionPanel').show();
    $('#ResultPanel').hide();

    $('#SearchIcon').click(function(event) {

        $('#SearchExpanded').slideToggle(400);
        $('#SearchIcon').toggleClass('Close');
        return false;
    });

    $('#Searchfield').focus(function() {

        if ($('#Searchfield').val() == searchtext) {
            $('#Searchfield').val('');
        }
        $('#SearchIcon').addClass('Close');
        $('#SearchExpanded').slideDown(400);

        return false;
    });



});