$(document).ready(function() {

    var $searchInputValue = $('#search-field').val();
   
    $('#search-field')
    .focus(function() {
        if (this.value == $searchInputValue) {
            this.value = '';
            $(this).css('color', '#d4d4d4');
        }
    })
    .blur(function() {
        if (this.value == '') {
            this.value = $searchInputValue;
            $(this).css('color', '#535353');
        }
    });
    
    $('.menu.level-1 > li').hover(
        function() {
            //var blockWidth = parseInt($(this).find('ul.main-menu-sub').width());
            //var blockHeight = parseInt($(this).find('ul.main-menu-sub').height());
            //$(this).append('<div style="width: 30px; height: 10px; background: red"></div>').addClass("bcg");
            $(this).find('ul.menu.level-2').css('opacity', 0.9).fadeIn(function() {
              if($.browser.msie)
                this.style.removeAttribute('filter');
            });
        },
        function() {
            $(this).find('ul.menu.level-2').fadeOut();
        }
    );
    
    $('.cms-table td, table.container td').hover(
        function() {
            $(this).parent().css('background', '#eee')
        },
        function() {
            $(this).parent().css('background', '#fff')
        }
    );
    
    var currentSlide = document.location.hash;
    
    $('div.container').each(function(index) {
        
        var $innerContainer = $(this).find('.inner-container');
        $innerContainer.wrapInner('<div style="padding-top: 10px; padding-bottom: 15px;"></div>')
        var height = $innerContainer.height();
        
        if (!currentSlide || currentSlide != "#" + index) {
            $innerContainer.css({'height':0}).hide();
        }

        $(this).find('h3')
        .wrapInner('<span></span>')
        .find('span')
        .css({'font-size':'12px', 'border-bottom': '1px dotted #237277', 'color': '#237277', 'cursor': 'pointer'})
        .click(function() {
            if ($innerContainer.is(':visible')) {
                $innerContainer.animate({'height': 0}, {duration: 500, complete: function() {$innerContainer.hide();}});
            } else {
                $innerContainer.animate({'height': height}, {duration: 500});
            };
        });
    });
    
});