header effects !!! from (http://www.linkedmediagroup.com/)

header.html

<div class="container" style="height: 116px; line-height: 116px;">
				
					<strong class="logo"><a href="http://www.linkedmediagroup.com/"><img src="http://www.linkedmediagroup.com/wp-content/uploads/2013/04/space-rocket5b1.png" alt="Linked Media Group" scale="0"></a></strong><div class="main_menu" data-selectname="Select a page"><div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu" style="display: none;"><li id="menu-item-6342" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.linkedmediagroup.com/" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Home<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-6343" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-mega-parent "><a href="http://www.linkedmediagroup.com/about-us/" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>About Us<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-5662" class="menu-item menu-item-type-post_type menu-item-object-page dropdown_ul_available"><a href="http://www.linkedmediagroup.com/capabilities/" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Capabilities<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>


<ul class="sub-menu" style="display: block; opacity: 0; visibility: hidden;">
	<li id="menu-item-5660" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.linkedmediagroup.com/content-marketing/"><span class="avia-bullet"></span>Content Marketing</a></li>
	<li id="menu-item-5661" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.linkedmediagroup.com/social-media-marketing/"><span class="avia-bullet"></span>Social Media Marketing</a></li>
	<li id="menu-item-5659" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.linkedmediagroup.com/web-site-design/"><span class="avia-bullet"></span>Web Site Design</a></li>
</ul>
</li>
<li id="menu-item-5702" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2269 current_page_item"><a href="http://www.linkedmediagroup.com/portfolio/" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Portfolio<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-5673" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.linkedmediagroup.com/connect/" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Connect<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-5681" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.linkedmediagroup.com/blog/" style="height: 116px; line-height: 116px;"><span class="avia-bullet"></span>Blog<span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>
<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown"><a href="?s=" data-avia-search-tooltip="

<form action=&quot;http://www.linkedmediagroup.com/&quot; id=&quot;searchform&quot; method=&quot;get&quot;>
	<div>
		<input type=&quot;submit&quot; value=&quot;&amp;#128269;&quot; id=&quot;searchsubmit&quot; class=&quot;button&quot;/>
		<input type=&quot;text&quot; id=&quot;s&quot; name=&quot;s&quot; value=&quot;&quot; placeholder='Search' />
			</div>
</form>" style="height: 116px; line-height: 116px;">🔍</a></li></ul><select id="mobileMenu_menu-main-menu" class="mobileMenu" style="display: block;"><option value="">Select a page</option><option value="http://www.linkedmediagroup.com/">Home</option><option value="http://www.linkedmediagroup.com/about-us/">About Us</option><option value="http://www.linkedmediagroup.com/capabilities/">Capabilities



</option><option value="http://www.linkedmediagroup.com/content-marketing/">&nbsp;&nbsp;&nbsp;Content Marketing</option><option value="http://www.linkedmediagroup.com/social-media-marketing/">&nbsp;&nbsp;&nbsp;Social Media Marketing</option><option value="http://www.linkedmediagroup.com/web-site-design/">&nbsp;&nbsp;&nbsp;Web Site Design</option><option selected="selected" value="http://www.linkedmediagroup.com/portfolio/">Portfolio</option><option value="http://www.linkedmediagroup.com/connect/">Connect</option><option value="http://www.linkedmediagroup.com/blog/">Blog</option></select></div></div>				<!-- end container-->
				</div>

header_effects.js

// decreases header size when user scrolls down
avia_header_size();

//show scroll top button
avia_scroll_top_fade();

//check if the browser supports element rotation
function avia_header_size()
{
    var win	            = $(window),
        header          = $('.fixed_header #header'),
        logo			= header.find('.logo img'),
        elements        = $('#header_main .container, .main_menu ul:first-child > li > a:not(.avia_mega_div a)'),
        el_height       = $(elements).filter(':first').height(),
        isMobile        = 'ontouchstart' in document.documentElement,
        scroll_top		= $('#scroll-top-link'),
        set_height      = function()
        {
            var st = win.scrollTop(), newH = 0;

            if(st < el_height/2)
            {
                newH = el_height - st;
                header.removeClass('header-scrolled');
            }
            else
            {
                newH = el_height/2;
                header.addClass('header-scrolled');
            }

            elements.css({height: newH + 'px', lineHeight: newH + 'px'});
        }

    	if(!header.length) return false;

        if(isMobile)
        {
            return false;
        }

        win.scroll(set_height);
        set_height();
}


//check if the browser supports element rotation
function avia_scroll_top_fade()
{
   	 var win 		= $(window),
   	 	 timeo = false,
   	 	 scroll_top = $('#scroll-top-link'),
   	 	 set_status = function()
         {
         	var st = win.scrollTop();

         	if(st < 500)
         	{
         		scroll_top.removeClass('avia_pop_class');
         	}
         	else if(!scroll_top.is('.avia_pop_class'))
         	{
         		scroll_top.addClass('avia_pop_class');
         	}
         };

   	 win.scroll(set_status);
     set_status();
}