// adapt portfolio page height according to resolution 

if (screen.height>=769) {
if (document.getElementById('main2')) {
document.getElementById('main2').style.height = "750px";
var slid_li = document.getElementById('slider').firstChild.childNodes;
for(var i=0;i<slid_li.length;i++){ 
  slid_li[i].style.height = "750px";
} 
}

}




// canvas grandient : inspired by Remy Sharp : http://remysharp.com/, http://html5demos.com/

var canvas = document.getElementsByTagName('canvas')[0],
    ctx = null,
    grad = null,
    body = document.getElementsByTagName('body')[0],
    color1 = 204;
    color2 = 216;
    color3 = 207;
    
  
    
     
   if (document.getElementById('main')) {
    canvas.style.height = document.getElementById('main').offsetHeight+70+'px';
    }
    
   if (document.getElementById('main2')) {
    canvas.style.height = document.getElementById('main2').offsetHeight+70+'px';
    }
    
     if (document.getElementById('main_h')) {
        canvas.style.height = document.getElementById('main_h').offsetHeight+70+'px';
    }
    
       if (document.getElementById('main_blog')) {
            canvas.style.height = document.getElementById('main_blog').offsetHeight+60+'px';
    }

if (canvas.getContext('2d')) {
  ctx = canvas.getContext('2d');
  ctx.clearRect(0, 0, 600, 600);
  ctx.save();
  // Create radial gradient
  //grad = ctx.createRadialGradient(0,0,0,0,0,600);
  grad = ctx.createLinearGradient(0,80,0,600);
  grad.addColorStop(0, '#8d9892');
  grad.addColorStop(1, 'rgb(' + color1 + ', ' + color2 + ', ' + color3 + ')');

  // assign gradients to fill
  ctx.fillStyle = grad;

  // draw 600x600 fill
  ctx.fillRect(0,0,600,600);
  ctx.save();



  body.onmousemove = function (event) {
  
   
    var width = window.innerWidth,
      height = window.innerHeight,
        x = event.clientX,
           y = event.clientY,
        rx = 600 * x / width,
          ry = 600 * y / height;
          
    var xc = ~~(256 * x / width);
       var yc = ~~(256 * y / height);

grad = ctx.createLinearGradient(rx,0,rx,ry+250);
   // grad = ctx.createRadialGradient(rx, 0, ry, rx, ry, 600);
    grad.addColorStop(0, '#8d9892');
    grad.addColorStop(1, ['rgb(', 204, ', ', (255 - xc+180), ', ', 207, ')'].join(''));
    // ctx.restore();
    ctx.fillStyle = grad;
    ctx.fillRect(0,0,600,600);
    // ctx.save();
  };
}



function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}