// headerHeight = $("header").css("height");
  // headerHeight = headerHeight.replace("px", "");
  // headerHeight = parseInt(headerHeight, 10);
  // $("#Logo").css("height", newHeight + "px");

  // console.log("new " + Math.round(100*SCALE )/100);

  /*
  var canvas = document.getElementById("Logo");
  var ctx = canvas.getContext("2d");
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  draw(ctx);
  */

/////////////// HEADER SIZE ////////////////////////////////////////////////////


var logoHeight = $("#Logo").css("height");
logoHeight     = logoHeight.replace("px", "");
logoHeight     = parseInt(logoHeight, 10);

var logoWidth  = $("#Logo").css("width");
logoWidth      = logoWidth.replace("px", "");
logoWidth      = parseInt(logoWidth, 10);

var logoPomer = logoWidth / logoHeight;


var high = 168;
var low  = 53;
var toGo = high - low; // 94

function scrolling(){

  fromTop    = $(window).scrollTop();
  difference = fromTop / toGo;
  dil        = ((fromTop/100)/2) * 100;
  alpha      = roundNumber(1 - difference, 2);
  

  if(difference < 0.5)
  {
    $("nav a").addClass("hover1");
    $("nav a").removeClass("hover2");
  }
  else
  {
    $("nav a").removeClass("hover1");
    $("nav a").addClass("hover2");
  }

  if(difference < 0.8)
  {
    // fast change
    $("#navBg").css("opacity", 1 - difference);
    $("nav .borders").css("opacity", 1 - difference * 5);
    $("#Logo").css("opacity", 1 - difference * 5);
  }
  else
  {
    // changed
    $("#navBg").css("opacity", 0.2);
    $("nav .borders").css("opacity", 0);
    $("#Logo").css("opacity", 0);
  }

  if(difference < 1)
  {
    // slow change
    $("#Logo_link").css("margin-top", 23 + (23/100) - dil);
    $("#navBg").css("height", high - fromTop + "px");
$("#navBg2").css("height", high - fromTop + "px");
    $("header").css("height", high - fromTop + "px");
    $("header .row").css("height", high - fromTop + "px");
    $("nav").css("margin-top", 47 + (47/100) - dil);
  }
  else
  {
    // changed
    $("#navBg").css("height", low + "px");
$("#navBg2").css("height", low + "px");
    $("header").css("height", low + "px");
    $("header .row").css("height", low + "px");
    $("nav").css("margin-top", -11);
  }

}

if($(window).width() < 767 || navigator.userAgent.match( /(iPod|iPhone|iPad|Android|webOS)/ ) ) {}
else {

  $(document).ready(function(){
    scrolling();
    $(window).scroll(function(){
      scrolling();
    });
  });

}