/*
 * HTML5 Water Droplets for Websites
 * Author : Capjo
 * For sale on codecanyon
 * support@capjo.com
 * July 2011
 */

// Main Configuration Section
var jWaterDropsNumberOfWaterDroplets=30;
// Number of droplets that should be loaded at the screen
var jWaterDropsStyles=[1,2,3,4,5,6,7,8,9,10,11,12,13,14];
// Styles used for drawing droplets
var jWaterDropsEnableLoopForFall=true;
// Loop the falling of droplets

// Tweaking Section - Advanced
// Minimun and maximum sizes of the droplets
var jWaterDropsMinSizePercentage='85';
var jWaterDropsMaxSizePercentage='150';

var jWaterDropsBorderColorStop1="rgba(0,0,0,0.8)";
var jWaterDropsBorderColorStop2="rgba(25,25,25,0.8)";
var jWaterDropsBorderColorStop3="rgba(25,25,25,0.3)";
var jWaterDropsBorderColorStop4='transparent';

var jWaterDropsColorForShade='rgba(0,0,0,0.6)';
// Shade color - This color will be utilized to shade
// the first 40% of the droplet shape

// Parametes for the shadows
var jWaterDropsShadowColor="rgba(0,0,0,0.6)";
var jWaterDropsShadowBlur="2";  
var jWaterDropsColorAlpha=1;


// Other needed parameters
var jWaterDropsTransparent='transparent';
// Color stops for the gradient that needs to be applied on the 
// strokes of water droplet border
var jWaterDropsLightReflectionColor="rgba(255,255,255,1)";
// The color of the light reflection on top of the droplets

// DO NOT CHANGE AFTER THIS LINE
// DO NOT CHANGE AFTER THIS LINE
// DO NOT CHANGE AFTER THIS LINE

var jWaterDropsStandardDropCanvasSize=30;
// DO NOT CHANGE THIS PARAMETER
// Line width of the stroke
var jWaterDropslinewidth='1';
// DO NOT CHANGE THIS PARAMETER
// as it is optimized for the browsers

// Chrome displays a different behaviour when the 
// shadow blur is used. If the shadow is used in chrome
// The effect is not properly anti aliased. Rather
// it spreads across the whole region

// This behaviour is avoided there by making the stroke
// size of 150% with no shadow for the stroke
var jWaterDropsBorderIsChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(jWaterDropsBorderIsChrome)
jWaterDropslinewidth="1.5";
// DO NOT CHANGE THIS PARAMETER
// The jWaterDropslinewidth is set to 1.5 to make the script compatible with chrome

var jWaterDropletsviewportwidth=800;
var jWaterDropletsviewportheight=400;
var jWaterDropletsTimers = new Array();

