File: /home/globfdxw/diasporameetsafrica.com/wp-content/themes/lavelo/assets/js/surface-shader.js
if (jQuery(".surface-shader").length) {
/**
* Defines the Flat Surface Shader namespace for all the awesomeness to exist upon.
* @author Matthew Wagerfield
*/
FSS = {
FRONT : 0,
BACK : 1,
DOUBLE : 2,
SVGNS : 'http://www.w3.org/2000/svg'
};
/**
* @class Array
* @author Matthew Wagerfield
*/
FSS.Array = typeof Float32Array === 'function' ? Float32Array : Array;
/**
* @class Utils
* @author Matthew Wagerfield
*/
FSS.Utils = {
isNumber: function(value) {
return !isNaN(parseFloat(value)) && isFinite(value);
}
};
/**
* Request Animation Frame Polyfill.
* @author Paul Irish
* @see https://gist.github.com/paulirish/1579671
*/
(function() {
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];
for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame'];
}
if (!window.requestAnimationFrame) {
window.requestAnimationFrame = function(callback, element) {
var currentTime = new Date().getTime();
var timeToCall = Math.max(0, 16 - (currentTime - lastTime));
var id = window.setTimeout(function() {
callback(currentTime + timeToCall);
}, timeToCall);
lastTime = currentTime + timeToCall;
return id;
};
}
if (!window.cancelAnimationFrame) {
window.cancelAnimationFrame = function(id) {
clearTimeout(id);
};
}
}());
/**
* @object Math Augmentation
* @author Matthew Wagerfield
*/
Math.PIM2 = Math.PI*2;
Math.PID2 = Math.PI/2;
Math.randomInRange = function(min, max) {
return min + (max - min) * Math.random();
};
Math.clamp = function(value, min, max) {
value = Math.max(value, min);
value = Math.min(value, max);
return value;
};
/**
* @object Vector3
* @author Matthew Wagerfield
*/
FSS.Vector3 = {
create: function(x, y, z) {
var vector = new FSS.Array(3);
this.set(vector, x, y, z);
return vector;
},
clone: function(a) {
var vector = this.create();
this.copy(vector, a);
return vector;
},
set: function(target, x, y, z) {
target[0] = x || 0;
target[1] = y || 0;
target[2] = z || 0;
return this;
},
setX: function(target, x) {
target[0] = x || 0;
return this;
},
setY: function(target, y) {
target[1] = y || 0;
return this;
},
setZ: function(target, z) {
target[2] = z || 0;
return this;
},
copy: function(target, a) {
target[0] = a[0];
target[1] = a[1];
target[2] = a[2];
return this;
},
add: function(target, a) {
target[0] += a[0];
target[1] += a[1];
target[2] += a[2];
return this;
},
addVectors: function(target, a, b) {
target[0] = a[0] + b[0];
target[1] = a[1] + b[1];
target[2] = a[2] + b[2];
return this;
},
addScalar: function(target, s) {
target[0] += s;
target[1] += s;
target[2] += s;
return this;
},
subtract: function(target, a) {
target[0] -= a[0];
target[1] -= a[1];
target[2] -= a[2];
return this;
},
subtractVectors: function(target, a, b) {
target[0] = a[0] - b[0];
target[1] = a[1] - b[1];
target[2] = a[2] - b[2];
return this;
},
subtractScalar: function(target, s) {
target[0] -= s;
target[1] -= s;
target[2] -= s;
return this;
},
multiply: function(target, a) {
target[0] *= a[0];
target[1] *= a[1];
target[2] *= a[2];
return this;
},
multiplyVectors: function(target, a, b) {
target[0] = a[0] * b[0];
target[1] = a[1] * b[1];
target[2] = a[2] * b[2];
return this;
},
multiplyScalar: function(target, s) {
target[0] *= s;
target[1] *= s;
target[2] *= s;
return this;
},
divide: function(target, a) {
target[0] /= a[0];
target[1] /= a[1];
target[2] /= a[2];
return this;
},
divideVectors: function(target, a, b) {
target[0] = a[0] / b[0];
target[1] = a[1] / b[1];
target[2] = a[2] / b[2];
return this;
},
divideScalar: function(target, s) {
if (s !== 0) {
target[0] /= s;
target[1] /= s;
target[2] /= s;
} else {
target[0] = 0;
target[1] = 0;
target[2] = 0;
}
return this;
},
cross: function(target, a) {
var x = target[0];
var y = target[1];
var z = target[2];
target[0] = y*a[2] - z*a[1];
target[1] = z*a[0] - x*a[2];
target[2] = x*a[1] - y*a[0];
return this;
},
crossVectors: function(target, a, b) {
target[0] = a[1]*b[2] - a[2]*b[1];
target[1] = a[2]*b[0] - a[0]*b[2];
target[2] = a[0]*b[1] - a[1]*b[0];
return this;
},
min: function(target, value) {
if (target[0] < value) { target[0] = value; }
if (target[1] < value) { target[1] = value; }
if (target[2] < value) { target[2] = value; }
return this;
},
max: function(target, value) {
if (target[0] > value) { target[0] = value; }
if (target[1] > value) { target[1] = value; }
if (target[2] > value) { target[2] = value; }
return this;
},
clamp: function(target, min, max) {
this.min(target, min);
this.max(target, max);
return this;
},
limit: function(target, min, max) {
var length = this.length(target);
if (min !== null && length < min) {
this.setLength(target, min);
} else if (max !== null && length > max) {
this.setLength(target, max);
}
return this;
},
dot: function(a, b) {
return a[0]*b[0] + a[1]*b[1] + a[2]*b[2];
},
normalise: function(target) {
return this.divideScalar(target, this.length(target));
},
negate: function(target) {
return this.multiplyScalar(target, -1);
},
distanceSquared: function(a, b) {
var dx = a[0] - b[0];
var dy = a[1] - b[1];
var dz = a[2] - b[2];
return dx*dx + dy*dy + dz*dz;
},
distance: function(a, b) {
return Math.sqrt(this.distanceSquared(a, b));
},
lengthSquared: function(a) {
return a[0]*a[0] + a[1]*a[1] + a[2]*a[2];
},
length: function(a) {
return Math.sqrt(this.lengthSquared(a));
},
setLength: function(target, l) {
var length = this.length(target);
if (length !== 0 && l !== length) {
this.multiplyScalar(target, l / length);
}
return this;
}
};
/**
* @object Vector4
* @author Matthew Wagerfield
*/
FSS.Vector4 = {
create: function(x, y, z, w) {
var vector = new FSS.Array(4);
this.set(vector, x, y, z);
return vector;
},
set: function(target, x, y, z, w) {
target[0] = x || 0;
target[1] = y || 0;
target[2] = z || 0;
target[3] = w || 0;
return this;
},
setX: function(target, x) {
target[0] = x || 0;
return this;
},
setY: function(target, y) {
target[1] = y || 0;
return this;
},
setZ: function(target, z) {
target[2] = z || 0;
return this;
},
setW: function(target, w) {
target[3] = w || 0;
return this;
},
add: function(target, a) {
target[0] += a[0];
target[1] += a[1];
target[2] += a[2];
target[3] += a[3];
return this;
},
multiplyVectors: function(target, a, b) {
target[0] = a[0] * b[0];
target[1] = a[1] * b[1];
target[2] = a[2] * b[2];
target[3] = a[3] * b[3];
return this;
},
multiplyScalar: function(target, s) {
target[0] *= s;
target[1] *= s;
target[2] *= s;
target[3] *= s;
return this;
},
min: function(target, value) {
if (target[0] < value) { target[0] = value; }
if (target[1] < value) { target[1] = value; }
if (target[2] < value) { target[2] = value; }
if (target[3] < value) { target[3] = value; }
return this;
},
max: function(target, value) {
if (target[0] > value) { target[0] = value; }
if (target[1] > value) { target[1] = value; }
if (target[2] > value) { target[2] = value; }
if (target[3] > value) { target[3] = value; }
return this;
},
clamp: function(target, min, max) {
this.min(target, min);
this.max(target, max);
return this;
}
};
/**
* @class Color
* @author Matthew Wagerfield
*/
FSS.Color = function(hex, opacity) {
this.rgba = FSS.Vector4.create();
this.hex = hex || '#333';
this.opacity = FSS.Utils.isNumber(opacity) ? opacity : 1;
this.set(this.hex, this.opacity);
};
FSS.Color.prototype = {
set: function(hex, opacity) {
hex = hex.replace('#', '');
var size = hex.length / 3;
this.rgba[0] = parseInt(hex.substring(size*0, size*1), 16) / 255;
this.rgba[1] = parseInt(hex.substring(size*1, size*2), 16) / 255;
this.rgba[2] = parseInt(hex.substring(size*2, size*3), 16) / 255;
this.rgba[3] = FSS.Utils.isNumber(opacity) ? opacity : this.rgba[3];
return this;
},
hexify: function(channel) {
var hex = Math.ceil(channel*255).toString(16);
if (hex.length === 1) { hex = '0' + hex; }
return hex;
},
format: function() {
var r = this.hexify(this.rgba[0]);
var g = this.hexify(this.rgba[1]);
var b = this.hexify(this.rgba[2]);
this.hex = '#' + r + g + b;
return this.hex;
}
};
/**
* @class Object
* @author Matthew Wagerfield
*/
FSS.Object = function() {
this.position = FSS.Vector3.create();
};
FSS.Object.prototype = {
setPosition: function(x, y, z) {
FSS.Vector3.set(this.position, x, y, z);
return this;
}
};
/**
* @class Light
* @author Matthew Wagerfield
*/
FSS.Light = function(ambient, diffuse) {
FSS.Object.call(this);
this.ambient = new FSS.Color(ambient || '#FFFFFF');
this.diffuse = new FSS.Color(diffuse || '#FFFFFF');
this.ray = FSS.Vector3.create();
};
FSS.Light.prototype = Object.create(FSS.Object.prototype);
/**
* @class Vertex
* @author Matthew Wagerfield
*/
FSS.Vertex = function(x, y, z) {
this.position = FSS.Vector3.create(x, y, z);
};
FSS.Vertex.prototype = {
setPosition: function(x, y, z) {
FSS.Vector3.set(this.position, x, y, z);
return this;
}
};
/**
* @class Triangle
* @author Matthew Wagerfield
*/
FSS.Triangle = function(a, b, c) {
this.a = a || new FSS.Vertex();
this.b = b || new FSS.Vertex();
this.c = c || new FSS.Vertex();
this.vertices = [this.a, this.b, this.c];
this.u = FSS.Vector3.create();
this.v = FSS.Vector3.create();
this.centroid = FSS.Vector3.create();
this.normal = FSS.Vector3.create();
this.color = new FSS.Color();
this.polygon = document.createElementNS(FSS.SVGNS, 'polygon');
this.polygon.setAttributeNS(null, 'stroke-linejoin', 'round');
this.polygon.setAttributeNS(null, 'stroke-miterlimit', '1');
this.polygon.setAttributeNS(null, 'stroke-width', '1');
this.computeCentroid();
this.computeNormal();
};
FSS.Triangle.prototype = {
computeCentroid: function() {
this.centroid[0] = this.a.position[0] + this.b.position[0] + this.c.position[0];
this.centroid[1] = this.a.position[1] + this.b.position[1] + this.c.position[1];
this.centroid[2] = this.a.position[2] + this.b.position[2] + this.c.position[2];
FSS.Vector3.divideScalar(this.centroid, 3);
return this;
},
computeNormal: function() {
FSS.Vector3.subtractVectors(this.u, this.b.position, this.a.position);
FSS.Vector3.subtractVectors(this.v, this.c.position, this.a.position);
FSS.Vector3.crossVectors(this.normal, this.u, this.v);
FSS.Vector3.normalise(this.normal);
return this;
}
};
/**
* @class Geometry
* @author Matthew Wagerfield
*/
FSS.Geometry = function() {
this.vertices = [];
this.triangles = [];
this.dirty = false;
};
FSS.Geometry.prototype = {
update: function() {
if (this.dirty) {
var t,triangle;
for (t = this.triangles.length - 1; t >= 0; t--) {
triangle = this.triangles[t];
triangle.computeCentroid();
triangle.computeNormal();
}
this.dirty = false;
}
return this;
}
};
/**
* @class Plane
* @author Matthew Wagerfield
*/
FSS.Plane = function(width, height, segments, slices) {
FSS.Geometry.call(this);
this.width = width || 100;
this.height = height || 100;
this.segments = segments || 4;
this.slices = slices || 4;
this.segmentWidth = this.width / this.segments;
this.sliceHeight = this.height / this.slices;
// Cache Variables
var x, y, v0, v1, v2, v3,
vertex, triangle, vertices = [],
offsetX = this.width * -0.5,
offsetY = this.height * 0.5;
// Add Vertices
for (x = 0; x <= this.segments; x++) {
vertices.push([]);
for (y = 0; y <= this.slices; y++) {
vertex = new FSS.Vertex(offsetX + x*this.segmentWidth, offsetY - y*this.sliceHeight);
vertices[x].push(vertex);
this.vertices.push(vertex);
}
}
// Add Triangles
for (x = 0; x < this.segments; x++) {
for (y = 0; y < this.slices; y++) {
v0 = vertices[x+0][y+0];
v1 = vertices[x+0][y+1];
v2 = vertices[x+1][y+0];
v3 = vertices[x+1][y+1];
t0 = new FSS.Triangle(v0, v1, v2);
t1 = new FSS.Triangle(v2, v1, v3);
this.triangles.push(t0, t1);
}
}
};
FSS.Plane.prototype = Object.create(FSS.Geometry.prototype);
/**
* @class Material
* @author Matthew Wagerfield
*/
FSS.Material = function(ambient, diffuse) {
this.ambient = new FSS.Color(ambient || '#f20000');
this.diffuse = new FSS.Color(diffuse || '#f20000');
this.slave = new FSS.Color();
};
/**
* @class Mesh
* @author Matthew Wagerfield
*/
FSS.Mesh = function(geometry, material) {
FSS.Object.call(this);
this.geometry = geometry || new FSS.Geometry();
this.material = material || new FSS.Material();
this.side = FSS.FRONT;
this.visible = true;
};
FSS.Mesh.prototype = Object.create(FSS.Object.prototype);
FSS.Mesh.prototype.update = function(lights, calculate) {
var t,triangle, l,light, illuminance;
// Update Geometry
this.geometry.update();
// Calculate the triangle colors
if (calculate) {
// Iterate through Triangles
for (t = this.geometry.triangles.length - 1; t >= 0; t--) {
triangle = this.geometry.triangles[t];
// Reset Triangle Color
FSS.Vector4.set(triangle.color.rgba);
// Iterate through Lights
for (l = lights.length - 1; l >= 0; l--) {
light = lights[l];
// Calculate Illuminance
FSS.Vector3.subtractVectors(light.ray, light.position, triangle.centroid);
FSS.Vector3.normalise(light.ray);
illuminance = FSS.Vector3.dot(triangle.normal, light.ray);
if (this.side === FSS.FRONT) {
illuminance = Math.max(illuminance, 0);
} else if (this.side === FSS.BACK) {
illuminance = Math.abs(Math.min(illuminance, 0));
} else if (this.side === FSS.DOUBLE) {
illuminance = Math.max(Math.abs(illuminance), 0);
}
// Calculate Ambient Light
FSS.Vector4.multiplyVectors(this.material.slave.rgba, this.material.ambient.rgba, light.ambient.rgba);
FSS.Vector4.add(triangle.color.rgba, this.material.slave.rgba);
// Calculate Diffuse Light
FSS.Vector4.multiplyVectors(this.material.slave.rgba, this.material.diffuse.rgba, light.diffuse.rgba);
FSS.Vector4.multiplyScalar(this.material.slave.rgba, illuminance);
FSS.Vector4.add(triangle.color.rgba, this.material.slave.rgba);
}
// Clamp & Format Color
FSS.Vector4.clamp(triangle.color.rgba, 0, 1);
}
}
return this;
};
/**
* @class Scene
* @author Matthew Wagerfield
*/
FSS.Scene = function() {
this.meshes = [];
this.lights = [];
};
FSS.Scene.prototype = {
add: function(object) {
if (object instanceof FSS.Mesh && !~this.meshes.indexOf(object)) {
this.meshes.push(object);
} else if (object instanceof FSS.Light && !~this.lights.indexOf(object)) {
this.lights.push(object);
}
return this;
},
remove: function(object) {
if (object instanceof FSS.Mesh && ~this.meshes.indexOf(object)) {
this.meshes.splice(this.meshes.indexOf(object), 1);
} else if (object instanceof FSS.Light && ~this.lights.indexOf(object)) {
this.lights.splice(this.lights.indexOf(object), 1);
}
return this;
}
};
/**
* @class Renderer
* @author Matthew Wagerfield
*/
FSS.Renderer = function() {
this.width = 0;
this.height = 0;
this.halfWidth = 0;
this.halfHeight = 0;
};
FSS.Renderer.prototype = {
setSize: function(width, height) {
if (this.width === width && this.height === height) return;
this.width = width;
this.height = height;
this.halfWidth = this.width * 0.5;
this.halfHeight = this.height * 0.5;
return this;
},
clear: function() {
return this;
},
render: function(scene) {
return this;
}
};
/**
* @class Canvas Renderer
* @author Matthew Wagerfield
*/
FSS.CanvasRenderer = function() {
FSS.Renderer.call(this);
this.element = document.createElement('canvas');
this.element.style.display = 'block';
this.element.setAttribute("id", "myCanvas");
this.context = this.element.getContext('2d');
//this.element.style.filter = "blur(10px)";
this.setSize(this.element.width, this.element.height);
};
FSS.CanvasRenderer.prototype = Object.create(FSS.Renderer.prototype);
FSS.CanvasRenderer.prototype.setSize = function(width, height) {
FSS.Renderer.prototype.setSize.call(this, width, height);
this.element.width = width;
this.element.height = height;
this.context.setTransform(1, 0, 0, -1, this.halfWidth, this.halfHeight);
return this;
};
FSS.CanvasRenderer.prototype.clear = function() {
FSS.Renderer.prototype.clear.call(this);
this.context.clearRect(-this.halfWidth, -this.halfHeight, this.width, this.height);
return this;
};
FSS.CanvasRenderer.prototype.render = function(scene) {
FSS.Renderer.prototype.render.call(this, scene);
var m,mesh, t,triangle, color;
// Clear Context
this.clear();
// Configure Context
this.context.lineJoin = 'round';
this.context.lineWidth = 1;
// Update Meshes
for (m = scene.meshes.length - 1; m >= 0; m--) {
mesh = scene.meshes[m];
if (mesh.visible) {
mesh.update(scene.lights, true);
// Render Triangles
for (t = mesh.geometry.triangles.length - 1; t >= 0; t--) {
triangle = mesh.geometry.triangles[t];
color = triangle.color.format();
this.context.beginPath();
this.context.moveTo(triangle.a.position[0], triangle.a.position[1]);
this.context.lineTo(triangle.b.position[0], triangle.b.position[1]);
this.context.lineTo(triangle.c.position[0], triangle.c.position[1]);
this.context.closePath();
this.context.strokeStyle = color;
this.context.fillStyle = color;
this.context.stroke();
this.context.fill();
}
}
}
return this;
};
/**
* @class WebGL Renderer
* @author Matthew Wagerfield
*/
FSS.WebGLRenderer = function() {
FSS.Renderer.call(this);
this.element = document.createElement('canvas');
this.element.style.display = 'block';
// Set initial vertex and light count
this.vertices = null;
this.lights = null;
// Create parameters object
var parameters = {
preserveDrawingBuffer: false,
premultipliedAlpha: true,
antialias: true,
stencil: true,
alpha: true
};
// Create and configure the gl context
this.gl = this.getContext(this.element, parameters);
// Set the internal support flag
this.unsupported = !this.gl;
// Setup renderer
if (this.unsupported) {
return 'WebGL is not supported by your browser.';
} else {
this.gl.clearColor(0.0, 0.0, 0.0, 0.0);
this.gl.enable(this.gl.DEPTH_TEST);
this.setSize(this.element.width, this.element.height);
}
};
FSS.WebGLRenderer.prototype = Object.create(FSS.Renderer.prototype);
FSS.WebGLRenderer.prototype.getContext = function(canvas, parameters) {
var context = false;
try {
if (!(context = canvas.getContext('experimental-webgl', parameters))) {
throw 'Error creating WebGL context.';
}
} catch (error) {
console.error(error);
}
return context;
};
FSS.WebGLRenderer.prototype.setSize = function(width, height) {
FSS.Renderer.prototype.setSize.call(this, width, height);
if (this.unsupported) return;
// Set the size of the canvas element
this.element.width = width;
this.element.height = height;
// Set the size of the gl viewport
this.gl.viewport(0, 0, width, height);
return this;
};
FSS.WebGLRenderer.prototype.clear = function() {
FSS.Renderer.prototype.clear.call(this);
if (this.unsupported) return;
this.gl.clear(this.gl.COLOR_BUFFER_BIT | this.gl.DEPTH_BUFFER_BIT);
return this;
};
FSS.WebGLRenderer.prototype.render = function(scene) {
FSS.Renderer.prototype.render.call(this, scene);
if (this.unsupported) return;
var m,mesh, t,tl,triangle, l,light,
attribute, uniform, buffer, data, location,
update = false, lights = scene.lights.length,
index, v,vl,vetex,vertices = 0;
// Clear context
this.clear();
// Build the shader program
if (this.lights !== lights) {
this.lights = lights;
if (this.lights > 0) {
this.buildProgram(lights);
} else {
return;
}
}
// Update program
if (!!this.program) {
// Increment vertex counter
for (m = scene.meshes.length - 1; m >= 0; m--) {
mesh = scene.meshes[m];
if (mesh.geometry.dirty) update = true;
mesh.update(scene.lights, false);
vertices += mesh.geometry.triangles.length*3;
}
// Compare vertex counter
if (update || this.vertices !== vertices) {
this.vertices = vertices;
// Build buffers
for (attribute in this.program.attributes) {
buffer = this.program.attributes[attribute];
buffer.data = new FSS.Array(vertices*buffer.size);
// Reset vertex index
index = 0;
// Update attribute buffer data
for (m = scene.meshes.length - 1; m >= 0; m--) {
mesh = scene.meshes[m];
for (t = 0, tl = mesh.geometry.triangles.length; t < tl; t++) {
triangle = mesh.geometry.triangles[t];
for (v = 0, vl = triangle.vertices.length; v < vl; v++) {
vertex = triangle.vertices[v];
switch (attribute) {
case 'side':
this.setBufferData(index, buffer, mesh.side);
break;
case 'position':
this.setBufferData(index, buffer, vertex.position);
break;
case 'centroid':
this.setBufferData(index, buffer, triangle.centroid);
break;
case 'normal':
this.setBufferData(index, buffer, triangle.normal);
break;
case 'ambient':
this.setBufferData(index, buffer, mesh.material.ambient.rgba);
break;
case 'diffuse':
this.setBufferData(index, buffer, mesh.material.diffuse.rgba);
break;
}
index++;
}
}
}
// Upload attribute buffer data
this.gl.bindBuffer(this.gl.ARRAY_BUFFER, buffer.buffer);
this.gl.bufferData(this.gl.ARRAY_BUFFER, buffer.data, this.gl.DYNAMIC_DRAW);
this.gl.enableVertexAttribArray(buffer.location);
this.gl.vertexAttribPointer(buffer.location, buffer.size, this.gl.FLOAT, false, 0, 0);
}
}
// Build uniform buffers
this.setBufferData(0, this.program.uniforms.resolution, [this.width, this.height, this.width]);
for (l = lights-1; l >= 0; l--) {
light = scene.lights[l];
this.setBufferData(l, this.program.uniforms.lightPosition, light.position);
this.setBufferData(l, this.program.uniforms.lightAmbient, light.ambient.rgba);
this.setBufferData(l, this.program.uniforms.lightDiffuse, light.diffuse.rgba);
}
// Update uniforms
for (uniform in this.program.uniforms) {
buffer = this.program.uniforms[uniform];
location = buffer.location;
data = buffer.data;
switch (buffer.structure) {
case '3f':
this.gl.uniform3f(location, data[0], data[1], data[2]);
break;
case '3fv':
this.gl.uniform3fv(location, data);
break;
case '4fv':
this.gl.uniform4fv(location, data);
break;
}
}
}
this.gl.drawArrays(this.gl.TRIANGLES, 0, this.vertices);
return this;
};
FSS.WebGLRenderer.prototype.setBufferData = function(index, buffer, value) {
if (FSS.Utils.isNumber(value)) {
buffer.data[index*buffer.size] = value;
} else {
for (var i = value.length - 1; i >= 0; i--) {
buffer.data[index*buffer.size+i] = value[i];
}
}
};
/**
* Concepts taken from three.js WebGLRenderer
* @see https://github.com/mrdoob/three.js/blob/master/src/renderers/WebGLRenderer.js
*/
FSS.WebGLRenderer.prototype.buildProgram = function(lights) {
if (this.unsupported) return;
// Create shader source
var vs = FSS.WebGLRenderer.VS(lights);
var fs = FSS.WebGLRenderer.FS(lights);
// Derive the shader fingerprint
var code = vs + fs;
// Check if the program has already been compiled
if (!!this.program && this.program.code === code) return;
// Create the program and shaders
var program = this.gl.createProgram();
var vertexShader = this.buildShader(this.gl.VERTEX_SHADER, vs);
var fragmentShader = this.buildShader(this.gl.FRAGMENT_SHADER, fs);
// Attach an link the shader
this.gl.attachShader(program, vertexShader);
this.gl.attachShader(program, fragmentShader);
this.gl.linkProgram(program);
// Add error handling
if (!this.gl.getProgramParameter(program, this.gl.LINK_STATUS)) {
var error = this.gl.getError();
var status = this.gl.getProgramParameter(program, this.gl.VALIDATE_STATUS);
console.error('Could not initialise shader.\nVALIDATE_STATUS: '+status+'\nERROR: '+error);
return null;
}
// Delete the shader
this.gl.deleteShader(fragmentShader);
this.gl.deleteShader(vertexShader);
// Set the program code
program.code = code;
// Add the program attributes
program.attributes = {
side: this.buildBuffer(program, 'attribute', 'aSide', 1, 'f' ),
position: this.buildBuffer(program, 'attribute', 'aPosition', 3, 'v3'),
centroid: this.buildBuffer(program, 'attribute', 'aCentroid', 3, 'v3'),
normal: this.buildBuffer(program, 'attribute', 'aNormal', 3, 'v3'),
ambient: this.buildBuffer(program, 'attribute', 'aAmbient', 4, 'v4'),
diffuse: this.buildBuffer(program, 'attribute', 'aDiffuse', 4, 'v4')
};
// Add the program uniforms
program.uniforms = {
resolution: this.buildBuffer(program, 'uniform', 'uResolution', 3, '3f', 1 ),
lightPosition: this.buildBuffer(program, 'uniform', 'uLightPosition', 3, '3fv', lights),
lightAmbient: this.buildBuffer(program, 'uniform', 'uLightAmbient', 4, '4fv', lights),
lightDiffuse: this.buildBuffer(program, 'uniform', 'uLightDiffuse', 4, '4fv', lights)
};
// Set the renderer program
this.program = program;
// Enable program
this.gl.useProgram(this.program);
// Return the program
return program;
};
FSS.WebGLRenderer.prototype.buildShader = function(type, source) {
if (this.unsupported) return;
// Create and compile shader
var shader = this.gl.createShader(type);
this.gl.shaderSource(shader, source);
this.gl.compileShader(shader);
// Add error handling
if (!this.gl.getShaderParameter(shader, this.gl.COMPILE_STATUS)) {
console.error(this.gl.getShaderInfoLog(shader));
return null;
}
// Return the shader
return shader;
};
FSS.WebGLRenderer.prototype.buildBuffer = function(program, type, identifier, size, structure, count) {
var buffer = {buffer:this.gl.createBuffer(), size:size, structure:structure, data:null};
// Set the location
switch (type) {
case 'attribute':
buffer.location = this.gl.getAttribLocation(program, identifier);
break;
case 'uniform':
buffer.location = this.gl.getUniformLocation(program, identifier);
break;
}
// Create the buffer if count is provided
if (!!count) {
buffer.data = new FSS.Array(count*size);
}
// Return the buffer
return buffer;
};
FSS.WebGLRenderer.VS = function(lights) {
var shader = [
// Precision
'precision mediump float;',
// Lights
'#define LIGHTS ' + lights,
// Attributes
'attribute float aSide;',
'attribute vec3 aPosition;',
'attribute vec3 aCentroid;',
'attribute vec3 aNormal;',
'attribute vec4 aAmbient;',
'attribute vec4 aDiffuse;',
// Uniforms
'uniform vec3 uResolution;',
'uniform vec3 uLightPosition[LIGHTS];',
'uniform vec4 uLightAmbient[LIGHTS];',
'uniform vec4 uLightDiffuse[LIGHTS];',
// Varyings
'varying vec4 vColor;',
// Main
'void main() {',
// Create color
'vColor = vec4(0.0);',
// Calculate the vertex position
'vec3 position = aPosition / uResolution * 2.0;',
// Iterate through lights
'for (int i = 0; i < LIGHTS; i++) {',
'vec3 lightPosition = uLightPosition[i];',
'vec4 lightAmbient = uLightAmbient[i];',
'vec4 lightDiffuse = uLightDiffuse[i];',
// Calculate illuminance
'vec3 ray = normalize(lightPosition - aCentroid);',
'float illuminance = dot(aNormal, ray);',
'if (aSide == 0.0) {',
'illuminance = max(illuminance, 0.0);',
'} else if (aSide == 1.0) {',
'illuminance = abs(min(illuminance, 0.0));',
'} else if (aSide == 2.0) {',
'illuminance = max(abs(illuminance), 0.0);',
'}',
// Calculate ambient light
'vColor += aAmbient * lightAmbient;',
// Calculate diffuse light
'vColor += aDiffuse * lightDiffuse * illuminance;',
'}',
// Clamp color
'vColor = clamp(vColor, 0.0, 1.0);',
// Set gl_Position
'gl_Position = vec4(position, 1.0);',
'}'
// Return the shader
].join('\n');
return shader;
};
FSS.WebGLRenderer.FS = function(lights) {
var shader = [
// Precision
'precision mediump float;',
// Varyings
'varying vec4 vColor;',
// Main
'void main() {',
// Set gl_FragColor
'gl_FragColor = vColor;',
'}'
// Return the shader
].join('\n');
return shader;
};
/**
* @class SVG Renderer
* @author Matthew Wagerfield
*/
FSS.SVGRenderer = function() {
FSS.Renderer.call(this);
this.element = document.createElementNS(FSS.SVGNS, 'svg');
this.element.setAttribute('xmlns', FSS.SVGNS);
this.element.setAttribute('version', '1.1');
this.element.style.display = 'block';
this.setSize(300, 150);
};
FSS.SVGRenderer.prototype = Object.create(FSS.Renderer.prototype);
FSS.SVGRenderer.prototype.setSize = function(width, height) {
FSS.Renderer.prototype.setSize.call(this, width, height);
this.element.setAttribute('width', width);
this.element.setAttribute('height', height);
return this;
};
FSS.SVGRenderer.prototype.clear = function() {
FSS.Renderer.prototype.clear.call(this);
for (var i = this.element.childNodes.length - 1; i >= 0; i--) {
this.element.removeChild(this.element.childNodes[i]);
}
return this;
};
FSS.SVGRenderer.prototype.render = function(scene) {
FSS.Renderer.prototype.render.call(this, scene);
var m,mesh, t,triangle, points, style;
// Update Meshes
for (m = scene.meshes.length - 1; m >= 0; m--) {
mesh = scene.meshes[m];
if (mesh.visible) {
mesh.update(scene.lights, true);
// Render Triangles
for (t = mesh.geometry.triangles.length - 1; t >= 0; t--) {
triangle = mesh.geometry.triangles[t];
if (triangle.polygon.parentNode !== this.element) {
this.element.appendChild(triangle.polygon);
}
points = this.formatPoint(triangle.a)+' ';
points += this.formatPoint(triangle.b)+' ';
points += this.formatPoint(triangle.c);
style = this.formatStyle(triangle.color.format());
triangle.polygon.setAttributeNS(null, 'points', points);
triangle.polygon.setAttributeNS(null, 'style', style);
}
}
}
return this;
};
FSS.SVGRenderer.prototype.formatPoint = function(vertex) {
return (this.halfWidth+vertex.position[0])+','+(this.halfHeight-vertex.position[1]);
};
FSS.SVGRenderer.prototype.formatStyle = function(color) {
var style = 'fill:'+color+';';
style += 'stroke:'+color+';';
return style;
};
////////////////////////////////
////////////////////////////////
////////////////////////////////
(function(){
//------------------------------
// Mesh Properties
//------------------------------
var MESH = {
width: 1.8,
height: 1.8,
depth: 10,
segments: 36,
slices: 8,
xRange: 0.8,
yRange: 0.1,
zRange: 1.0,
ambient: '#5e9a8e',
diffuse: '#5e9a8e',
speed: 0.0001
};
//------------------------------
// Light Properties
//------------------------------
var LIGHT = {
count: 2,
xyScalar: 1,
zOffset: 100,
ambient: '#000000',
diffuse: '#ffffff',
speed: 0.0002,
gravity: 500,
dampening: 0.95,
minLimit: 10,
maxLimit: null,
minDistance: 20,
maxDistance: 400,
autopilot: true,
draw: false,
bounds: FSS.Vector3.create(),
step: FSS.Vector3.create(
Math.randomInRange(0.2, 1.0),
Math.randomInRange(0.2, 1.0),
Math.randomInRange(0.2, 1.0)
)
};
//------------------------------
// Render Properties
//------------------------------
var RENDER = {
renderer: 'canvas'
};
//------------------------------
// Global Properties
//------------------------------
var now, start = Date.now();
var center = FSS.Vector3.create();
var attractor = FSS.Vector3.create();
var container = document.getElementById('container');
var output = document.getElementById('output');
var renderer, scene, mesh, geometry, material;
var canvasRenderer;
var gui, autopilotController;
//------------------------------
// Methods
//------------------------------
function initialise() {
createRenderer();
createScene();
createMesh();
createLights();
addEventListeners();
resize(container.offsetWidth, container.offsetHeight);
animate();
}
function createRenderer() {
canvasRenderer = new FSS.CanvasRenderer();
setRenderer(RENDER.renderer);
}
function setRenderer(index) {
if (renderer) {
output.removeChild(renderer.element);
}
renderer = canvasRenderer;
renderer.setSize(container.offsetWidth, container.offsetHeight);
output.appendChild(renderer.element);
}
function createScene() {
scene = new FSS.Scene();
}
function createMesh() {
scene.remove(mesh);
renderer.clear();
geometry = new FSS.Plane(MESH.width * renderer.width, MESH.height * renderer.height, MESH.segments, MESH.slices);
material = new FSS.Material(MESH.ambient, MESH.diffuse);
mesh = new FSS.Mesh(geometry, material);
scene.add(mesh);
// Augment vertices for animation
var v, vertex;
for (v = geometry.vertices.length - 1; v >= 0; v--) {
vertex = geometry.vertices[v];
vertex.anchor = FSS.Vector3.clone(vertex.position);
vertex.step = FSS.Vector3.create(
Math.randomInRange(0.2, 1.0),
Math.randomInRange(0.2, 1.0),
Math.randomInRange(0.2, 1.0)
);
vertex.time = Math.randomInRange(0, Math.PIM2);
}
}
function createLights() {
var l, light;
for (l = scene.lights.length - 1; l >= 0; l--) {
light = scene.lights[l];
scene.remove(light);
}
renderer.clear();
for (l = 0; l < LIGHT.count; l++) {
light = new FSS.Light(LIGHT.ambient, LIGHT.diffuse);
light.ambientHex = light.ambient.format();
light.diffuseHex = light.diffuse.format();
scene.add(light);
// Augment light for animation
light.mass = Math.randomInRange(0.5, 1);
light.velocity = FSS.Vector3.create();
light.acceleration = FSS.Vector3.create();
light.force = FSS.Vector3.create();
// Ring SVG Circle
light.ring = document.createElementNS(FSS.SVGNS, 'circle');
light.ring.setAttributeNS(null, 'stroke', light.ambientHex);
light.ring.setAttributeNS(null, 'stroke-width', '0.5');
light.ring.setAttributeNS(null, 'fill', 'none');
light.ring.setAttributeNS(null, 'r', '10');
// Core SVG Circle
light.core = document.createElementNS(FSS.SVGNS, 'circle');
light.core.setAttributeNS(null, 'fill', light.diffuseHex);
light.core.setAttributeNS(null, 'r', '4');
}
}
function resize(width, height) {
renderer.setSize(width, height);
FSS.Vector3.set(center, renderer.halfWidth, renderer.halfHeight);
createMesh();
}
function animate() {
now = Date.now() - start;
update();
render();
requestAnimationFrame(animate);
}
function update() {
var ox, oy, oz, l, light, v, vertex, offset = MESH.depth/2;
// Update Bounds
FSS.Vector3.copy(LIGHT.bounds, center);
FSS.Vector3.multiplyScalar(LIGHT.bounds, LIGHT.xyScalar);
// Update Attractor
FSS.Vector3.setZ(attractor, LIGHT.zOffset);
// Overwrite the Attractor position
if (LIGHT.autopilot) {
ox = Math.sin(LIGHT.step[0] * now * LIGHT.speed);
oy = Math.cos(LIGHT.step[1] * now * LIGHT.speed);
FSS.Vector3.set(attractor,
LIGHT.bounds[0]*ox,
LIGHT.bounds[1]*oy,
LIGHT.zOffset);
}
// Animate Lights
for (l = scene.lights.length - 1; l >= 0; l--) {
light = scene.lights[l];
// Reset the z position of the light
FSS.Vector3.setZ(light.position, LIGHT.zOffset);
// Calculate the force Luke!
var D = Math.clamp(FSS.Vector3.distanceSquared(light.position, attractor), LIGHT.minDistance, LIGHT.maxDistance);
var F = LIGHT.gravity * light.mass / D;
FSS.Vector3.subtractVectors(light.force, attractor, light.position);
FSS.Vector3.normalise(light.force);
FSS.Vector3.multiplyScalar(light.force, F);
// Update the light position
FSS.Vector3.set(light.acceleration);
FSS.Vector3.add(light.acceleration, light.force);
FSS.Vector3.add(light.velocity, light.acceleration);
FSS.Vector3.multiplyScalar(light.velocity, LIGHT.dampening);
FSS.Vector3.limit(light.velocity, LIGHT.minLimit, LIGHT.maxLimit);
FSS.Vector3.add(light.position, light.velocity);
}
// Animate Vertices
for (v = geometry.vertices.length - 1; v >= 0; v--) {
vertex = geometry.vertices[v];
ox = Math.sin(vertex.time + vertex.step[0] * now * MESH.speed);
oy = Math.cos(vertex.time + vertex.step[1] * now * MESH.speed);
oz = Math.sin(vertex.time + vertex.step[2] * now * MESH.speed);
FSS.Vector3.set(vertex.position,
MESH.xRange*geometry.segmentWidth*ox,
MESH.yRange*geometry.sliceHeight*oy,
MESH.zRange*offset*oz - offset);
FSS.Vector3.add(vertex.position, vertex.anchor);
}
// Set the Geometry to dirty
geometry.dirty = true;
}
function render() {
renderer.render(scene);
// Draw Lights
if (LIGHT.draw) {
var l, lx, ly, light;
for (l = scene.lights.length - 1; l >= 0; l--) {
light = scene.lights[l];
lx = light.position[0];
ly = light.position[1];
renderer.context.lineWidth = 0.5;
renderer.context.beginPath();
renderer.context.arc(lx, ly, 10, 0, Math.PIM2);
renderer.context.strokeStyle = light.ambientHex;
renderer.context.stroke();
renderer.context.beginPath();
renderer.context.arc(lx, ly, 4, 0, Math.PIM2);
renderer.context.fillStyle = light.diffuseHex;
renderer.context.fill();
}
}
}
function addEventListeners() {
window.addEventListener('resize', onWindowResize);
//container.addEventListener('mousemove', onMouseMove);
}
//------------------------------
// Callbacks
//------------------------------
function onMouseMove(event) {
FSS.Vector3.set(attractor, event.x, renderer.height - event.y);
FSS.Vector3.subtract(attractor, center);
}
function onWindowResize(event) {
resize(container.offsetWidth, container.offsetHeight);
render();
}
// Let there be light!
initialise();
})();
}
if (jQuery(".video-player").length) {
/*___________________________________________________________________________________________________________________________________________________
_ jquery.mb.components _
_ _
_ file: jquery.mb.YTPlayer.src.js _
_ last modified: 11/05/17 19.54 _
_ _
_ Open Lab s.r.l., Florence - Italy _
_ _
_ email: matteo@open-lab.com _
_ site: http://pupunzi.com _
_ http://open-lab.com _
_ blog: http://pupunzi.open-lab.com _
_ Q&A: http://jquery.pupunzi.com _
_ _
_ Licences: MIT, GPL _
_ http://www.opensource.org/licenses/mit-license.php _
_ http://www.gnu.org/licenses/gpl.html _
_ _
_ Copyright (c) 2001-2017. Matteo Bicocchi (Pupunzi); _
___________________________________________________________________________________________________________________________________________________*/
var ytp = ytp || {};
function onYouTubeIframeAPIReady() {
if( ytp.YTAPIReady ) return;
ytp.YTAPIReady = true;
jQuery( document ).trigger( "YTAPIReady" );
}
//window.onYouTubeIframeAPIReady = onYouTubeIframeAPIReady;
var getYTPVideoID = function( url ) {
var videoID, playlistID;
if( url.indexOf( "youtu.be" ) > 0 ) {
videoID = url.substr( url.lastIndexOf( "/" ) + 1, url.length );
playlistID = videoID.indexOf( "?list=" ) > 0 ? videoID.substr( videoID.lastIndexOf( "=" ), videoID.length ) : null;
videoID = playlistID ? videoID.substr( 0, videoID.lastIndexOf( "?" ) ) : videoID;
} else if( url.indexOf( "http" ) > -1 ) {
videoID = url.match( /([\/&]v\/([^&#]*))|([\\?&]v=([^&#]*))/ )[ 1 ];
videoID = url.match( /[\\?&]v=([^&#]*)/ )[ 1 ];
playlistID = url.indexOf( "list=" ) > 0 ? url.match( /[\\?&]list=([^&#]*)/ )[ 1 ] : null;
} else {
videoID = url.length > 15 ? null : url;
playlistID = videoID ? null : url;
}
return {
videoID: videoID,
playlistID: playlistID
};
};
( function( jQuery, ytp ) {
jQuery.mbYTPlayer = {
name: "jquery.mb.YTPlayer",
version: "3.1.0",
build: "6367",
author: "Matteo Bicocchi (pupunzi)",
apiKey: "",
defaults: {
containment: "body",
ratio: "auto", // "auto", "16/9", "4/3" or number: 4/3, 16/9
videoURL: null,
playlistURL: null,
startAt: 0,
stopAt: 0,
autoPlay: true,
vol: 50, // 1 to 100
addRaster: false,
mask: false,
opacity: 1,
quality: "default", //or “small”, “medium”, “large”, “hd720”, “hd1080”, “highres”
mute: false,
loop: true,
fadeOnStartTime: 500, //fade in timing at video start
showControls: true,
showAnnotations: false,
showYTLogo: true,
stopMovieOnBlur: true,
realfullscreen: true,
mobileFallbackImage: null,
gaTrack: true,
optimizeDisplay: true,
remember_last_time: false,
playOnlyIfVisible: false,
anchor: "center,center", // top,bottom,left,right combined in pair
onReady: function( player ) {},
onError: function( player, err ) {}
},
/**
* @fontface icons
* */
controls: {
play: "P",
pause: "p",
mute: "M",
unmute: "A",
onlyYT: "O",
showSite: "R",
ytLogo: "Y"
},
controlBar: null,
loading: null,
locationProtocol: "https:",
filters: {
grayscale: {
value: 0,
unit: "%"
},
hue_rotate: {
value: 0,
unit: "deg"
},
invert: {
value: 0,
unit: "%"
},
opacity: {
value: 0,
unit: "%"
},
saturate: {
value: 0,
unit: "%"
},
sepia: {
value: 0,
unit: "%"
},
brightness: {
value: 0,
unit: "%"
},
contrast: {
value: 0,
unit: "%"
},
blur: {
value: 0,
unit: "px"
}
},
/**
* buildPlayer
*
* @param options
* @returns [players]
*/
buildPlayer: function( options ) {
return this.each( function() {
var YTPlayer = this;
var $YTPlayer = jQuery( YTPlayer );
YTPlayer.loop = 0;
YTPlayer.opt = {};
YTPlayer.state = 0;
YTPlayer.filters = jQuery.mbYTPlayer.filters;
YTPlayer.filtersEnabled = true;
YTPlayer.id = YTPlayer.id || "YTP_" + new Date().getTime();
$YTPlayer.addClass( "mb_YTPlayer" );
var property = $YTPlayer.data( "property" ) && typeof $YTPlayer.data( "property" ) == "string" ? eval( '(' + $YTPlayer.data( "property" ) + ')' ) : $YTPlayer.data( "property" );
if( typeof property != "undefined" && typeof property.vol != "undefined" ) {
if( property.vol === 0 ) {
property.vol = 1;
property.mute = true;
}
}
jQuery.extend( YTPlayer.opt, jQuery.mbYTPlayer.defaults, options, property );
if( !YTPlayer.hasChanged ) {
YTPlayer.defaultOpt = {};
jQuery.extend( YTPlayer.defaultOpt, jQuery.mbYTPlayer.defaults, options );
}
if( YTPlayer.opt.loop == "true" )
YTPlayer.opt.loop = 9999;
YTPlayer.isRetina = ( window.retina || window.devicePixelRatio > 1 );
var isIframe = function() {
var isIfr = false;
try {
if( self.location.href != top.location.href ) isIfr = true;
} catch( e ) {
isIfr = true;
}
return isIfr;
};
/**
* Enable fullscreen also for IE and Edge
* @type {boolean}
*/
//YTPlayer.canGoFullScreen = !( jQuery.mbBrowser.msie || jQuery.mbBrowser.opera || isIframe() );
YTPlayer.canGoFullScreen = !( isIframe() );
if( !YTPlayer.canGoFullScreen ) YTPlayer.opt.realfullscreen = false;
if( !$YTPlayer.attr( "id" ) ) $YTPlayer.attr( "id", "ytp_" + new Date().getTime() );
var playerID = "iframe_" + YTPlayer.id;
YTPlayer.isAlone = false;
YTPlayer.hasFocus = true;
YTPlayer.videoID = this.opt.videoURL ? getYTPVideoID( this.opt.videoURL ).videoID : $YTPlayer.attr( "href" ) ? getYTPVideoID( $YTPlayer.attr( "href" ) ).videoID : false;
YTPlayer.playlistID = this.opt.videoURL ? getYTPVideoID( this.opt.videoURL ).playlistID : $YTPlayer.attr( "href" ) ? getYTPVideoID( $YTPlayer.attr( "href" ) ).playlistID : false;
YTPlayer.opt.showAnnotations = YTPlayer.opt.showAnnotations ? '1' : '3';
var start_from_last = 0;
if( jQuery.mbCookie.get( "YTPlayer_start_from" + YTPlayer.videoID ) )
start_from_last = parseFloat( jQuery.mbCookie.get( "YTPlayer_start_from" + YTPlayer.videoID ) );
if( YTPlayer.opt.remember_last_time && start_from_last ) {
YTPlayer.start_from_last = start_from_last;
jQuery.mbCookie.remove( "YTPlayer_start_from" + YTPlayer.videoID );
}
if( jQuery.browser.mobile ) {
YTPlayer.opt.showControls = false;
}
/*
if( jQuery.browser.mobile )
YTPlayer.opt.autoPlay = false;
*/
var playerVars = {
'modestbranding': 1,
'autoplay': jQuery.browser.mobile ? 1 : 0,
'controls': 0,
'showinfo': 0,
'rel': 0,
'enablejsapi': 1,
'version': 3,
'playerapiid': playerID,
'origin': '*',
'allowfullscreen': true,
'wmode': 'transparent',
'iv_load_policy': YTPlayer.opt.showAnnotations,
'playsinline': 1,
'mute': jQuery.browser.mobile ? 1 : 0
};
if( document.createElement( 'video' ).canPlayType ) jQuery.extend( playerVars, {
'html5': 1
} );
if( jQuery.mbBrowser.msie && jQuery.mbBrowser.version < 9 ) this.opt.opacity = 1;
YTPlayer.isSelf = YTPlayer.opt.containment == "self";
YTPlayer.defaultOpt.containment = YTPlayer.opt.containment = YTPlayer.opt.containment == "self" ? jQuery( this ) : jQuery( YTPlayer.opt.containment );
YTPlayer.isBackground = YTPlayer.opt.containment.is( "body" );
if( YTPlayer.isBackground && ytp.backgroundIsInited )
return;
var isPlayer = YTPlayer.opt.containment.is( jQuery( this ) );
// YTPlayer.canPlayOnMobile = isPlayer && jQuery( this ).children().length === 0;
YTPlayer.canPlayOnMobile = jQuery.mbBrowser.mobile && ( 'playsInline' in document.createElement( 'video' ) );
YTPlayer.canPlayOnMobile = true;
YTPlayer.isPlayer = false;
/**
* Hide the placeholder if it's not the target of the player
*/
if( !isPlayer ) {
$YTPlayer.hide();
} else {
YTPlayer.isPlayer = true;
}
var overlay = jQuery( "<div/>" ).css( {
position: "absolute",
top: 0,
left: 0,
width: "100%",
height: "100%"
} ).addClass( "YTPOverlay" );
if( YTPlayer.isPlayer ) {
overlay.on( "click", function() {
$YTPlayer.YTPTogglePlay();
} )
}
var wrapper = jQuery( "<div/>" ).addClass( "mbYTP_wrapper" ).attr( "id", "wrapper_" + YTPlayer.id );
wrapper.css( {
position: "absolute",
zIndex: 0,
minWidth: "100%",
minHeight: "100%",
left: 0,
top: 0,
overflow: "hidden",
opacity: 0
} );
var playerBox = jQuery( "<div/>" ).attr( "id", playerID ).addClass( "playerBox" );
playerBox.css( {
position: "absolute",
zIndex: 0,
width: "100%",
height: "100%",
top: 0,
left: 0,
overflow: "hidden"
} );
wrapper.append( playerBox );
YTPlayer.opt.containment.children().not( "script, style" ).each( function() {
if( jQuery( this ).css( "position" ) == "static" ) jQuery( this ).css( "position", "relative" );
} );
if( YTPlayer.isBackground ) {
jQuery( "body" ).css( {
boxSizing: "border-box"
} );
wrapper.css( {
position: "fixed",
top: 0,
left: 0,
zIndex: 0
} );
$YTPlayer.hide();
} else if( YTPlayer.opt.containment.css( "position" ) == "static" )
YTPlayer.opt.containment.css( {
position: "relative"
} );
YTPlayer.opt.containment.prepend( wrapper );
YTPlayer.wrapper = wrapper;
playerBox.css( {
opacity: 1
} );
//if( !jQuery.mbBrowser.mobile ) {
playerBox.after( overlay );
YTPlayer.overlay = overlay;
// }
if( jQuery.browser.mobile )
jQuery( "body" ).one( "touchstart", function() {
YTPlayer.player.playVideo();
} );
if( !YTPlayer.isBackground ) {
overlay.on( "mouseenter", function() {
if( YTPlayer.controlBar && YTPlayer.controlBar.length )
YTPlayer.controlBar.addClass( "visible" );
} ).on( "mouseleave", function() {
if( YTPlayer.controlBar && YTPlayer.controlBar.length )
YTPlayer.controlBar.removeClass( "visible" );
} );
}
if( !ytp.YTAPIReady ) {
jQuery( "#YTAPI" ).remove();
var tag = jQuery( "<script/>" ).attr( {
"async": "async",
"src": jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/iframe_api?v=" + jQuery.mbYTPlayer.version,
"id": "YTAPI"
} );
jQuery( "head" ).prepend( tag );
} else {
setTimeout( function() {
jQuery( document ).trigger( "YTAPIReady" );
}, 100 )
}
if( jQuery.mbBrowser.mobile && !YTPlayer.canPlayOnMobile ) {
if( YTPlayer.opt.mobileFallbackImage ) {
wrapper.css( {
backgroundImage: "url(" + YTPlayer.opt.mobileFallbackImage + ")",
backgroundPosition: "center center",
backgroundSize: "cover",
backgroundRepeat: "no-repeat",
opacity: 1
} )
};
if( !YTPlayer.isPlayer )
$YTPlayer.remove();
jQuery( document ).trigger( "YTPUnavailable" );
return;
}
jQuery( document ).on( "YTAPIReady", function() {
if( ( YTPlayer.isBackground && ytp.backgroundIsInited ) || YTPlayer.isInit ) return;
if( YTPlayer.isBackground ) {
ytp.backgroundIsInited = true;
}
YTPlayer.opt.autoPlay = typeof YTPlayer.opt.autoPlay == "undefined" ? ( YTPlayer.isBackground ? true : false ) : YTPlayer.opt.autoPlay;
YTPlayer.opt.vol = YTPlayer.opt.vol ? YTPlayer.opt.vol : 100;
jQuery.mbYTPlayer.getDataFromAPI( YTPlayer );
jQuery( YTPlayer ).on( "YTPChanged", function() {
if( YTPlayer.isInit )
return;
YTPlayer.isInit = true;
/*
//if is mobile && isPlayer fallback to the default YT player
if( jQuery.mbBrowser.mobile && YTPlayer.canPlayOnMobile && !jQuery.isTablet ) {
// Try to adjust the player dimention
if( YTPlayer.opt.containment.outerWidth() > jQuery( window ).width() ) {
YTPlayer.opt.containment.css( {
maxWidth: "100%"
} );
var h = YTPlayer.opt.containment.outerWidth() * .563;
YTPlayer.opt.containment.css( {
maxHeight: h
} );
}
new YT.Player( playerID, {
videoId: YTPlayer.videoID.toString(),
width: '100%',
height: h,
playerVars: playerVars,
events: {
'onReady': function( event ) {
YTPlayer.player = event.target;
playerBox.css( {
opacity: 1
} );
YTPlayer.wrapper.css( {
opacity: 1
} );
}
}
} );
return;
}
*/
new YT.Player( playerID, {
videoId: YTPlayer.videoID.toString(),
playerVars: playerVars,
events: {
'onReady': function( event ) {
YTPlayer.player = event.target;
if( YTPlayer.isReady ) return;
YTPlayer.isReady = YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ? false : true;
YTPlayer.playerEl = YTPlayer.player.getIframe();
jQuery( YTPlayer.playerEl ).unselectable();
$YTPlayer.optimizeDisplay();
jQuery( window ).off( "resize.YTP_" + YTPlayer.id ).on( "resize.YTP_" + YTPlayer.id, function() {
$YTPlayer.optimizeDisplay();
} );
if( YTPlayer.opt.remember_last_time ) {
jQuery( window ).on( "unload.YTP_" + YTPlayer.id, function() {
var current_time = YTPlayer.player.getCurrentTime();
jQuery.mbCookie.set( "YTPlayer_start_from" + YTPlayer.videoID, current_time, 0 );
} );
}
jQuery.mbYTPlayer.checkForState( YTPlayer );
},
/**
*
* @param event
*
* -1 (unstarted)
* 0 (ended)
* 1 (playing)
* 2 (paused)
* 3 (buffering)
* 5 (video cued).
*
*
*/
'onStateChange': function( event ) {
if( typeof event.target.getPlayerState != "function" ) return;
var state = event.target.getPlayerState();
if( YTPlayer.preventTrigger ) {
YTPlayer.preventTrigger = false;
return
}
YTPlayer.state = state;
var eventType;
switch( state ) {
case -1: //----------------------------------------------- unstarted
eventType = "YTPUnstarted";
break;
case 0: //------------------------------------------------ ended
eventType = "YTPRealEnd";
break;
case 1: //------------------------------------------------ play
eventType = "YTPPlay";
if( YTPlayer.controlBar.length )
YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.pause );
if( typeof _gaq != "undefined" && eval( YTPlayer.opt.gaTrack ) ) _gaq.push( [ '_trackEvent', 'YTPlayer', 'Play', ( YTPlayer.hasData ? YTPlayer.videoData.title : YTPlayer.videoID.toString() ) ] );
if( typeof ga != "undefined" && eval( YTPlayer.opt.gaTrack ) ) ga( 'send', 'event', 'YTPlayer', 'play', ( YTPlayer.hasData ? YTPlayer.videoData.title : YTPlayer.videoID.toString() ) );
break;
case 2: //------------------------------------------------ pause
eventType = "YTPPause";
if( YTPlayer.controlBar.length )
YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play );
break;
case 3: //------------------------------------------------ buffer
YTPlayer.player.setPlaybackQuality( YTPlayer.opt.quality );
eventType = "YTPBuffering";
if( YTPlayer.controlBar.length )
YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play );
break;
case 5: //------------------------------------------------ cued
eventType = "YTPCued";
break;
default:
break;
}
// Trigger state events
var YTPEvent = jQuery.Event( eventType );
YTPEvent.time = YTPlayer.currentTime;
if( YTPlayer.canTrigger )
jQuery( YTPlayer ).trigger( YTPEvent );
},
/**
*
* @param e
*/
'onPlaybackQualityChange': function( e ) {
var quality = e.target.getPlaybackQuality();
var YTPQualityChange = jQuery.Event( "YTPQualityChange" );
YTPQualityChange.quality = quality;
jQuery( YTPlayer ).trigger( YTPQualityChange );
},
/**
*
* @param err
*/
'onError': function( err ) {
if( err.data == 150 ) {
console.log( "Embedding this video is restricted by Youtube." );
if( YTPlayer.isPlayList )
jQuery( YTPlayer ).playNext();
}
if( err.data == 2 && YTPlayer.isPlayList ) {
jQuery( YTPlayer ).playNext();
}
if( typeof YTPlayer.opt.onError == "function" )
YTPlayer.opt.onError( $YTPlayer, err );
}
}
} );
} );
} );
$YTPlayer.off( "YTPTime.mask" );
jQuery.mbYTPlayer.applyMask( YTPlayer );
} );
},
/**
* isOnScreen
*
* Check if the YTPlayer is on screen
*/
isOnScreen: function( YTPlayer ) {
var playerBox = YTPlayer.wrapper;
var winTop = $( window ).scrollTop();
var winBottom = winTop + $( window ).height();
var elTop = playerBox.offset().top;
var elBottom = elTop + playerBox.height();
return( ( elBottom <= winBottom ) && ( elTop >= winTop ) );
},
/**
* getDataFromAPI
*
* @param YTPlayer
*/
getDataFromAPI: function( YTPlayer ) {
YTPlayer.videoData = jQuery.mbStorage.get( "YTPlayer_data_" + YTPlayer.videoID );
jQuery( YTPlayer ).off( "YTPData.YTPlayer" ).on( "YTPData.YTPlayer", function() {
if( YTPlayer.hasData ) {
if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) {
var bgndURL = YTPlayer.videoData.thumb_max || YTPlayer.videoData.thumb_high || YTPlayer.videoData.thumb_medium;
YTPlayer.opt.containment.css( {
background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center",
backgroundSize: "cover"
} );
YTPlayer.opt.backgroundUrl = bgndURL;
}
}
} );
if( YTPlayer.videoData ) {
setTimeout( function() {
YTPlayer.opt.ratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio;
YTPlayer.dataReceived = true;
jQuery( YTPlayer ).trigger( "YTPChanged" );
var YTPData = jQuery.Event( "YTPData" );
YTPData.prop = {};
for( var x in YTPlayer.videoData ) YTPData.prop[ x ] = YTPlayer.videoData[ x ];
jQuery( YTPlayer ).trigger( YTPData );
}, YTPlayer.opt.fadeOnStartTime );
YTPlayer.hasData = true;
} else if( jQuery.mbYTPlayer.apiKey ) {
// Get video info from API3 (needs api key)
// snippet,player,contentDetails,statistics,status
jQuery.getJSON( jQuery.mbYTPlayer.locationProtocol + "//www.googleapis.com/youtube/v3/videos?id=" + YTPlayer.videoID + "&key=" + jQuery.mbYTPlayer.apiKey + "&part=snippet", function( data ) {
YTPlayer.dataReceived = true;
jQuery( YTPlayer ).trigger( "YTPChanged" );
function parseYTPlayer_data( data ) {
YTPlayer.videoData = {};
YTPlayer.videoData.id = YTPlayer.videoID;
YTPlayer.videoData.channelTitle = data.channelTitle;
YTPlayer.videoData.title = data.title;
YTPlayer.videoData.description = data.description.length < 400 ? data.description : data.description.substring( 0, 400 ) + " ...";
YTPlayer.videoData.aspectratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio;
YTPlayer.opt.ratio = YTPlayer.videoData.aspectratio;
YTPlayer.videoData.thumb_max = data.thumbnails.maxres ? data.thumbnails.maxres.url : null;
YTPlayer.videoData.thumb_high = data.thumbnails.high ? data.thumbnails.high.url : null;
YTPlayer.videoData.thumb_medium = data.thumbnails.medium ? data.thumbnails.medium.url : null;
jQuery.mbStorage.set( "YTPlayer_data_" + YTPlayer.videoID, YTPlayer.videoData );
}
parseYTPlayer_data( data.items[ 0 ].snippet );
YTPlayer.hasData = true;
var YTPData = jQuery.Event( "YTPData" );
YTPData.prop = {};
for( var x in YTPlayer.videoData ) YTPData.prop[ x ] = YTPlayer.videoData[ x ];
jQuery( YTPlayer ).trigger( YTPData );
} );
} else {
setTimeout( function() {
jQuery( YTPlayer ).trigger( "YTPChanged" );
}, 50 );
if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) {
var bgndURL = jQuery.mbYTPlayer.locationProtocol + "//i.ytimg.com/vi/" + YTPlayer.videoID + "/hqdefault.jpg";
if( bgndURL )
YTPlayer.opt.containment.css( {
background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center",
backgroundSize: "cover"
} );
YTPlayer.opt.backgroundUrl = bgndURL;
}
YTPlayer.videoData = null;
YTPlayer.opt.ratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio;
}
if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) { //&& ( !jQuery.mbBrowser.mobile && !jQuery.isTablet )
YTPlayer.loading = jQuery( "<div/>" ).addClass( "loading" ).html( "Loading" ).hide();
jQuery( YTPlayer ).append( YTPlayer.loading );
YTPlayer.loading.fadeIn();
}
},
/**
* removeStoredData
*
*/
removeStoredData: function() {
jQuery.mbStorage.remove();
},
/**
* getVideoData
*
* @returns {*|YTPlayer.videoData}
*/
getVideoData: function() {
var YTPlayer = this.get( 0 );
return YTPlayer.videoData;
},
/**
* getVideoID
*
* @returns {*|YTPlayer.videoID|boolean}
*/
getVideoID: function() {
var YTPlayer = this.get( 0 );
return YTPlayer.videoID || false;
},
/**
* setVideoQuality
*
* @param quality
*/
setVideoQuality: function( quality ) {
var YTPlayer = this.get( 0 );
YTPlayer.player.setPlaybackQuality( quality );
},
/**
* playlist
*
* @param videos
* @param shuffle
* @param callback
* @returns {jQuery.mbYTPlayer}
*/
playlist: function( videos, shuffle, callback ) {
var $YTPlayer = this;
var YTPlayer = $YTPlayer.get( 0 );
YTPlayer.isPlayList = true;
if( shuffle ) videos = jQuery.shuffle( videos );
if( !YTPlayer.videoID ) {
YTPlayer.videos = videos;
YTPlayer.videoCounter = 0;
YTPlayer.videoLength = videos.length;
jQuery( YTPlayer ).data( "property", videos[ 0 ] );
jQuery( YTPlayer ).mb_YTPlayer();
}
if( typeof callback == "function" ) jQuery( YTPlayer ).one( "YTPChanged", function() {
callback( YTPlayer );
} );
jQuery( YTPlayer ).on( "YTPEnd", function() {
jQuery( YTPlayer ).playNext();
} );
return this;
},
/**
* playNext
*
* @returns {jQuery.mbYTPlayer}
*/
playNext: function() {
var YTPlayer = this.get( 0 );
if( YTPlayer.checkForStartAt ) {
clearInterval( YTPlayer.checkForStartAt );
clearInterval( YTPlayer.getState );
}
YTPlayer.videoCounter++;
if( YTPlayer.videoCounter >= YTPlayer.videoLength )
YTPlayer.videoCounter = 0;
jQuery( YTPlayer ).YTPChangeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] );
return this;
},
/**
* playPrev
*
* @returns {jQuery.mbYTPlayer}
*/
playPrev: function() {
var YTPlayer = this.get( 0 );
if( YTPlayer.checkForStartAt ) {
clearInterval( YTPlayer.checkForStartAt );
clearInterval( YTPlayer.getState );
}
YTPlayer.videoCounter--;
if( YTPlayer.videoCounter < 0 )
YTPlayer.videoCounter = YTPlayer.videoLength - 1;
jQuery( YTPlayer ).YTPChangeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] );
return this;
},
/**
* playIndex
*
* @returns {jQuery.mbYTPlayer}
*/
playIndex: function( idx ) {
var YTPlayer = this.get( 0 );
idx = idx - 1;
if( YTPlayer.checkForStartAt ) {
clearInterval( YTPlayer.checkForStartAt );
clearInterval( YTPlayer.getState );
}
YTPlayer.videoCounter = idx;
if( YTPlayer.videoCounter >= YTPlayer.videoLength - 1 )
YTPlayer.videoCounter = YTPlayer.videoLength - 1;
jQuery( YTPlayer ).YTPChangeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] );
return this;
},
/**
* changeMovie
*
* @param opt
*/
changeMovie: function( opt ) {
var $YTPlayer = this;
var YTPlayer = $YTPlayer.get( 0 );
YTPlayer.opt.startAt = 0;
YTPlayer.opt.stopAt = 0;
YTPlayer.opt.mask = false;
YTPlayer.opt.mute = true;
YTPlayer.hasData = false;
YTPlayer.hasChanged = true;
YTPlayer.player.loopTime = undefined;
if( opt )
jQuery.extend( YTPlayer.opt, opt ); //YTPlayer.defaultOpt,
YTPlayer.videoID = getYTPVideoID( YTPlayer.opt.videoURL ).videoID;
if( YTPlayer.opt.loop == "true" )
YTPlayer.opt.loop = 9999;
jQuery( YTPlayer.playerEl ).CSSAnimate( {
opacity: 0
}, YTPlayer.opt.fadeOnStartTime, function() {
var YTPChangeMovie = jQuery.Event( "YTPChangeMovie" );
YTPChangeMovie.time = YTPlayer.currentTime;
YTPChangeMovie.videoId = YTPlayer.videoID;
jQuery( YTPlayer ).trigger( YTPChangeMovie );
jQuery( YTPlayer ).YTPGetPlayer().cueVideoByUrl( encodeURI( jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/v/" + YTPlayer.videoID ), 1, YTPlayer.opt.quality );
jQuery( YTPlayer ).optimizeDisplay();
jQuery.mbYTPlayer.checkForState( YTPlayer );
jQuery.mbYTPlayer.getDataFromAPI( YTPlayer );
} );
jQuery.mbYTPlayer.applyMask( YTPlayer );
},
/**
* getPlayer
*
* @returns {player}
*/
getPlayer: function() {
return jQuery( this ).get( 0 ).player;
},
/**
* playerDestroy
*
* @returns {jQuery.mbYTPlayer}
*/
playerDestroy: function() {
var YTPlayer = this.get( 0 );
ytp.YTAPIReady = true;
ytp.backgroundIsInited = false;
YTPlayer.isInit = false;
YTPlayer.videoID = null;
YTPlayer.isReady = false;
var playerBox = YTPlayer.wrapper;
playerBox.remove();
jQuery( "#controlBar_" + YTPlayer.id ).remove();
clearInterval( YTPlayer.checkForStartAt );
clearInterval( YTPlayer.getState );
return this;
},
/**
* fullscreen
*
* @param real
* @returns {jQuery.mbYTPlayer}
*/
fullscreen: function( real ) {
var YTPlayer = this.get( 0 );
if( typeof real == "undefined" ) real = YTPlayer.opt.realfullscreen;
real = eval( real );
var controls = jQuery( "#controlBar_" + YTPlayer.id );
var fullScreenBtn = controls.find( ".mb_OnlyYT" );
var videoWrapper = YTPlayer.isSelf ? YTPlayer.opt.containment : YTPlayer.wrapper;
//var videoWrapper = YTPlayer.wrapper;
if( real ) {
var fullscreenchange = jQuery.mbBrowser.mozilla ? "mozfullscreenchange" : jQuery.mbBrowser.webkit ? "webkitfullscreenchange" : "fullscreenchange";
jQuery( document ).off( fullscreenchange ).on( fullscreenchange, function() {
var isFullScreen = RunPrefixMethod( document, "IsFullScreen" ) || RunPrefixMethod( document, "FullScreen" );
if( !isFullScreen ) {
YTPlayer.isAlone = false;
fullScreenBtn.html( jQuery.mbYTPlayer.controls.onlyYT );
jQuery( YTPlayer ).YTPSetVideoQuality( YTPlayer.opt.quality );
videoWrapper.removeClass( "YTPFullscreen" );
videoWrapper.CSSAnimate( {
opacity: YTPlayer.opt.opacity
}, YTPlayer.opt.fadeOnStartTime );
videoWrapper.css( {
zIndex: 0
} );
if( YTPlayer.isBackground ) {
jQuery( "body" ).after( controls );
} else {
YTPlayer.wrapper.before( controls );
}
jQuery( window ).resize();
jQuery( YTPlayer ).trigger( "YTPFullScreenEnd" );
} else {
jQuery( YTPlayer ).YTPSetVideoQuality( "default" );
jQuery( YTPlayer ).trigger( "YTPFullScreenStart" );
}
} );
}
if( !YTPlayer.isAlone ) {
function hideMouse() {
YTPlayer.overlay.css( {
cursor: "none"
} );
}
jQuery( document ).on( "mousemove.YTPlayer", function( e ) {
YTPlayer.overlay.css( {
cursor: "auto"
} );
clearTimeout( YTPlayer.hideCursor );
if( !jQuery( e.target ).parents().is( ".mb_YTPBar" ) ) YTPlayer.hideCursor = setTimeout( hideMouse, 3000 );
} );
hideMouse();
if( real ) {
videoWrapper.css( {
opacity: 0
} );
videoWrapper.addClass( "YTPFullscreen" );
launchFullscreen( videoWrapper.get( 0 ) );
setTimeout( function() {
videoWrapper.CSSAnimate( {
opacity: 1
}, YTPlayer.opt.fadeOnStartTime * 2 );
YTPlayer.wrapper.append( controls );
jQuery( YTPlayer ).optimizeDisplay();
YTPlayer.player.seekTo( YTPlayer.player.getCurrentTime() + .1, true );
}, YTPlayer.opt.fadeOnStartTime )
} else videoWrapper.css( {
zIndex: 10000
} ).CSSAnimate( {
opacity: 1
}, YTPlayer.opt.fadeOnStartTime * 2 );
fullScreenBtn.html( jQuery.mbYTPlayer.controls.showSite );
YTPlayer.isAlone = true;
} else {
jQuery( document ).off( "mousemove.YTPlayer" );
clearTimeout( YTPlayer.hideCursor );
YTPlayer.overlay.css( {
cursor: "auto"
} );
if( real ) {
cancelFullscreen();
} else {
videoWrapper.CSSAnimate( {
opacity: YTPlayer.opt.opacity
}, YTPlayer.opt.fadeOnStartTime );
videoWrapper.css( {
zIndex: 0
} );
}
fullScreenBtn.html( jQuery.mbYTPlayer.controls.onlyYT );
YTPlayer.isAlone = false;
}
function RunPrefixMethod( obj, method ) {
var pfx = [ "webkit", "moz", "ms", "o", "" ];
var p = 0,
m, t;
while( p < pfx.length && !obj[ m ] ) {
m = method;
if( pfx[ p ] == "" ) {
m = m.substr( 0, 1 ).toLowerCase() + m.substr( 1 );
}
m = pfx[ p ] + m;
t = typeof obj[ m ];
if( t != "undefined" ) {
pfx = [ pfx[ p ] ];
return( t == "function" ? obj[ m ]() : obj[ m ] );
}
p++;
}
}
function launchFullscreen( element ) {
RunPrefixMethod( element, "RequestFullScreen" );
}
function cancelFullscreen() {
if( RunPrefixMethod( document, "FullScreen" ) || RunPrefixMethod( document, "IsFullScreen" ) ) {
RunPrefixMethod( document, "CancelFullScreen" );
}
}
return this;
},
/**
* toggleLoops
*
* @returns {jQuery.mbYTPlayer}
*/
toggleLoops: function() {
var YTPlayer = this.get( 0 );
var data = YTPlayer.opt;
if( data.loop == 1 ) {
data.loop = 0;
} else {
if( data.startAt ) {
YTPlayer.player.seekTo( data.startAt );
} else {
YTPlayer.player.playVideo();
}
data.loop = 1;
}
return this;
},
/**
* play
*
* @returns {jQuery.mbYTPlayer}
*/
play: function() {
var YTPlayer = this.get( 0 );
if( !YTPlayer.isReady )
return this;
YTPlayer.player.playVideo();
YTPlayer.wrapper.CSSAnimate( {
opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity
}, YTPlayer.opt.fadeOnStartTime * 4 );
jQuery( YTPlayer.playerEl ).CSSAnimate( {
opacity: 1
}, YTPlayer.opt.fadeOnStartTime * 2 );
var controls = jQuery( "#controlBar_" + YTPlayer.id );
var playBtn = controls.find( ".mb_YTPPlaypause" );
playBtn.html( jQuery.mbYTPlayer.controls.pause );
YTPlayer.state = 1;
YTPlayer.orig_background = jQuery( YTPlayer ).css( "background-image" );
return this;
},
/**
* togglePlay
*
* @param callback
* @returns {jQuery.mbYTPlayer}
*/
togglePlay: function( callback ) {
var YTPlayer = this.get( 0 );
if( YTPlayer.state == 1 )
this.YTPPause();
else
this.YTPPlay();
if( typeof callback == "function" )
callback( YTPlayer.state );
return this;
},
/**
* stop
*
* @returns {jQuery.mbYTPlayer}
*/
stop: function() {
var YTPlayer = this.get( 0 );
var controls = jQuery( "#controlBar_" + YTPlayer.id );
var playBtn = controls.find( ".mb_YTPPlaypause" );
playBtn.html( jQuery.mbYTPlayer.controls.play );
YTPlayer.player.stopVideo();
return this;
},
/**
* pause
*
* @returns {jQuery.mbYTPlayer}
*/
pause: function() {
var YTPlayer = this.get( 0 );
YTPlayer.player.pauseVideo();
YTPlayer.state = 2;
return this;
},
/**
* seekTo
*
* @param val
* @returns {jQuery.mbYTPlayer}
*/
seekTo: function( val ) {
var YTPlayer = this.get( 0 );
YTPlayer.player.seekTo( val, true );
return this;
},
/**
* setVolume
*
* @param val
* @returns {jQuery.mbYTPlayer}
*/
setVolume: function( val ) {
var YTPlayer = this.get( 0 );
if( !val && !YTPlayer.opt.vol && YTPlayer.player.getVolume() == 0 ) jQuery( YTPlayer ).YTPUnmute();
else if( ( !val && YTPlayer.player.getVolume() > 0 ) || ( val && YTPlayer.opt.vol == val ) ) {
if( !YTPlayer.isMute ) jQuery( YTPlayer ).YTPMute();
else jQuery( YTPlayer ).YTPUnmute();
} else {
YTPlayer.opt.vol = val;
YTPlayer.player.setVolume( YTPlayer.opt.vol );
if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.updateSliderVal( val )
}
return this;
},
/**
* toggleVolume
*
* @returns {boolean}
*/
toggleVolume: function() {
var YTPlayer = this.get( 0 );
if( !YTPlayer ) return;
if( YTPlayer.player.isMuted() ) {
jQuery( YTPlayer ).YTPUnmute();
return true;
} else {
jQuery( YTPlayer ).YTPMute();
return false;
}
},
/**
* mute
*
* @returns {jQuery.mbYTPlayer}
*/
mute: function() {
var YTPlayer = this.get( 0 );
if( YTPlayer.isMute ) return;
YTPlayer.player.mute();
YTPlayer.isMute = true;
YTPlayer.player.setVolume( 0 );
if( YTPlayer.volumeBar && YTPlayer.volumeBar.length && YTPlayer.volumeBar.width() > 10 ) {
YTPlayer.volumeBar.updateSliderVal( 0 );
}
var controls = jQuery( "#controlBar_" + YTPlayer.id );
var muteBtn = controls.find( ".mb_YTPMuteUnmute" );
muteBtn.html( jQuery.mbYTPlayer.controls.unmute );
jQuery( YTPlayer ).addClass( "isMuted" );
if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.addClass( "muted" );
var YTPEvent = jQuery.Event( "YTPMuted" );
YTPEvent.time = YTPlayer.currentTime;
if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent );
return this;
},
/**
* unmute
*
* @returns {jQuery.mbYTPlayer}
*/
unmute: function() {
var YTPlayer = this.get( 0 );
if( !YTPlayer.isMute ) return;
YTPlayer.player.unMute();
YTPlayer.isMute = false;
YTPlayer.player.setVolume( YTPlayer.opt.vol );
if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol > 10 ? YTPlayer.opt.vol : 10 );
var controls = jQuery( "#controlBar_" + YTPlayer.id );
var muteBtn = controls.find( ".mb_YTPMuteUnmute" );
muteBtn.html( jQuery.mbYTPlayer.controls.mute );
jQuery( YTPlayer ).removeClass( "isMuted" );
if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.removeClass( "muted" );
var YTPEvent = jQuery.Event( "YTPUnmuted" );
YTPEvent.time = YTPlayer.currentTime;
if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent );
return this;
},
/**************************************************************
* FILTERS
*/
/**
* applyFilter
*
* @param filter
* @param value
* @returns {jQuery.mbYTPlayer}
*/
applyFilter: function( filter, value ) {
return this.each( function() {
var YTPlayer = this;
YTPlayer.filters[ filter ].value = value;
if( YTPlayer.filtersEnabled )
jQuery( YTPlayer ).YTPEnableFilters();
} );
},
/**
* applyFilters
*
* @param filters
* @returns {jQuery.mbYTPlayer}
*/
applyFilters: function( filters ) {
return this.each( function() {
var YTPlayer = this;
if( !YTPlayer.isReady ) {
jQuery( YTPlayer ).on( "YTPReady", function() {
jQuery( YTPlayer ).YTPApplyFilters( filters );
} );
return;
}
for( var key in filters )
jQuery( YTPlayer ).YTPApplyFilter( key, filters[ key ] );
jQuery( YTPlayer ).trigger( "YTPFiltersApplied" );
} );
},
/**
* toggleFilter
*
* @param filter
* @param value
* @returns {*}
*/
toggleFilter: function( filter, value ) {
return this.each( function() {
var YTPlayer = this;
if( !YTPlayer.filters[ filter ].value ) YTPlayer.filters[ filter ].value = value;
else YTPlayer.filters[ filter ].value = 0;
if( YTPlayer.filtersEnabled ) jQuery( this ).YTPEnableFilters();
} );
},
/**
* toggleFilters
*
* @param callback
* @returns {*}
*/
toggleFilters: function( callback ) {
return this.each( function() {
var YTPlayer = this;
if( YTPlayer.filtersEnabled ) {
jQuery( YTPlayer ).trigger( "YTPDisableFilters" );
jQuery( YTPlayer ).YTPDisableFilters();
} else {
jQuery( YTPlayer ).YTPEnableFilters();
jQuery( YTPlayer ).trigger( "YTPEnableFilters" );
}
if( typeof callback == "function" )
callback( YTPlayer.filtersEnabled );
} )
},
/**
* disableFilters
*
* @returns {*}
*/
disableFilters: function() {
return this.each( function() {
var YTPlayer = this;
var iframe = jQuery( YTPlayer.playerEl );
iframe.css( "-webkit-filter", "" );
iframe.css( "filter", "" );
YTPlayer.filtersEnabled = false;
} )
},
/**
* enableFilters
*
* @returns {*}
*/
enableFilters: function() {
return this.each( function() {
var YTPlayer = this;
var iframe = jQuery( YTPlayer.playerEl );
var filterStyle = "";
for( var key in YTPlayer.filters ) {
if( YTPlayer.filters[ key ].value )
filterStyle += key.replace( "_", "-" ) + "(" + YTPlayer.filters[ key ].value + YTPlayer.filters[ key ].unit + ") ";
}
iframe.css( "-webkit-filter", filterStyle );
iframe.css( "filter", filterStyle );
YTPlayer.filtersEnabled = true;
} );
},
/**
* removeFilter
*
* @param filter
* @param callback
* @returns {*}
*/
removeFilter: function( filter, callback ) {
return this.each( function() {
var YTPlayer = this;
if( typeof filter == "function" ) {
callback = filter;
filter = null;
}
if( !filter )
for( var key in YTPlayer.filters ) {
jQuery( this ).YTPApplyFilter( key, 0 );
if( typeof callback == "function" ) callback( key );
} else {
jQuery( this ).YTPApplyFilter( filter, 0 );
if( typeof callback == "function" ) callback( filter );
}
} );
},
/**
* getFilters
*
* @returns {*}
*/
getFilters: function() {
var YTPlayer = this.get( 0 );
return YTPlayer.filters;
},
/****************************************************************
* MASK
*/
/**
* addMask
*
* @param mask
* @returns {jQuery.mbYTPlayer}
*/
addMask: function( mask ) {
var YTPlayer = this.get( 0 );
var overlay = YTPlayer.overlay;
if( !mask ) {
mask = YTPlayer.actualMask;
}
var tempImg = jQuery( "<img/>" ).attr( "src", mask ).on( "load", function() {
overlay.CSSAnimate( {
opacity: 0
}, YTPlayer.opt.fadeOnStartTime, function() {
YTPlayer.hasMask = true;
tempImg.remove();
overlay.css( {
backgroundImage: "url(" + mask + ")",
backgroundRepeat: "no-repeat",
backgroundPosition: "center center",
backgroundSize: "cover"
} );
overlay.CSSAnimate( {
opacity: 1
}, YTPlayer.opt.fadeOnStartTime );
} );
} );
return this;
},
/**
* removeMask
*
* @returns {jQuery.mbYTPlayer}
*/
removeMask: function() {
var YTPlayer = this.get( 0 );
var overlay = YTPlayer.overlay;
overlay.CSSAnimate( {
opacity: 0
}, YTPlayer.opt.fadeOnStartTime, function() {
YTPlayer.hasMask = false;
overlay.css( {
backgroundImage: "",
backgroundRepeat: "",
backgroundPosition: "",
backgroundSize: ""
} );
overlay.CSSAnimate( {
opacity: 1
}, YTPlayer.opt.fadeOnStartTime );
} );
return this;
},
/**
* Apply mask
*
* @param YTPlayer
*/
applyMask: function( YTPlayer ) {
var $YTPlayer = jQuery( YTPlayer );
$YTPlayer.off( "YTPTime.mask" );
if( YTPlayer.opt.mask ) {
if( typeof YTPlayer.opt.mask == "string" ) {
$YTPlayer.YTPAddMask( YTPlayer.opt.mask );
YTPlayer.actualMask = YTPlayer.opt.mask;
} else if( typeof YTPlayer.opt.mask == "object" ) {
for( var time in YTPlayer.opt.mask ) {
if( YTPlayer.opt.mask[ time ] )
var img = jQuery( "<img/>" ).attr( "src", YTPlayer.opt.mask[ time ] );
}
if( YTPlayer.opt.mask[ 0 ] )
$YTPlayer.YTPAddMask( YTPlayer.opt.mask[ 0 ] );
$YTPlayer.on( "YTPTime.mask", function( e ) {
for( var time in YTPlayer.opt.mask ) {
if( e.time == time )
if( !YTPlayer.opt.mask[ time ] ) {
$YTPlayer.YTPRemoveMask();
} else {
$YTPlayer.YTPAddMask( YTPlayer.opt.mask[ time ] );
YTPlayer.actualMask = YTPlayer.opt.mask[ time ];
}
}
} );
}
}
},
/**
* toggleMask
*
*/
toggleMask: function() {
var YTPlayer = this.get( 0 );
var $YTPlayer = $( YTPlayer );
if( YTPlayer.hasMask )
$YTPlayer.YTPRemoveMask();
else
$YTPlayer.YTPAddMask();
return this;
},
/**
* manageProgress
*
* @returns {{totalTime: number, currentTime: number}}
*/
manageProgress: function() {
var YTPlayer = this.get( 0 );
var controls = jQuery( "#controlBar_" + YTPlayer.id );
var progressBar = controls.find( ".mb_YTPProgress" );
var loadedBar = controls.find( ".mb_YTPLoaded" );
var timeBar = controls.find( ".mb_YTPseekbar" );
var totW = progressBar.outerWidth();
var currentTime = Math.floor( YTPlayer.player.getCurrentTime() );
var totalTime = Math.floor( YTPlayer.player.getDuration() );
var timeW = ( currentTime * totW ) / totalTime;
var startLeft = 0;
var loadedW = YTPlayer.player.getVideoLoadedFraction() * 100;
loadedBar.css( {
left: startLeft,
width: loadedW + "%"
} );
timeBar.css( {
left: 0,
width: timeW
} );
return {
totalTime: totalTime,
currentTime: currentTime
};
},
/**
* buildControls
*
* @param YTPlayer
*/
buildControls: function( YTPlayer ) {
var data = YTPlayer.opt;
// @data.printUrl: is deprecated; use data.showYTLogo
data.showYTLogo = data.showYTLogo || data.printUrl;
if( jQuery( "#controlBar_" + YTPlayer.id ).length )
return;
YTPlayer.controlBar = jQuery( "<span/>" ).attr( "id", "controlBar_" + YTPlayer.id ).addClass( "mb_YTPBar" ).css( {
whiteSpace: "noWrap",
position: YTPlayer.isBackground ? "fixed" : "absolute",
zIndex: YTPlayer.isBackground ? 10000 : 1000
} ).hide();
var buttonBar = jQuery( "<div/>" ).addClass( "buttonBar" );
/* play/pause button*/
var playpause = jQuery( "<span>" + jQuery.mbYTPlayer.controls.play + "</span>" ).addClass( "mb_YTPPlaypause ytpicon" ).click( function() {
if( YTPlayer.player.getPlayerState() == 1 ) jQuery( YTPlayer ).YTPPause();
else jQuery( YTPlayer ).YTPPlay();
} );
/* mute/unmute button*/
var MuteUnmute = jQuery( "<span>" + jQuery.mbYTPlayer.controls.mute + "</span>" ).addClass( "mb_YTPMuteUnmute ytpicon" ).click( function() {
if( YTPlayer.player.getVolume() == 0 ) {
jQuery( YTPlayer ).YTPUnmute();
} else {
jQuery( YTPlayer ).YTPMute();
}
} );
/* volume bar*/
var volumeBar = jQuery( "<div/>" ).addClass( "mb_YTPVolumeBar" ).css( {
display: "inline-block"
} );
YTPlayer.volumeBar = volumeBar;
/* time elapsed */
var idx = jQuery( "<span/>" ).addClass( "mb_YTPTime" );
var vURL = data.videoURL ? data.videoURL : "";
if( vURL.indexOf( "http" ) < 0 ) vURL = jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/watch?v=" + data.videoURL;
var movieUrl = jQuery( "<span/>" ).html( jQuery.mbYTPlayer.controls.ytLogo ).addClass( "mb_YTPUrl ytpicon" ).attr( "title", "view on YouTube" ).on( "click", function() {
window.open( vURL, "viewOnYT" )
} );
var onlyVideo = jQuery( "<span/>" ).html( jQuery.mbYTPlayer.controls.onlyYT ).addClass( "mb_OnlyYT ytpicon" ).on( "click", function() {
jQuery( YTPlayer ).YTPFullscreen( data.realfullscreen );
} );
var progressBar = jQuery( "<div/>" ).addClass( "mb_YTPProgress" ).css( "position", "absolute" ).click( function( e ) {
timeBar.css( {
width: ( e.clientX - timeBar.offset().left )
} );
YTPlayer.timeW = e.clientX - timeBar.offset().left;
YTPlayer.controlBar.find( ".mb_YTPLoaded" ).css( {
width: 0
} );
var totalTime = Math.floor( YTPlayer.player.getDuration() );
YTPlayer.goto = ( timeBar.outerWidth() * totalTime ) / progressBar.outerWidth();
YTPlayer.player.seekTo( parseFloat( YTPlayer.goto ), true );
YTPlayer.controlBar.find( ".mb_YTPLoaded" ).css( {
width: 0
} );
} );
var loadedBar = jQuery( "<div/>" ).addClass( "mb_YTPLoaded" ).css( "position", "absolute" );
var timeBar = jQuery( "<div/>" ).addClass( "mb_YTPseekbar" ).css( "position", "absolute" );
progressBar.append( loadedBar ).append( timeBar );
buttonBar.append( playpause ).append( MuteUnmute ).append( volumeBar ).append( idx );
if( data.showYTLogo ) {
buttonBar.append( movieUrl );
}
if( YTPlayer.isBackground || ( eval( YTPlayer.opt.realfullscreen ) && !YTPlayer.isBackground ) ) buttonBar.append( onlyVideo );
YTPlayer.controlBar.append( buttonBar ).append( progressBar );
if( !YTPlayer.isBackground ) {
YTPlayer.controlBar.addClass( "inlinePlayer" );
YTPlayer.wrapper.before( YTPlayer.controlBar );
} else {
jQuery( "body" ).after( YTPlayer.controlBar );
}
volumeBar.simpleSlider( {
initialval: YTPlayer.opt.vol,
scale: 100,
orientation: "h",
callback: function( el ) {
if( el.value == 0 ) {
jQuery( YTPlayer ).YTPMute();
} else {
jQuery( YTPlayer ).YTPUnmute();
}
YTPlayer.player.setVolume( el.value );
if( !YTPlayer.isMute ) YTPlayer.opt.vol = el.value;
}
} );
},
/**
* checkForState
*
* @param YTPlayer
*/
checkForState: function( YTPlayer ) {
var interval = YTPlayer.opt.showControls ? 100 : 400;
clearInterval( YTPlayer.getState );
//Checking if player has been removed from scene
if( !jQuery.contains( document, YTPlayer ) ) {
jQuery( YTPlayer ).YTPPlayerDestroy();
clearInterval( YTPlayer.getState );
clearInterval( YTPlayer.checkForStartAt );
return;
}
jQuery.mbYTPlayer.checkForStart( YTPlayer );
YTPlayer.getState = setInterval( function() {
var prog = jQuery( YTPlayer ).YTPManageProgress();
var $YTPlayer = jQuery( YTPlayer );
var data = YTPlayer.opt;
var startAt = YTPlayer.start_from_last ? YTPlayer.start_from_last : YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1;
YTPlayer.start_from_last = null;
var stopAt = YTPlayer.opt.stopAt > YTPlayer.opt.startAt ? YTPlayer.opt.stopAt : 0;
stopAt = stopAt < YTPlayer.player.getDuration() ? stopAt : 0;
if( YTPlayer.currentTime != prog.currentTime ) {
var YTPEvent = jQuery.Event( "YTPTime" );
YTPEvent.time = YTPlayer.currentTime;
jQuery( YTPlayer ).trigger( YTPEvent );
}
YTPlayer.currentTime = prog.currentTime;
YTPlayer.totalTime = YTPlayer.player.getDuration();
if( YTPlayer.player.getVolume() == 0 ) $YTPlayer.addClass( "isMuted" );
else $YTPlayer.removeClass( "isMuted" );
if( YTPlayer.opt.showControls )
if( prog.totalTime ) {
YTPlayer.controlBar.find( ".mb_YTPTime" ).html( jQuery.mbYTPlayer.formatTime( prog.currentTime ) + " / " + jQuery.mbYTPlayer.formatTime( prog.totalTime ) );
} else {
YTPlayer.controlBar.find( ".mb_YTPTime" ).html( "-- : -- / -- : --" );
}
if( eval( YTPlayer.opt.stopMovieOnBlur ) ) {
if( !document.hasFocus() ) {
if( YTPlayer.state == 1 ) {
YTPlayer.hasFocus = false;
$YTPlayer.YTPPause();
}
} else if( document.hasFocus() && !YTPlayer.hasFocus && !( YTPlayer.state == -1 || YTPlayer.state == 0 ) ) {
YTPlayer.hasFocus = true;
$YTPlayer.YTPPlay();
}
}
if( YTPlayer.opt.playOnlyIfVisible ) {
var isOnScreen = jQuery.mbYTPlayer.isOnScreen( YTPlayer );
if( !isOnScreen && YTPlayer.state == 1 ) {
YTPlayer.hasFocus = false;
$YTPlayer.YTPPause();
console.debug( YTPlayer.id, isOnScreen )
console.debug( YTPlayer.state )
} else if( !YTPlayer.hasFocus && !( YTPlayer.state == -1 || YTPlayer.state == 0 ) ) {
YTPlayer.hasFocus = true;
$YTPlayer.YTPPlay();
}
}
if( YTPlayer.controlBar.length && YTPlayer.controlBar.outerWidth() <= 400 && !YTPlayer.isCompact ) {
YTPlayer.controlBar.addClass( "compact" );
YTPlayer.isCompact = true;
if( !YTPlayer.isMute && YTPlayer.volumeBar ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol );
} else if( YTPlayer.controlBar.length && YTPlayer.controlBar.outerWidth() > 400 && YTPlayer.isCompact ) {
YTPlayer.controlBar.removeClass( "compact" );
YTPlayer.isCompact = false;
if( !YTPlayer.isMute && YTPlayer.volumeBar ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol );
}
if( YTPlayer.player.getPlayerState() == 1 && ( parseFloat( YTPlayer.player.getDuration() - .5 ) < YTPlayer.player.getCurrentTime() || ( stopAt > 0 && parseFloat( YTPlayer.player.getCurrentTime() ) > stopAt ) ) ) {
if( YTPlayer.isEnded ) return;
YTPlayer.isEnded = true;
setTimeout( function() {
YTPlayer.isEnded = false
}, 1000 );
if( YTPlayer.isPlayList ) {
if( !data.loop || ( data.loop > 0 && YTPlayer.player.loopTime === data.loop - 1 ) ) {
YTPlayer.player.loopTime = undefined;
clearInterval( YTPlayer.getState );
var YTPEnd = jQuery.Event( "YTPEnd" );
YTPEnd.time = YTPlayer.currentTime;
jQuery( YTPlayer ).trigger( YTPEnd );
//YTPlayer.state = 0;
return;
}
} else if( !data.loop || ( data.loop > 0 && YTPlayer.player.loopTime === data.loop - 1 ) ) {
YTPlayer.player.loopTime = undefined;
YTPlayer.preventTrigger = true;
YTPlayer.state = 2;
jQuery( YTPlayer ).YTPPause();
YTPlayer.wrapper.CSSAnimate( {
opacity: 0
}, YTPlayer.opt.fadeOnStartTime, function() {
if( YTPlayer.controlBar.length )
YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play );
var YTPEnd = jQuery.Event( "YTPEnd" );
YTPEnd.time = YTPlayer.currentTime;
jQuery( YTPlayer ).trigger( YTPEnd );
YTPlayer.player.seekTo( startAt, true );
if( !YTPlayer.isBackground ) {
if( YTPlayer.opt.backgroundUrl && YTPlayer.isPlayer ) {
YTPlayer.opt.backgroundUrl = YTPlayer.opt.backgroundUrl || YTPlayer.orig_background;
YTPlayer.opt.containment.css( {
background: "url(" + YTPlayer.opt.backgroundUrl + ") center center",
backgroundSize: "cover"
} );
}
} else {
if( YTPlayer.orig_background )
jQuery( YTPlayer ).css( "background-image", YTPlayer.orig_background );
}
} );
return;
}
YTPlayer.player.loopTime = YTPlayer.player.loopTime ? ++YTPlayer.player.loopTime : 1;
startAt = startAt || 1;
YTPlayer.preventTrigger = true;
YTPlayer.state = 2;
jQuery( YTPlayer ).YTPPause();
YTPlayer.player.seekTo( startAt, true );
$YTPlayer.YTPPlay();
}
}, interval );
},
/**
* getTime
*
* @returns {string} time
*/
getTime: function() {
var YTPlayer = this.get( 0 );
return jQuery.mbYTPlayer.formatTime( YTPlayer.currentTime );
},
/**
* getTotalTime
*
* @returns {string} total time
*/
getTotalTime: function() {
var YTPlayer = this.get( 0 );
return jQuery.mbYTPlayer.formatTime( YTPlayer.totalTime );
},
/**
* checkForStart
*
* @param YTPlayer
*/
checkForStart: function( YTPlayer ) {
var $YTPlayer = jQuery( YTPlayer );
//Checking if player has been removed from scene
if( !jQuery.contains( document, YTPlayer ) ) {
jQuery( YTPlayer ).YTPPlayerDestroy();
return
}
YTPlayer.preventTrigger = true;
YTPlayer.state = 2;
//jQuery( YTPlayer ).YTPPlay();
jQuery( YTPlayer ).YTPPause();
jQuery( YTPlayer ).muteYTPVolume();
jQuery( "#controlBar_" + YTPlayer.id ).remove();
YTPlayer.controlBar = false;
if( YTPlayer.opt.showControls )
jQuery.mbYTPlayer.buildControls( YTPlayer );
if( YTPlayer.overlay )
if( YTPlayer.opt.addRaster ) {
var classN = YTPlayer.opt.addRaster == "dot" ? "raster-dot" : "raster";
YTPlayer.overlay.addClass( YTPlayer.isRetina ? classN + " retina" : classN );
} else {
YTPlayer.overlay.removeClass( function( index, classNames ) {
// change the list into an array
var current_classes = classNames.split( " " ),
// array of classes which are to be removed
classes_to_remove = [];
jQuery.each( current_classes, function( index, class_name ) {
// if the classname begins with bg add it to the classes_to_remove array
if( /raster.*/.test( class_name ) ) {
classes_to_remove.push( class_name );
}
} );
classes_to_remove.push( "retina" );
// turn the array back into a string
return classes_to_remove.join( " " );
} )
}
var startAt = YTPlayer.start_from_last ? YTPlayer.start_from_last : YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1;
YTPlayer.start_from_last = null;
YTPlayer.player.playVideo();
YTPlayer.player.seekTo( startAt, true );
clearInterval( YTPlayer.checkForStartAt );
YTPlayer.checkForStartAt = setInterval( function() {
jQuery( YTPlayer ).YTPMute();
var canPlayVideo = YTPlayer.player.getVideoLoadedFraction() >= startAt / YTPlayer.player.getDuration();
if( YTPlayer.player.getDuration() > 0 && YTPlayer.player.getCurrentTime() >= startAt && canPlayVideo ) {
clearInterval( YTPlayer.checkForStartAt );
if( typeof YTPlayer.opt.onReady == "function" )
YTPlayer.opt.onReady( YTPlayer );
YTPlayer.isReady = true;
var YTPready = jQuery.Event( "YTPReady" );
YTPready.time = YTPlayer.currentTime;
jQuery( YTPlayer ).trigger( YTPready );
YTPlayer.preventTrigger = true;
YTPlayer.state = 2;
jQuery( YTPlayer ).YTPPause();
if( !YTPlayer.opt.mute )
jQuery( YTPlayer ).YTPUnmute();
YTPlayer.canTrigger = true;
if( YTPlayer.opt.autoPlay ) {
var YTPStart = jQuery.Event( "YTPStart" );
YTPStart.time = YTPlayer.currentTime;
jQuery( YTPlayer ).trigger( YTPStart );
jQuery( YTPlayer.playerEl ).CSSAnimate( {
opacity: 1
}, 1000 );
YTPlayer.wrapper.CSSAnimate( {
opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity
}, YTPlayer.opt.fadeOnStartTime * 2 );
$YTPlayer.YTPPlay();
// Fix for Safari freeze
if( jQuery.mbBrowser.os.name == "mac" && jQuery.mbBrowser.safari && jQuery.mbBrowser.versionCompare( jQuery.mbBrowser.fullVersion, "10.1" ) < 0 ) { //jQuery.mbBrowser.os.minor_version < 11
YTPlayer.safariPlay = setInterval( function() {
if( YTPlayer.state != 1 )
$YTPlayer.YTPPlay();
else
clearInterval( YTPlayer.safariPlay )
}, 10 )
}
$YTPlayer.one( "YTPReady", function() {
$YTPlayer.YTPPlay();
} );
} else {
//YTPlayer.player.playVideo();
setTimeout( function() {
YTPlayer.player.pauseVideo();
YTPlayer.player.seekTo( startAt, true );
if( !YTPlayer.isPlayer ) {
jQuery( YTPlayer.playerEl ).CSSAnimate( {
opacity: 1
}, YTPlayer.opt.fadeOnStartTime );
YTPlayer.wrapper.CSSAnimate( {
opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity
}, YTPlayer.opt.fadeOnStartTime );
}
}, 250 );
if( YTPlayer.controlBar.length )
YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play );
//$YTPlayer.YTPPlay();
}
if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay && ( YTPlayer.loading && YTPlayer.loading.length ) ) {
YTPlayer.loading.html( "Ready" );
setTimeout( function() {
YTPlayer.loading.fadeOut();
}, 100 )
}
if( YTPlayer.controlBar && YTPlayer.controlBar.length )
YTPlayer.controlBar.slideDown( 1000 );
} else if( jQuery.mbBrowser.os.name == "mac" && jQuery.mbBrowser.safari && jQuery.mbBrowser.fullVersion && jQuery.mbBrowser.versionCompare( jQuery.mbBrowser.fullVersion, "10.1" ) < 0 ) { //jQuery.mbBrowser.os.minor_version < 11
YTPlayer.player.playVideo();
if( startAt >= 0 )
YTPlayer.player.seekTo( startAt, true );
}
}, 100 );
},
/**
* setAnchor
*
* @param anchor
*/
setAnchor: function( anchor ) {
var $YTplayer = this;
$YTplayer.optimizeDisplay( anchor );
},
/**
* getAnchor
*
* @param anchor
*/
getAnchor: function() {
var YTPlayer = this.get( 0 );
return YTPlayer.opt.anchor;
},
/**
* formatTime
*
* @param s
* @returns {string}
*/
formatTime: function( s ) {
var min = Math.floor( s / 60 );
var sec = Math.floor( s - ( 60 * min ) );
return( min <= 9 ? "0" + min : min ) + " : " + ( sec <= 9 ? "0" + sec : sec );
}
};
/**
*
* @param anchor
* can be center, top, bottom, right, left; (default is center,center)
*/
jQuery.fn.optimizeDisplay = function( anchor ) {
var YTPlayer = this.get( 0 );
var playerBox = jQuery( YTPlayer.playerEl );
var vid = {};
YTPlayer.opt.anchor = anchor || YTPlayer.opt.anchor;
YTPlayer.opt.anchor = typeof YTPlayer.opt.anchor != "undefined " ? YTPlayer.opt.anchor : "center,center";
var YTPAlign = YTPlayer.opt.anchor.split( "," );
//data.optimizeDisplay = YTPlayer.isPlayer ? false : data.optimizeDisplay;
if( YTPlayer.opt.optimizeDisplay ) {
var abundance = YTPlayer.isPlayer ? 0 : 180;
var win = {};
var el = YTPlayer.wrapper;
win.width = el.outerWidth();
win.height = el.outerHeight() + abundance;
YTPlayer.opt.ratio = eval( YTPlayer.opt.ratio );
vid.width = win.width;
// vid.height = YTPlayer.opt.ratio == "16/9" ? Math.ceil( vid.width * ( 9 / 16 ) ) : Math.ceil( vid.width * ( 3 / 4 ) );
vid.height = Math.ceil( vid.width / YTPlayer.opt.ratio );
vid.marginTop = Math.ceil( -( ( vid.height - win.height ) / 2 ) );
vid.marginLeft = 0;
var lowest = vid.height < win.height;
if( lowest ) {
vid.height = win.height;
// vid.width = YTPlayer.opt.ratio == "16/9" ? Math.floor( vid.height * ( 16 / 9 ) ) : Math.floor( vid.height * ( 4 / 3 ) );
vid.width = Math.ceil( vid.height * YTPlayer.opt.ratio );
vid.marginTop = 0;
vid.marginLeft = Math.ceil( -( ( vid.width - win.width ) / 2 ) );
}
for( var a in YTPAlign ) {
if( YTPAlign.hasOwnProperty( a ) ) {
var al = YTPAlign[ a ].replace( / /g, "" );
switch( al ) {
case "top":
vid.marginTop = lowest ? -( ( vid.height - win.height ) / 2 ) : 0;
break;
case "bottom":
vid.marginTop = lowest ? 0 : -( vid.height - ( win.height ) );
break;
case "left":
vid.marginLeft = 0;
break;
case "right":
vid.marginLeft = lowest ? -( vid.width - win.width ) : 0;
break;
default:
if( vid.width > win.width )
vid.marginLeft = -( ( vid.width - win.width ) / 2 );
break;
}
}
}
} else {
vid.width = "100%";
vid.height = "100%";
vid.marginTop = 0;
vid.marginLeft = 0;
}
playerBox.css( {
width: vid.width,
height: vid.height,
marginTop: vid.marginTop,
marginLeft: vid.marginLeft,
maxWidth: "initial"
} );
};
/**
*
* @param arr
* @returns {Array|string|Blob|*}
*
*/
jQuery.shuffle = function( arr ) {
var newArray = arr.slice();
var len = newArray.length;
var i = len;
while( i-- ) {
var p = parseInt( Math.random() * len );
var t = newArray[ i ];
newArray[ i ] = newArray[ p ];
newArray[ p ] = t;
}
return newArray;
};
jQuery.fn.unselectable = function() {
return this.each( function() {
jQuery( this ).css( {
"-moz-user-select": "none",
"-webkit-user-select": "none",
"user-select": "none"
} ).attr( "unselectable", "on" );
} );
};
/* Exposed public method */
jQuery.fn.YTPlayer = jQuery.mbYTPlayer.buildPlayer;
jQuery.fn.YTPGetPlayer = jQuery.mbYTPlayer.getPlayer;
jQuery.fn.YTPGetVideoID = jQuery.mbYTPlayer.getVideoID;
jQuery.fn.YTPChangeMovie = jQuery.mbYTPlayer.changeMovie;
jQuery.fn.YTPPlayerDestroy = jQuery.mbYTPlayer.playerDestroy;
jQuery.fn.YTPPlay = jQuery.mbYTPlayer.play;
jQuery.fn.YTPTogglePlay = jQuery.mbYTPlayer.togglePlay;
jQuery.fn.YTPStop = jQuery.mbYTPlayer.stop;
jQuery.fn.YTPPause = jQuery.mbYTPlayer.pause;
jQuery.fn.YTPSeekTo = jQuery.mbYTPlayer.seekTo;
jQuery.fn.YTPlaylist = jQuery.mbYTPlayer.playlist;
jQuery.fn.YTPPlayNext = jQuery.mbYTPlayer.playNext;
jQuery.fn.YTPPlayPrev = jQuery.mbYTPlayer.playPrev;
jQuery.fn.YTPPlayIndex = jQuery.mbYTPlayer.playIndex;
jQuery.fn.YTPMute = jQuery.mbYTPlayer.mute;
jQuery.fn.YTPUnmute = jQuery.mbYTPlayer.unmute;
jQuery.fn.YTPToggleVolume = jQuery.mbYTPlayer.toggleVolume;
jQuery.fn.YTPSetVolume = jQuery.mbYTPlayer.setVolume;
jQuery.fn.YTPGetVideoData = jQuery.mbYTPlayer.getVideoData;
jQuery.fn.YTPFullscreen = jQuery.mbYTPlayer.fullscreen;
jQuery.fn.YTPToggleLoops = jQuery.mbYTPlayer.toggleLoops;
jQuery.fn.YTPSetVideoQuality = jQuery.mbYTPlayer.setVideoQuality;
jQuery.fn.YTPManageProgress = jQuery.mbYTPlayer.manageProgress;
jQuery.fn.YTPApplyFilter = jQuery.mbYTPlayer.applyFilter;
jQuery.fn.YTPApplyFilters = jQuery.mbYTPlayer.applyFilters;
jQuery.fn.YTPToggleFilter = jQuery.mbYTPlayer.toggleFilter;
jQuery.fn.YTPToggleFilters = jQuery.mbYTPlayer.toggleFilters;
jQuery.fn.YTPRemoveFilter = jQuery.mbYTPlayer.removeFilter;
jQuery.fn.YTPDisableFilters = jQuery.mbYTPlayer.disableFilters;
jQuery.fn.YTPEnableFilters = jQuery.mbYTPlayer.enableFilters;
jQuery.fn.YTPGetFilters = jQuery.mbYTPlayer.getFilters;
jQuery.fn.YTPGetTime = jQuery.mbYTPlayer.getTime;
jQuery.fn.YTPGetTotalTime = jQuery.mbYTPlayer.getTotalTime;
jQuery.fn.YTPAddMask = jQuery.mbYTPlayer.addMask;
jQuery.fn.YTPRemoveMask = jQuery.mbYTPlayer.removeMask;
jQuery.fn.YTPToggleMask = jQuery.mbYTPlayer.toggleMask;
jQuery.fn.YTPSetAnchor = jQuery.mbYTPlayer.setAnchor;
jQuery.fn.YTPGetAnchor = jQuery.mbYTPlayer.getAnchor;
/**
*
* @deprecated
* todo: Above methods will be removed with version 3.5.0
*
**/
jQuery.fn.mb_YTPlayer = jQuery.mbYTPlayer.buildPlayer;
jQuery.fn.playNext = jQuery.mbYTPlayer.playNext;
jQuery.fn.playPrev = jQuery.mbYTPlayer.playPrev;
jQuery.fn.changeMovie = jQuery.mbYTPlayer.changeMovie;
jQuery.fn.getVideoID = jQuery.mbYTPlayer.getVideoID;
jQuery.fn.getPlayer = jQuery.mbYTPlayer.getPlayer;
jQuery.fn.playerDestroy = jQuery.mbYTPlayer.playerDestroy;
jQuery.fn.fullscreen = jQuery.mbYTPlayer.fullscreen;
jQuery.fn.buildYTPControls = jQuery.mbYTPlayer.buildControls;
jQuery.fn.playYTP = jQuery.mbYTPlayer.play;
jQuery.fn.toggleLoops = jQuery.mbYTPlayer.toggleLoops;
jQuery.fn.stopYTP = jQuery.mbYTPlayer.stop;
jQuery.fn.pauseYTP = jQuery.mbYTPlayer.pause;
jQuery.fn.seekToYTP = jQuery.mbYTPlayer.seekTo;
jQuery.fn.muteYTPVolume = jQuery.mbYTPlayer.mute;
jQuery.fn.unmuteYTPVolume = jQuery.mbYTPlayer.unmute;
jQuery.fn.setYTPVolume = jQuery.mbYTPlayer.setVolume;
jQuery.fn.setVideoQuality = jQuery.mbYTPlayer.setVideoQuality;
jQuery.fn.manageYTPProgress = jQuery.mbYTPlayer.manageProgress;
jQuery.fn.YTPGetDataFromFeed = jQuery.mbYTPlayer.getVideoData;
} )( jQuery, ytp );
;
/*
* ******************************************************************************
* jquery.mb.components
* file: jquery.mb.CSSAnimate.min.js
*
* Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi);
* Open lab srl, Firenze - Italy
* email: matteo@open-lab.com
* site: http://pupunzi.com
* blog: http://pupunzi.open-lab.com
* http://open-lab.com
*
* Licences: MIT, GPL
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* last modified: 26/03/14 21.40
* *****************************************************************************
*/
function uncamel(e){return e.replace(/([A-Z])/g,function(e){return"-"+e.toLowerCase()})}function setUnit(e,t){return"string"!=typeof e||e.match(/^[\-0-9\.]+jQuery/)?""+e+t:e}function setFilter(e,t,r){var i=uncamel(t),n=jQuery.browser.mozilla?"":jQuery.CSS.sfx;e[n+"filter"]=e[n+"filter"]||"",r=setUnit(r>jQuery.CSS.filters[t].max?jQuery.CSS.filters[t].max:r,jQuery.CSS.filters[t].unit),e[n+"filter"]+=i+"("+r+") ",delete e[t]}jQuery.support.CSStransition=function(){var e=document.body||document.documentElement,t=e.style;return void 0!==t.transition||void 0!==t.WebkitTransition||void 0!==t.MozTransition||void 0!==t.MsTransition||void 0!==t.OTransition}(),jQuery.CSS={name:"mb.CSSAnimate",author:"Matteo Bicocchi",version:"2.0.0",transitionEnd:"transitionEnd",sfx:"",filters:{blur:{min:0,max:100,unit:"px"},brightness:{min:0,max:400,unit:"%"},contrast:{min:0,max:400,unit:"%"},grayscale:{min:0,max:100,unit:"%"},hueRotate:{min:0,max:360,unit:"deg"},invert:{min:0,max:100,unit:"%"},saturate:{min:0,max:400,unit:"%"},sepia:{min:0,max:100,unit:"%"}},normalizeCss:function(e){var t=jQuery.extend(!0,{},e);jQuery.browser.webkit||jQuery.browser.opera?jQuery.CSS.sfx="-webkit-":jQuery.browser.mozilla?jQuery.CSS.sfx="-moz-":jQuery.browser.msie&&(jQuery.CSS.sfx="-ms-");for(var r in t){"transform"===r&&(t[jQuery.CSS.sfx+"transform"]=t[r],delete t[r]),"transform-origin"===r&&(t[jQuery.CSS.sfx+"transform-origin"]=e[r],delete t[r]),"filter"!==r||jQuery.browser.mozilla||(t[jQuery.CSS.sfx+"filter"]=e[r],delete t[r]),"blur"===r&&setFilter(t,"blur",e[r]),"brightness"===r&&setFilter(t,"brightness",e[r]),"contrast"===r&&setFilter(t,"contrast",e[r]),"grayscale"===r&&setFilter(t,"grayscale",e[r]),"hueRotate"===r&&setFilter(t,"hueRotate",e[r]),"invert"===r&&setFilter(t,"invert",e[r]),"saturate"===r&&setFilter(t,"saturate",e[r]),"sepia"===r&&setFilter(t,"sepia",e[r]);var i="";"x"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" translateX("+setUnit(e[r],"px")+")",delete t[r]),"y"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" translateY("+setUnit(e[r],"px")+")",delete t[r]),"z"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" translateZ("+setUnit(e[r],"px")+")",delete t[r]),"rotate"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotate("+setUnit(e[r],"deg")+")",delete t[r]),"rotateX"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotateX("+setUnit(e[r],"deg")+")",delete t[r]),"rotateY"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotateY("+setUnit(e[r],"deg")+")",delete t[r]),"rotateZ"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotateZ("+setUnit(e[r],"deg")+")",delete t[r]),"scale"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scale("+setUnit(e[r],"")+")",delete t[r]),"scaleX"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scaleX("+setUnit(e[r],"")+")",delete t[r]),"scaleY"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scaleY("+setUnit(e[r],"")+")",delete t[r]),"scaleZ"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scaleZ("+setUnit(e[r],"")+")",delete t[r]),"skew"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" skew("+setUnit(e[r],"deg")+")",delete t[r]),"skewX"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" skewX("+setUnit(e[r],"deg")+")",delete t[r]),"skewY"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" skewY("+setUnit(e[r],"deg")+")",delete t[r]),"perspective"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" perspective("+setUnit(e[r],"px")+")",delete t[r])}return t},getProp:function(e){var t=[];for(var r in e)t.indexOf(r)<0&&t.push(uncamel(r));return t.join(",")},animate:function(e,t,r,i,n){return this.each(function(){function s(){u.called=!0,u.CSSAIsRunning=!1,a.off(jQuery.CSS.transitionEnd+"."+u.id),clearTimeout(u.timeout),a.css(jQuery.CSS.sfx+"transition",""),"function"==typeof n&&n.apply(u),"function"==typeof u.CSSqueue&&(u.CSSqueue(),u.CSSqueue=null)}var u=this,a=jQuery(this);u.id=u.id||"CSSA_"+(new Date).getTime();var o=o||{type:"noEvent"};if(u.CSSAIsRunning&&u.eventType==o.type&&!jQuery.browser.msie&&jQuery.browser.version<=9)return void(u.CSSqueue=function(){a.CSSAnimate(e,t,r,i,n)});if(u.CSSqueue=null,u.eventType=o.type,0!==a.length&&e){if(e=jQuery.normalizeCss(e),u.CSSAIsRunning=!0,"function"==typeof t&&(n=t,t=jQuery.fx.speeds._default),"function"==typeof r&&(i=r,r=0),"string"==typeof r&&(n=r,r=0),"function"==typeof i&&(n=i,i="cubic-bezier(0.65,0.03,0.36,0.72)"),"string"==typeof t)for(var f in jQuery.fx.speeds){if(t==f){t=jQuery.fx.speeds[f];break}t=jQuery.fx.speeds._default}if(t||(t=jQuery.fx.speeds._default),"string"==typeof n&&(i=n,n=null),!jQuery.support.CSStransition){for(var c in e){if("transform"===c&&delete e[c],"filter"===c&&delete e[c],"transform-origin"===c&&delete e[c],"auto"===e[c]&&delete e[c],"x"===c){var S=e[c],l="left";e[l]=S,delete e[c]}if("y"===c){var S=e[c],l="top";e[l]=S,delete e[c]}("-ms-transform"===c||"-ms-filter"===c)&&delete e[c]}return void a.delay(r).animate(e,t,n)}var y={"default":"ease","in":"ease-in",out:"ease-out","in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)",easeOutCubic:"cubic-bezier(.215,.61,.355,1)",easeInOutCubic:"cubic-bezier(.645,.045,.355,1)",easeInCirc:"cubic-bezier(.6,.04,.98,.335)",easeOutCirc:"cubic-bezier(.075,.82,.165,1)",easeInOutCirc:"cubic-bezier(.785,.135,.15,.86)",easeInExpo:"cubic-bezier(.95,.05,.795,.035)",easeOutExpo:"cubic-bezier(.19,1,.22,1)",easeInOutExpo:"cubic-bezier(1,0,0,1)",easeInQuad:"cubic-bezier(.55,.085,.68,.53)",easeOutQuad:"cubic-bezier(.25,.46,.45,.94)",easeInOutQuad:"cubic-bezier(.455,.03,.515,.955)",easeInQuart:"cubic-bezier(.895,.03,.685,.22)",easeOutQuart:"cubic-bezier(.165,.84,.44,1)",easeInOutQuart:"cubic-bezier(.77,0,.175,1)",easeInQuint:"cubic-bezier(.755,.05,.855,.06)",easeOutQuint:"cubic-bezier(.23,1,.32,1)",easeInOutQuint:"cubic-bezier(.86,0,.07,1)",easeInSine:"cubic-bezier(.47,0,.745,.715)",easeOutSine:"cubic-bezier(.39,.575,.565,1)",easeInOutSine:"cubic-bezier(.445,.05,.55,.95)",easeInBack:"cubic-bezier(.6,-.28,.735,.045)",easeOutBack:"cubic-bezier(.175, .885,.32,1.275)",easeInOutBack:"cubic-bezier(.68,-.55,.265,1.55)"};y[i]&&(i=y[i]),a.off(jQuery.CSS.transitionEnd+"."+u.id);var m=jQuery.CSS.getProp(e),d={};jQuery.extend(d,e),d[jQuery.CSS.sfx+"transition-property"]=m,d[jQuery.CSS.sfx+"transition-duration"]=t+"ms",d[jQuery.CSS.sfx+"transition-delay"]=r+"ms",d[jQuery.CSS.sfx+"transition-timing-function"]=i,setTimeout(function(){a.one(jQuery.CSS.transitionEnd+"."+u.id,s),a.css(d)},1),u.timeout=setTimeout(function(){return u.called||!n?(u.called=!1,void(u.CSSAIsRunning=!1)):(a.css(jQuery.CSS.sfx+"transition",""),n.apply(u),u.CSSAIsRunning=!1,void("function"==typeof u.CSSqueue&&(u.CSSqueue(),u.CSSqueue=null)))},t+r+10)}})}},jQuery.fn.CSSAnimate=jQuery.CSS.animate,jQuery.normalizeCss=jQuery.CSS.normalizeCss,jQuery.fn.css3=function(e){return this.each(function(){var t=jQuery(this),r=jQuery.normalizeCss(e);t.css(r)})};
;/*___________________________________________________________________________________________________________________________________________________
_ jquery.mb.components _
_ _
_ file: jquery.mb.browser.min.js _
_ last modified: 24/05/17 19.56 _
_ _
_ Open Lab s.r.l., Florence - Italy _
_ _
_ email: matteo@open-lab.com _
_ site: http://pupunzi.com _
_ http://open-lab.com _
_ blog: http://pupunzi.open-lab.com _
_ Q&A: http://jquery.pupunzi.com _
_ _
_ Licences: MIT, GPL _
_ http://www.opensource.org/licenses/mit-license.php _
_ http://www.gnu.org/licenses/gpl.html _
_ _
_ Copyright (c) 2001-2017. Matteo Bicocchi (Pupunzi); _
___________________________________________________________________________________________________________________________________________________*/
var nAgt=navigator.userAgent;jQuery.browser=jQuery.browser||{};jQuery.browser.mozilla=!1;jQuery.browser.webkit=!1;jQuery.browser.opera=!1;jQuery.browser.safari=!1;jQuery.browser.chrome=!1;jQuery.browser.androidStock=!1;jQuery.browser.msie=!1;jQuery.browser.edge=!1;jQuery.browser.ua=nAgt;function isTouchSupported(){var a=nAgt.msMaxTouchPoints,e="ontouchstart"in document.createElement("div");return a||e?!0:!1}
var getOS=function(){var a={version:"Unknown version",name:"Unknown OS"};-1!=navigator.appVersion.indexOf("Win")&&(a.name="Windows");-1!=navigator.appVersion.indexOf("Mac")&&0>navigator.appVersion.indexOf("Mobile")&&(a.name="Mac");-1!=navigator.appVersion.indexOf("Linux")&&(a.name="Linux");/Mac OS X/.test(nAgt)&&!/Mobile/.test(nAgt)&&(a.version=/Mac OS X (10[\.\_\d]+)/.exec(nAgt)[1],a.version=a.version.replace(/_/g,".").substring(0,5));/Windows/.test(nAgt)&&(a.version="Unknown.Unknown");/Windows NT 5.1/.test(nAgt)&&
(a.version="5.1");/Windows NT 6.0/.test(nAgt)&&(a.version="6.0");/Windows NT 6.1/.test(nAgt)&&(a.version="6.1");/Windows NT 6.2/.test(nAgt)&&(a.version="6.2");/Windows NT 10.0/.test(nAgt)&&(a.version="10.0");/Linux/.test(nAgt)&&/Linux/.test(nAgt)&&(a.version="Unknown.Unknown");a.name=a.name.toLowerCase();a.major_version="Unknown";a.minor_version="Unknown";"Unknown.Unknown"!=a.version&&(a.major_version=parseFloat(a.version.split(".")[0]),a.minor_version=parseFloat(a.version.split(".")[1]));return a};
jQuery.browser.os=getOS();jQuery.browser.hasTouch=isTouchSupported();jQuery.browser.name=navigator.appName;jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion);jQuery.browser.majorVersion=parseInt(navigator.appVersion,10);var nameOffset,verOffset,ix;
if(-1!=(verOffset=nAgt.indexOf("Opera")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+6),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8));else if(-1!=(verOffset=nAgt.indexOf("OPR")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+4);else if(-1!=(verOffset=nAgt.indexOf("MSIE")))jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer",
jQuery.browser.fullVersion=nAgt.substring(verOffset+5);else if(-1!=nAgt.indexOf("Trident")){jQuery.browser.msie=!0;jQuery.browser.name="Microsoft Internet Explorer";var start=nAgt.indexOf("rv:")+3,end=start+4;jQuery.browser.fullVersion=nAgt.substring(start,end)}else-1!=(verOffset=nAgt.indexOf("Edge"))?(jQuery.browser.edge=!0,jQuery.browser.name="Microsoft Edge",jQuery.browser.fullVersion=nAgt.substring(verOffset+5)):-1!=(verOffset=nAgt.indexOf("Chrome"))?(jQuery.browser.webkit=!0,jQuery.browser.chrome=
!0,jQuery.browser.name="Chrome",jQuery.browser.fullVersion=nAgt.substring(verOffset+7)):-1<nAgt.indexOf("mozilla/5.0")&&-1<nAgt.indexOf("android ")&&-1<nAgt.indexOf("applewebkit")&&!(-1<nAgt.indexOf("chrome"))?(verOffset=nAgt.indexOf("Chrome"),jQuery.browser.webkit=!0,jQuery.browser.androidStock=!0,jQuery.browser.name="androidStock",jQuery.browser.fullVersion=nAgt.substring(verOffset+7)):-1!=(verOffset=nAgt.indexOf("Safari"))?(jQuery.browser.webkit=!0,jQuery.browser.safari=!0,jQuery.browser.name=
"Safari",jQuery.browser.fullVersion=nAgt.substring(verOffset+7),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8))):-1!=(verOffset=nAgt.indexOf("AppleWebkit"))?(jQuery.browser.webkit=!0,jQuery.browser.safari=!0,jQuery.browser.name="Safari",jQuery.browser.fullVersion=nAgt.substring(verOffset+7),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8))):-1!=(verOffset=nAgt.indexOf("Firefox"))?(jQuery.browser.mozilla=
!0,jQuery.browser.name="Firefox",jQuery.browser.fullVersion=nAgt.substring(verOffset+8)):(nameOffset=nAgt.lastIndexOf(" ")+1)<(verOffset=nAgt.lastIndexOf("/"))&&(jQuery.browser.name=nAgt.substring(nameOffset,verOffset),jQuery.browser.fullVersion=nAgt.substring(verOffset+1),jQuery.browser.name.toLowerCase()==jQuery.browser.name.toUpperCase()&&(jQuery.browser.name=navigator.appName));
-1!=(ix=jQuery.browser.fullVersion.indexOf(";"))&&(jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix));-1!=(ix=jQuery.browser.fullVersion.indexOf(" "))&&(jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix));jQuery.browser.majorVersion=parseInt(""+jQuery.browser.fullVersion,10);isNaN(jQuery.browser.majorVersion)&&(jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion),jQuery.browser.majorVersion=parseInt(navigator.appVersion,10));
jQuery.browser.version=jQuery.browser.majorVersion;jQuery.browser.android=/Android/i.test(nAgt);jQuery.browser.blackberry=/BlackBerry|BB|PlayBook/i.test(nAgt);jQuery.browser.ios=/iPhone|iPad|iPod|webOS/i.test(nAgt);jQuery.browser.operaMobile=/Opera Mini/i.test(nAgt);jQuery.browser.windowsMobile=/IEMobile|Windows Phone/i.test(nAgt);jQuery.browser.kindle=/Kindle|Silk/i.test(nAgt);
jQuery.browser.mobile=jQuery.browser.android||jQuery.browser.blackberry||jQuery.browser.ios||jQuery.browser.windowsMobile||jQuery.browser.operaMobile||jQuery.browser.kindle;jQuery.isMobile=jQuery.browser.mobile;jQuery.isTablet=jQuery.browser.mobile&&765<jQuery(window).width();jQuery.isAndroidDefault=jQuery.browser.android&&!/chrome/i.test(nAgt);jQuery.mbBrowser=jQuery.browser;
jQuery.browser.versionCompare=function(a,e){if("stringstring"!=typeof a+typeof e)return!1;for(var c=a.split("."),d=e.split("."),b=0,f=Math.max(c.length,d.length);b<f;b++){if(c[b]&&!d[b]&&0<parseInt(c[b])||parseInt(c[b])>parseInt(d[b]))return 1;if(d[b]&&!c[b]&&0<parseInt(d[b])||parseInt(c[b])<parseInt(d[b]))return-1}return 0};
;/*___________________________________________________________________________________________________________________________________________________
_ jquery.mb.components _
_ _
_ file: jquery.mb.simpleSlider.min.js _
_ last modified: 09/05/17 19.31 _
_ _
_ Open Lab s.r.l., Florence - Italy _
_ _
_ email: matteo@open-lab.com _
_ site: http://pupunzi.com _
_ http://open-lab.com _
_ blog: http://pupunzi.open-lab.com _
_ Q&A: http://jquery.pupunzi.com _
_ _
_ Licences: MIT, GPL _
_ http://www.opensource.org/licenses/mit-license.php _
_ http://www.gnu.org/licenses/gpl.html _
_ _
_ Copyright (c) 2001-2017. Matteo Bicocchi (Pupunzi); _
___________________________________________________________________________________________________________________________________________________*/
(function(b){b.simpleSlider={defaults:{initialval:0,scale:100,orientation:"h",readonly:!1,callback:!1},events:{start:b.browser.mobile?"touchstart":"mousedown",end:b.browser.mobile?"touchend":"mouseup",move:b.browser.mobile?"touchmove":"mousemove"},init:function(c){return this.each(function(){var a=this,d=b(a);d.addClass("simpleSlider");a.opt={};b.extend(a.opt,b.simpleSlider.defaults,c);b.extend(a.opt,d.data());var e="h"==a.opt.orientation?"horizontal":"vertical";e=b("<div/>").addClass("level").addClass(e);
d.prepend(e);a.level=e;d.css({cursor:"default"});"auto"==a.opt.scale&&(a.opt.scale=b(a).outerWidth());d.updateSliderVal();a.opt.readonly||(d.on(b.simpleSlider.events.start,function(c){b.browser.mobile&&(c=c.changedTouches[0]);a.canSlide=!0;d.updateSliderVal(c);"h"==a.opt.orientation?d.css({cursor:"col-resize"}):d.css({cursor:"row-resize"});b.browser.mobile||(c.preventDefault(),c.stopPropagation())}),b(document).on(b.simpleSlider.events.move,function(c){b.browser.mobile&&(c=c.changedTouches[0]);a.canSlide&&
(b(document).css({cursor:"default"}),d.updateSliderVal(c),b.browser.mobile||(c.preventDefault(),c.stopPropagation()))}).on(b.simpleSlider.events.end,function(){b(document).css({cursor:"auto"});a.canSlide=!1;d.css({cursor:"auto"})}))})},updateSliderVal:function(c){var a=this.get(0);if(a.opt){a.opt.initialval="number"==typeof a.opt.initialval?a.opt.initialval:a.opt.initialval(a);var d=b(a).outerWidth(),e=b(a).outerHeight();a.x="object"==typeof c?c.clientX+document.body.scrollLeft-this.offset().left:
"number"==typeof c?c*d/a.opt.scale:a.opt.initialval*d/a.opt.scale;a.y="object"==typeof c?c.clientY+document.body.scrollTop-this.offset().top:"number"==typeof c?(a.opt.scale-a.opt.initialval-c)*e/a.opt.scale:a.opt.initialval*e/a.opt.scale;a.y=this.outerHeight()-a.y;a.scaleX=a.x*a.opt.scale/d;a.scaleY=a.y*a.opt.scale/e;a.outOfRangeX=a.scaleX>a.opt.scale?a.scaleX-a.opt.scale:0>a.scaleX?a.scaleX:0;a.outOfRangeY=a.scaleY>a.opt.scale?a.scaleY-a.opt.scale:0>a.scaleY?a.scaleY:0;a.outOfRange="h"==a.opt.orientation?
a.outOfRangeX:a.outOfRangeY;a.value="undefined"!=typeof c?"h"==a.opt.orientation?a.x>=this.outerWidth()?a.opt.scale:0>=a.x?0:a.scaleX:a.y>=this.outerHeight()?a.opt.scale:0>=a.y?0:a.scaleY:"h"==a.opt.orientation?a.scaleX:a.scaleY;"h"==a.opt.orientation?a.level.width(Math.floor(100*a.x/d)+"%"):a.level.height(Math.floor(100*a.y/e));"function"==typeof a.opt.callback&&a.opt.callback(a)}}};b.fn.simpleSlider=b.simpleSlider.init;b.fn.updateSliderVal=b.simpleSlider.updateSliderVal})(jQuery);
;/*___________________________________________________________________________________________________________________________________________________
_ jquery.mb.components _
_ _
_ file: jquery.mb.storage.min.js _
_ last modified: 24/05/15 16.08 _
_ _
_ Open Lab s.r.l., Florence - Italy _
_ _
_ email: matteo@open-lab.com _
_ site: http://pupunzi.com _
_ http://open-lab.com _
_ blog: http://pupunzi.open-lab.com _
_ Q&A: http://jquery.pupunzi.com _
_ _
_ Licences: MIT, GPL _
_ http://www.opensource.org/licenses/mit-license.php _
_ http://www.gnu.org/licenses/gpl.html _
_ _
_ Copyright (c) 2001-2015. Matteo Bicocchi (Pupunzi); _
___________________________________________________________________________________________________________________________________________________*/
(function(d){d.mbCookie={set:function(a,c,f,b){"object"==typeof c&&(c=JSON.stringify(c));b=b?"; domain="+b:"";var e=new Date,d="";0<f&&(e.setTime(e.getTime()+864E5*f),d="; expires="+e.toGMTString());document.cookie=a+"="+c+d+"; path=/"+b},get:function(a){a+="=";for(var c=document.cookie.split(";"),d=0;d<c.length;d++){for(var b=c[d];" "==b.charAt(0);)b=b.substring(1,b.length);if(0==b.indexOf(a))try{return JSON.parse(b.substring(a.length,b.length))}catch(e){return b.substring(a.length,b.length)}}return null},
remove:function(a){d.mbCookie.set(a,"",-1)}};d.mbStorage={set:function(a,c){"object"==typeof c&&(c=JSON.stringify(c));localStorage.setItem(a,c)},get:function(a){if(localStorage[a])try{return JSON.parse(localStorage[a])}catch(c){return localStorage[a]}else return null},remove:function(a){a?localStorage.removeItem(a):localStorage.clear()}}})(jQuery);
}
if (jQuery(".spirit-header").length) {
(function() {
var width, height, largeHeader, canvas, ctx, circles, target, animateHeader = true;
// Main
initHeader();
addListeners();
function initHeader() {
width = window.innerWidth;
height = window.innerHeight;
target = {x: 0, y: height};
largeHeader = document.getElementById('spirit-header');
largeHeader.style.height = height+'px';
canvas = document.getElementById('spirit-canvas');
canvas.width = width;
canvas.height = height;
ctx = canvas.getContext('2d');
// create particles
circles = [];
for(var x = 0; x < width*0.5; x++) {
var c = new Circle();
circles.push(c);
}
animate();
}
// Event handling
function addListeners() {
window.addEventListener('scroll', scrollCheck);
window.addEventListener('resize', resize);
}
function scrollCheck() {
if(document.body.scrollTop > height) animateHeader = false;
else animateHeader = true;
}
function resize() {
width = window.innerWidth;
height = window.innerHeight;
largeHeader.style.height = height+'px';
canvas.width = width;
canvas.height = height;
}
function animate() {
if(animateHeader) {
ctx.clearRect(0,0,width,height);
for(var i in circles) {
circles[i].draw();
}
}
requestAnimationFrame(animate);
}
// Canvas manipulation
function Circle() {
var _this = this;
// constructor
(function() {
_this.pos = {};
init();
})();
function init() {
_this.pos.x = Math.random()*width;
_this.pos.y = height+Math.random()*100;
_this.alpha = 0.1+Math.random()*0.5;
_this.scale = 0.1+Math.random()*0.3;
_this.velocity = Math.random();
}
this.draw = function() {
if(_this.alpha <= 0) {
init();
}
_this.pos.y -= _this.velocity;
_this.alpha -= 0.0005;
ctx.beginPath();
ctx.arc(_this.pos.x, _this.pos.y, _this.scale*10, 0, 2 * Math.PI, false);
ctx.fillStyle = 'rgba(255,255,255,'+ _this.alpha+')';
ctx.fill();
};
}
})();
}