jQuery(document).ready(function(){
	var primary = jQuery('#primary'),
		primaryH = primary.height(),
		content = jQuery('#content'),
		contentH = content.height(),
		beerNavi = jQuery('.beer-navi');
		
		if(beerNavi.length != 0){
			beerNaviTop = beerNavi.offset().top,
			beerNaviLeft = beerNavi.offset().left;
		}
		
	jQuery(document).scroll(function(){
		if(contentH > primaryH){
			if(jQuery(window).scrollTop() > 385){
				primary.css({
					position: 'fixed',
					top: 5
				})
			}else{
				primary.css({
					position: 'relative',
					top: 0
				})
			}
		}
		
		if(beerNavi.length != 0){
			if(jQuery(window).scrollTop() > beerNaviTop){
				beerNavi.css({
					position: 'fixed',
					top: 5,
					left: beerNaviLeft
				})
			}else{
				beerNavi.css({
					position: 'relative',
					left: 0,
					top: 0
				})
			}		
		}

	})
})