/*$(document).ready(function(){
  var el = document.getElementById('navBar');
	
	var w = $(window).width();
	
	var ScrollTop = document.body.scrollTop;
	if (ScrollTop == 0)	{
		if (window.pageYOffset)
			ScrollTop = window.pageYOffset;
		else
			ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
	}
	if (w <= 530) {
	  el.style.width = "530px";
	  el.style.left = "0px";
	  if(ScrollTop < 100) {
  		el.style.top = 100 - ScrollTop + "px";
  	} else {
  		el.style.top = "0px";
  	}
	} else if ( w > 900) {
	  el.style.width = "900px";
	  el.style.left = (w - 900)/2 + "px";
	  if(ScrollTop < 100) {
  		el.style.top = 100 - ScrollTop + "px";
  	} else {
  		el.style.top = "0px";
  	}
	} else {
	  el.style.width = "100%";
	  el.style.left = "";
	  if(ScrollTop < 100) {
  		el.style.top = 100 - ScrollTop + "px";
  	} else {
  		el.style.top = "0px";
  	}
	}
	
	$(window).scroll(function () { 
    var el = document.getElementById('navBar');
  	var ScrollTop = document.body.scrollTop;

  	if (ScrollTop == 0)	{
  		if (window.pageYOffset) {
  			ScrollTop = window.pageYOffset;
  		} else {
  			ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
  		}
  	}

  	var w = $(window).width();

  	if (w < 531) {
  	  el.style.width = "100%";
  	  el.style.left = "0px";
  	  if(ScrollTop < 100) {
    		el.style.top = 100 - ScrollTop + "px";
    	} else {
    		el.style.top = "0px";
    	}
  	} else if ( w > 900) {
  	  el.style.width = "900px";
  	  el.style.left = (w - 900)/2 + "px";
  	  if (ScrollTop < 100) {
    		el.style.top = 100 - ScrollTop + "px";
    	} else {
    		el.style.top = "0px";
    	}
  	} else {
  	  if(ScrollTop < 100) {
  	    el.style.left = "0px";
  	    el.style.top = (100 - ScrollTop) + "px";
    	} else {
    	  el.style.left = "0px";
    	  el.style.top = "0px";
    		$('#navBar').animate({
          width: "100%",
        }, 50);
      }
  	}
  });

  $(window).resize(function() {
    var el = document.getElementById('navBar');

  	var w = $(window).width();

  	var ScrollTop = document.body.scrollTop;
  	if (ScrollTop == 0)	{
  		if (window.pageYOffset)
  			ScrollTop = window.pageYOffset;
  		else
  			ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
  	}
  	if (w <= 530) {
  	  el.style.width = "530px";
  	  el.style.left = "0px";
  	  if(ScrollTop < 100) {
    		el.style.top = 100 - ScrollTop + "px";
    	} else {
    		el.style.top = "0px";
    	}
  	} else if ( w > 900) {
  	  el.style.width = "900px";
  	  el.style.left = (w - 900)/2 + "px";
  	  if(ScrollTop < 100) {
    		el.style.top = 100 - ScrollTop + "px";
    	} else {
    		el.style.top = "0px";
    	}
  	} else {
  	  el.style.width = "100%";
  	  el.style.left = "";
  	  if(ScrollTop < 100) {
    		el.style.top = 100 - ScrollTop + "px";
    	} else {
    		el.style.top = "0px";
    	}
  	}
  	/*
  	if(ScrollTop < 100) {
  	  if (w <= 530) {
    	  el.style.width = "530px";
    	  el.style.left = "0px";
    	} else {
    	  	el.style.width = null;
      		el.style.left = (w - 900)/2 + "px";
    	}
  		el.style.top = 100 - ScrollTop + "px";
  	} else {
  	  el.style.left= "0px";
  		el.style.top = "0px";
  		el.style.width = "100%";
  	}
  	
  });
	
});
*/