var jWaterDropsBubble1=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;var b=c.createLinearGradient(25*d,25*d,1*d,1*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(9.36*d,8.18*d);c.bezierCurveTo(13.89*d,6.99*d,19.4*d,7.74*d,22.83*d,11.14*d);c.bezierCurveTo(25.05*d,13.59*d,25.75*d,17.36*d,24.51*d,20.42*d);c.bezierCurveTo(20.34*d,25.48*d,11.11*d,25.06*d,7.8*d,19.21*d);c.bezierCurveTo(5.59*d,15.96*d,4.72*d,9.72*d,9.36*d,8.18*d);c.closePath();c.stroke();c.restore();c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(9.36*d,8.18*d);c.bezierCurveTo(13.89*d,6.99*d,19.4*d,7.74*d,22.83*d,11.14*d);c.bezierCurveTo(25.05*d,13.59*d,25.75*d,17.36*d,24.51*d,20.42*d);c.bezierCurveTo(20.34*d,25.48*d,11.11*d,25.06*d,7.8*d,19.21*d);c.bezierCurveTo(5.59*d,15.96*d,4.72*d,9.72*d,9.36*d,8.18*d);c.closePath();c.restore();var a=c.createLinearGradient(25*d,24*d,16*d,4*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(11*d,12*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble2=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(24*d,24*d,4*d,4*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(12.55*d,8.27*d);c.bezierCurveTo(18.74*d,6.12*d,26.22*d,12.91*d,23.53*d,19.25*d);c.bezierCurveTo(20.82*d,25.33*d,11.25*d,25.13*d,7.52*d,20.17*d);c.bezierCurveTo(5.11*d,15.87*d,7.88*d,9.68*d,12.55*d,8.27*d);c.closePath();c.stroke();c.restore();c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(12.55*d,8.27*d);c.bezierCurveTo(18.74*d,6.12*d,26.22*d,12.91*d,23.53*d,19.25*d);c.bezierCurveTo(20.82*d,25.33*d,11.25*d,25.13*d,7.52*d,20.17*d);c.bezierCurveTo(5.11*d,15.87*d,7.88*d,9.68*d,12.55*d,8.27*d);c.closePath();var a=c.createLinearGradient(15*d,26*d,15*d,6*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(15*d,12*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble3=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(5*d,5*d,16*d,34*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(15.57*d,7.52*d);c.bezierCurveTo(17.94*d,6.23*d,20.74*d,7.96*d,22.09*d,9.96*d);c.bezierCurveTo(25.03*d,13.96*d,24.11*d,20.11*d,20.2*d,23.12*d);c.bezierCurveTo(14.43*d,26.27*d,5.99*d,20.77*d,6.9*d,14.25*d);c.bezierCurveTo(9.42*d,11.6*d,12.47*d,9.44*d,15.57*d,7.52*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(15.57*d,7.52*d);c.bezierCurveTo(17.94*d,6.23*d,20.74*d,7.96*d,22.09*d,9.96*d);c.bezierCurveTo(25.03*d,13.96*d,24.11*d,20.11*d,20.2*d,23.12*d);c.bezierCurveTo(14.43*d,26.27*d,5.99*d,20.77*d,6.9*d,14.25*d);c.bezierCurveTo(9.42*d,11.6*d,12.47*d,9.44*d,15.57*d,7.52*d);c.closePath();var a=c.createLinearGradient(25*d,28*d,1*d,1*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(18*d,11*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble4=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(18*d,0*d,0*d,29*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(14.52*d,7.42*d);c.bezierCurveTo(18.74*d,5.57*d,24.06*d,9.99*d,22.43*d,14.48*d);c.bezierCurveTo(20.33*d,20.11*d,13.59*d,24.12*d,7.66*d,22.48*d);c.bezierCurveTo(5.06*d,16.6*d,8.25*d,9.17*d,14.52*d,7.42*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(14.52*d,7.42*d);c.bezierCurveTo(18.74*d,5.57*d,24.06*d,9.99*d,22.43*d,14.48*d);c.bezierCurveTo(20.33*d,20.11*d,13.59*d,24.12*d,7.66*d,22.48*d);c.bezierCurveTo(5.06*d,16.6*d,8.25*d,9.17*d,14.52*d,7.42*d);c.closePath();var a=c.createLinearGradient(10*d,28*d,20*d,2*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(18*d,11*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble5=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(15*d,29*d,5*d,3*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(12.51*d,7.43*d);c.bezierCurveTo(19.75*d,5.77*d,24.2*d,14.39*d,22.77*d,20.51*d);c.bezierCurveTo(19.81*d,24.07*d,13.7*d,23.65*d,11.3*d,19.65*d);c.bezierCurveTo(8.27*d,16.31*d,7.42*d,9.21*d,12.51*d,7.43*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(12.51*d,7.43*d);c.bezierCurveTo(19.75*d,5.77*d,24.2*d,14.39*d,22.77*d,20.51*d);c.bezierCurveTo(19.81*d,24.07*d,13.7*d,23.65*d,11.3*d,19.65*d);c.bezierCurveTo(8.27*d,16.31*d,7.42*d,9.21*d,12.51*d,7.43*d);c.closePath();var a=c.createLinearGradient(24*d,25*d,7*d,7*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(14*d,11*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble6=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(5*d,5*d,25*d,31*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(8.82*d,16.95*d);c.bezierCurveTo(7.7*d,12.58*d,11.85*d,7.16*d,16.51*d,8.43*d);c.bezierCurveTo(18.49*d,8.88*d,18.74*d,11.17*d,19.56*d,12.68*d);c.bezierCurveTo(20.32*d,14.73*d,22.09*d,16.15*d,23.04*d,18.09*d);c.bezierCurveTo(22.25*d,21.06*d,19.3*d,23.93*d,16.03*d,23.33*d);c.bezierCurveTo(12.54*d,23.09*d,9.2*d,20.57*d,8.82*d,16.95*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(8.82*d,16.95*d);c.bezierCurveTo(7.7*d,12.58*d,11.85*d,7.16*d,16.51*d,8.43*d);c.bezierCurveTo(18.49*d,8.88*d,18.74*d,11.17*d,19.56*d,12.68*d);c.bezierCurveTo(20.32*d,14.73*d,22.09*d,16.15*d,23.04*d,18.09*d);c.bezierCurveTo(22.25*d,21.06*d,19.3*d,23.93*d,16.03*d,23.33*d);c.bezierCurveTo(12.54*d,23.09*d,9.2*d,20.57*d,8.82*d,16.95*d);c.closePath();var a=c.createLinearGradient(22*d,24*d,15*d,4*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(15*d,12*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble7=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(5*d,5*d,19*d,30*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(11.52*d,9.25*d);c.bezierCurveTo(16.85*d,7.55*d,25.59*d,11.7*d,23.42*d,18.18*d);c.bezierCurveTo(20.67*d,25.9*d,8.87*d,24.13*d,5.83*d,17.6*d);c.bezierCurveTo(4.43*d,13.75*d,7.83*d,9.91*d,11.52*d,9.25*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(11.52*d,9.25*d);c.bezierCurveTo(16.85*d,7.55*d,25.59*d,11.7*d,23.42*d,18.18*d);c.bezierCurveTo(20.67*d,25.9*d,8.87*d,24.13*d,5.83*d,17.6*d);c.bezierCurveTo(4.43*d,13.75*d,7.83*d,9.91*d,11.52*d,9.25*d);c.closePath();var a=c.createLinearGradient(26*d,21*d,7*d,5*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(17*d,13*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble8=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(15*d,29*d,5*d,5*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(10.59*d,8.39*d);c.bezierCurveTo(14.5*d,7.36*d,18.84*d,8.77*d,21.88*d,11.31*d);c.bezierCurveTo(24.05*d,12.9*d,22.94*d,15.93*d,22.1*d,17.96*d);c.bezierCurveTo(20.87*d,20.61*d,18.46*d,23.75*d,15.17*d,23.19*d);c.bezierCurveTo(11.26*d,22.1*d,7.83*d,18.76*d,7.03*d,14.73*d);c.bezierCurveTo(6.47*d,12.12*d,7.98*d,9.17*d,10.59*d,8.39*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(10.59*d,8.39*d);c.bezierCurveTo(14.5*d,7.36*d,18.84*d,8.77*d,21.88*d,11.31*d);c.bezierCurveTo(24.05*d,12.9*d,22.94*d,15.93*d,22.1*d,17.96*d);c.bezierCurveTo(20.87*d,20.61*d,18.46*d,23.75*d,15.17*d,23.19*d);c.bezierCurveTo(11.26*d,22.1*d,7.83*d,18.76*d,7.03*d,14.73*d);c.bezierCurveTo(6.47*d,12.12*d,7.98*d,9.17*d,10.59*d,8.39*d);c.closePath();var a=c.createLinearGradient(23*d,23*d,15*d,5*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(19*d,14*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble9=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(5*d,5*d,15*d,31*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(12.57*d,9.21*d);c.bezierCurveTo(17.05*d,7.43*d,23.17*d,9.15*d,24.29*d,14.32*d);c.bezierCurveTo(25.53*d,18.2*d,21.63*d,20.92*d,18.41*d,21.88*d);c.bezierCurveTo(13.94*d,23.35*d,7.73*d,21.38*d,6.37*d,16.53*d);c.bezierCurveTo(5.6*d,12.77*d,9.4*d,10.11*d,12.57*d,9.21*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(12.57*d,9.21*d);c.bezierCurveTo(17.05*d,7.43*d,23.17*d,9.15*d,24.29*d,14.32*d);c.bezierCurveTo(25.53*d,18.2*d,21.63*d,20.92*d,18.41*d,21.88*d);c.bezierCurveTo(13.94*d,23.35*d,7.73*d,21.38*d,6.37*d,16.53*d);c.bezierCurveTo(5.6*d,12.77*d,9.4*d,10.11*d,12.57*d,9.21*d);c.closePath();var a=c.createLinearGradient(22*d,25*d,23*d,5*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(17*d,12*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble10=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(5*d,5*d,17*d,31*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(13.47*d,7.45*d);c.bezierCurveTo(17.83*d,5.58*d,23.27*d,9.25*d,23.12*d,14.02*d);c.bezierCurveTo(23.85*d,18.3*d,19.51*d,20.65*d,16.41*d,22.46*d);c.bezierCurveTo(12.61*d,24.19*d,9.26*d,19.86*d,8.45*d,16.56*d);c.bezierCurveTo(7.11*d,12.7*d,9.88*d,8.75*d,13.47*d,7.45*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(13.47*d,7.45*d);c.bezierCurveTo(17.83*d,5.58*d,23.27*d,9.25*d,23.12*d,14.02*d);c.bezierCurveTo(23.85*d,18.3*d,19.51*d,20.65*d,16.41*d,22.46*d);c.bezierCurveTo(12.61*d,24.19*d,9.26*d,19.86*d,8.45*d,16.56*d);c.bezierCurveTo(7.11*d,12.7*d,9.88*d,8.75*d,13.47*d,7.45*d);c.closePath();var a=c.createLinearGradient(23*d,26*d,26*d,1*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(15*d,11*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble11=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(15*d,29*d,5*d,5*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(13.56*d,8.12*d);c.bezierCurveTo(17.86*d,6.78*d,23.01*d,9.82*d,23.63*d,14.34*d);c.bezierCurveTo(24.09*d,18.56*d,21.21*d,23.34*d,16.74*d,23.76*d);c.bezierCurveTo(11.87*d,24.53*d,7.56*d,19.78*d,7.78*d,15.08*d);c.bezierCurveTo(7.8*d,11.77*d,10.49*d,8.99*d,13.56*d,8.12*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(13.56*d,8.12*d);c.bezierCurveTo(17.86*d,6.78*d,23.01*d,9.82*d,23.63*d,14.34*d);c.bezierCurveTo(24.09*d,18.56*d,21.21*d,23.34*d,16.74*d,23.76*d);c.bezierCurveTo(11.87*d,24.53*d,7.56*d,19.78*d,7.78*d,15.08*d);c.bezierCurveTo(7.8*d,11.77*d,10.49*d,8.99*d,13.56*d,8.12*d);c.closePath();var a=c.createLinearGradient(23*d,28*d,24*d,0*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(15*d,12*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble12=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(25*d,2*d,0*d,29*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(10.32*d,10.25*d);c.bezierCurveTo(12.27*d,7.25*d,16.15*d,6.43*d,19.5*d,6.44*d);c.bezierCurveTo(22.95*d,12.22*d,20.77*d,20.81*d,14.46*d,23.63*d);c.bezierCurveTo(11.86*d,24.85*d,9.01*d,22.91*d,7.65*d,20.74*d);c.bezierCurveTo(6.91*d,17.07*d,8.35*d,13.3*d,10.32*d,10.25*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(10.32*d,10.25*d);c.bezierCurveTo(12.27*d,7.25*d,16.15*d,6.43*d,19.5*d,6.44*d);c.bezierCurveTo(22.95*d,12.22*d,20.77*d,20.81*d,14.46*d,23.63*d);c.bezierCurveTo(11.86*d,24.85*d,9.01*d,22.91*d,7.65*d,20.74*d);c.bezierCurveTo(6.91*d,17.07*d,8.35*d,13.3*d,10.32*d,10.25*d);c.closePath();var a=c.createLinearGradient(23*d,28*d,27*d,1*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(17*d,9*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble13=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(5*d,24*d,20*d,2*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(9.47*d,8.55*d);c.bezierCurveTo(10.4*d,5.58*d,14.42*d,5.65*d,15.88*d,8.11*d);c.bezierCurveTo(18.52*d,12.5*d,18.59*d,17.92*d,17.93*d,22.85*d);c.bezierCurveTo(15.52*d,24.07*d,12.11*d,23.98*d,10.79*d,21.24*d);c.bezierCurveTo(9.26*d,17.27*d,8.4*d,12.73*d,9.47*d,8.55*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(9.47*d,8.55*d);c.bezierCurveTo(10.4*d,5.58*d,14.42*d,5.65*d,15.88*d,8.11*d);c.bezierCurveTo(18.52*d,12.5*d,18.59*d,17.92*d,17.93*d,22.85*d);c.bezierCurveTo(15.52*d,24.07*d,12.11*d,23.98*d,10.79*d,21.24*d);c.bezierCurveTo(9.26*d,17.27*d,8.4*d,12.73*d,9.47*d,8.55*d);c.closePath();var a=c.createLinearGradient(25*d,26*d,23*d,3*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(13*d,10*d,1,f,e,true);c.closePath();c.stroke()};var jWaterDropsBubble14=function(c,d){c.save();c.lineWidth=jWaterDropslinewidth;if(!jWaterDropsBorderIsChrome){var g=jWaterDropsShadowBlur;c.shadowColor=jWaterDropsShadowColor;c.shadowOffsetX=0;c.shadowOffsetY=0;c.shadowBlur=g}var b=c.createLinearGradient(9*d,23*d,20*d,2*d);b.addColorStop(0,jWaterDropsBorderColorStop1);b.addColorStop(0.3,jWaterDropsBorderColorStop2);b.addColorStop(0.6,jWaterDropsBorderColorStop3);b.addColorStop(0.9,jWaterDropsBorderColorStop4);c.strokeStyle=b;c.globalAlpha=jWaterDropsColorAlpha;c.beginPath();c.moveTo(9.56*d,13.44*d);c.bezierCurveTo(10.45*d,9.42*d,14.23*d,7.03*d,17.88*d,5.82*d);c.bezierCurveTo(20.92*d,8.84*d,22.4*d,13.34*d,21.69*d,17.57*d);c.bezierCurveTo(20.49*d,20.46*d,17.27*d,22.3*d,14.21*d,22.42*d);c.bezierCurveTo(11.41*d,20.43*d,9.02*d,17.02*d,9.56*d,13.44*d);c.closePath();c.stroke();c.restore();c.beginPath();c.moveTo(9.56*d,13.44*d);c.bezierCurveTo(10.45*d,9.42*d,14.23*d,7.03*d,17.88*d,5.82*d);c.bezierCurveTo(20.92*d,8.84*d,22.4*d,13.34*d,21.69*d,17.57*d);c.bezierCurveTo(20.49*d,20.46*d,17.27*d,22.3*d,14.21*d,22.42*d);c.bezierCurveTo(11.41*d,20.43*d,9.02*d,17.02*d,9.56*d,13.44*d);c.closePath();var a=c.createLinearGradient(19*d,27*d,25*d,4*d);a.addColorStop(0,jWaterDropsColorForShade);a.addColorStop(0.4,jWaterDropsTransparent);a.addColorStop(0.8,jWaterDropsTransparent);a.addColorStop(0.9,jWaterDropsTransparent);c.strokeStyle=jWaterDropsTransparent;c.fillStyle=a;c.fill();c.strokeStyle=jWaterDropsLightReflectionColor;c.beginPath();var f=0.25*Math.PI;var e=1*Math.PI;c.arc(17*d,10*d,1,f,e,true);c.closePath();c.stroke()};function getANumber(b,a){return Math.floor(Math.random()*(a-b+1)+b)}function move(c){var a=document.getElementById(c);var b=a.style.left;var d=a.style.top;d=d.replace(/px/g,"");b=b.replace(/px/g,"");if(!b){b=getANumber(0,jWaterDropletsviewportwidth)}if(!d){d=1}else{d=parseFloat(d)+3}if(d>=jWaterDropletsviewportheight){d=1;b=getANumber(1,jWaterDropletsviewportwidth);if(jWaterDropsEnableLoopForFall==true){a.style.display="inline";a.style.position="absolute";a.style.left=b+"px";a.style.top=d+"px";jWaterDropletsTimers.push(setTimeout(function(){move(c)},21))}else{a.style.display="none"}}else{a.style.display="inline";a.style.position="absolute";a.style.left=b+"px";a.style.top=d+"px";jWaterDropletsTimers.push(setTimeout(function(){move(c)},21))}}window.onload=function(){if(!!!document.createElement("canvas").getContext){return}jWaterDropletsviewportwidth=window.innerWidth;jWaterDropletsviewportheight=window.innerHeight;jWaterDropletsviewportheight-=Math.floor((jWaterDropsMaxSizePercentage/100)*jWaterDropsStandardDropCanvasSize);jWaterDropletsviewportwidth-=Math.floor((jWaterDropsMaxSizePercentage/100)*jWaterDropsStandardDropCanvasSize);for(var c=0;c<jWaterDropsNumberOfWaterDroplets;c++){var b=document.createElement("canvas");var e=getANumber(Math.floor((jWaterDropsMinSizePercentage/100)*jWaterDropsStandardDropCanvasSize),Math.floor((jWaterDropsMaxSizePercentage/100)*jWaterDropsStandardDropCanvasSize));b.setAttribute("id","jwaterDropsDropCanvas"+c);b.setAttribute("width",e);b.setAttribute("height",e);b.setAttribute("class","jWaterDroplets");b.setAttribute("data-sizeratio",e/jWaterDropsStandardDropCanvasSize);b.style.display="inline";b.style.position="absolute";b.style.left=getANumber(0,jWaterDropletsviewportwidth)+"px";b.style.top=getANumber(0,(jWaterDropletsviewportheight-e))+"px";b.onmouseover=function(){prepareAndMove(this.id)};b.style.zIndex=0;document.body.appendChild(b);var a=document.getElementById("jwaterDropsDropCanvas"+c).getContext("2d");var d=getANumber(0,jWaterDropsStyles.length);d=jWaterDropsStyles[d];var f=e/jWaterDropsStandardDropCanvasSize;if(d==1){jWaterDropsBubble1(a,f)}if(d==2){jWaterDropsBubble2(a,f)}if(d==3){jWaterDropsBubble3(a,f)}if(d==4){jWaterDropsBubble4(a,f)}if(d==5){jWaterDropsBubble5(a,f)}if(d==6){jWaterDropsBubble6(a,f)}if(d==7){jWaterDropsBubble7(a,f)}if(d==8){jWaterDropsBubble8(a,f)}if(d==9){jWaterDropsBubble9(a,f)}if(d==10){jWaterDropsBubble10(a,f)}if(d==11){jWaterDropsBubble11(a,f)}if(d==12){jWaterDropsBubble12(a,f)}if(d==13){jWaterDropsBubble13(a,f)}if(d==14){jWaterDropsBubble14(a,f)}}};function prepareAndMove(a){move(a)};