You are on page 1of 9

<script>

(function() {
var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments);
}; };

(function($) {
var FSP, defaults, pluginName;
pluginName = "fullScreenPopup";
defaults = {
bgColor: "#000",
inlineStyles: true,
lockDocumentScroll: true,
mainWrapperClass: "fsp-wrapper",
contentWrapperClass: "fsp-content",
closePopupClass: "fsp-close",
animationSpeed: 200
};
FSP = (function() {
function FSP(element, options) {
this.element = element;
this.closePopup = __bind(this.closePopup, this);
this.init = __bind(this.init, this);
this.options = $.extend({}, defaults, options);
this._defaults = defaults;
this._name = pluginName;
this.element = $(this.element);
this.body = $("body");
this.element.on("click", this.init);
}

FSP.prototype.init = function(event) {
event.preventDefault();
this.getTarget();
this.getTargetSizes();
this.createWrappers();
this.wrapTarget();
if (this.options.lockDocumentScroll) {
this.lockDocumentScroll();
}
this.render();
return this.bindEvents();
};

FSP.prototype.getTarget = function() {
this.target = $(this.element.attr("href") || this.element.data("popup"));
return this.targetParent = this.target.parent();
};

FSP.prototype.getTargetSizes = function() {
return this.targetSizes = {
width: this.target.width(),
height: this.target.height()
};
};

FSP.prototype.wrapTarget = function() {
this.target = this.detachFromDom(this.target);
return this.target.appendTo(this.contentWrapper);
};
FSP.prototype.render = function() {
this.target.show();
this.attachToDom(this.mainWrapper, "body");
this.popupCentered();
return this.mainWrapper.fadeIn(this.options.animationSpeed);
};

FSP.prototype.detachFromDom = function(element) {
return element.detach();
};

FSP.prototype.attachToDom = function(element, target) {


return element.appendTo(target);
};

FSP.prototype.bindEvents = function() {
return this.close.on("click", this.closePopup);
};

FSP.prototype.createWrappers = function() {
this.mainWrapper = $("<div/>", {
"class": "" + this.options.mainWrapperClass,
"style": this.options.inlineStyles ? "background: " +
this.options.bgColor + "; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-
index: 9999; overflow-y: auto; overflow-x: hidden; display: none" : void 0
});
this.contentWrapper = $("<div/>", {
"class": "" + this.options.contentWrapperClass,
"style": "width: " + this.targetSizes.width + "px; height: " +
this.targetSizes.height + "px; position: absolute; top: 50%; left: 50%; margin-
left: -" + (this.targetSizes.width / 2) + "px; margin-top: -" +
(this.targetSizes.height / 2) + "px"
}).appendTo(this.mainWrapper);
return this.close = $("<a/>", {
href: "#",
html: "&times;",
"class": "" + this.options.closePopupClass,
"style": this.options.inlineStyles ? "position: absolute; right: 2em;
top: 2em;" : void 0
}).appendTo(this.mainWrapper);
};

FSP.prototype.popupCentered = function() {};

FSP.prototype.closePopup = function(event) {
var self;
event.preventDefault();
self = this;
return this.mainWrapper.fadeOut(this.options.animationSpeed, function() {
if (self.options.lockDocumentScroll) {
self.unlockDocumentScroll();
}
self.target = self.detachFromDom(self.target);
self.target.hide();
self.attachToDom(self.target, self.targetParent);
return self.deleteWrappers();
});
};
FSP.prototype.deleteWrappers = function() {
return this.mainWrapper.remove();
};

FSP.prototype.lockDocumentScroll = function() {
return this.body.css({
"overflow": "hidden"
});
};

FSP.prototype.unlockDocumentScroll = function() {
return this.body.css({
"overflow": "visible"
});
};

return FSP;

})();
return $.fn[pluginName] = function(options) {
return this.each(function() {
if (!$.data(this, "plugin_" + pluginName)) {
return $.data(this, "plugin_" + pluginName, new FSP(this, options));
}
});
};
})(jQuery);

}).call(this);</script>

<script>
$(function() {
$(".open-popup").fullScreenPopup({
bgColor: '#000'
});
});
</script>

<!-- Tp 1 -->

<center>
<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:
medium;"><i><b>Tp 1</b></i></span></button>
<div id="popup" style="display: none; width: 1280px;">
<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 2 -->
<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:
medium;"><i><b>Tp 2</b></i></span></button>
<div id="popup" style="display: none; width: 1280px;">
<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 3 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 3</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 4 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 4</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 5 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 5</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 6 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 6</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 7 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 7</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 8 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 8</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 9 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 9</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 10 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 10</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 11 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 11</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 12 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 12</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 13 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 13</b></i></span></button>
<div id="popup" style="display: none; width: 1280px;">
<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 14 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 14</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 15 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 15</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 16 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 16</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 17 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 17</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 18 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 18</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 19 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 19</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
<!-- Tp 20 -->

<button class="open-popup" data-popup="#popup"><span style="color: red; font-size:


medium;"><i><b>Tp 20</b></i></span></button>

<div id="popup" style="display: none; width: 1280px;">


<div style="overflow: hidden; padding-bottom: 56.25%; position: relative;">
<embed allowfullscreen="true" frameborder="0" height="100%"
mozallowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="low" scrolling="auto" src="https://video.google.com/get_player?
docid=0B4SzK22YKR3PRUlIcEQyYUVmVHM&amp;ps=docs&amp;partnerid=30&amp;cc_load_policy=
1&amp;version=3&amp;showinfo=0&amp;autoplay=1" style="position: absolute;"
type="application/x-shockwave-flash" webkitallowfullscreen="true"
width="100%"></embed>
</div>
</div>
</center>

You might also like