Team:Technion HS Israel/js/Homepage.js
/*
Glow effect plugin for jQuery using CSS3 and filters
It uses filters to add glow effects on PNG images
Copyright (c) 1997-2012 Djenad Razic, Machinez Design http://www.machinezdesign.com
Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
Project home: https://github.com/MisterDr/JQuery-Glow
Usage:
Enable glow and set color and radius:
$("#testimg").glow({ radius: "20", color:"green"});
Disable glow:
$("#testimg").glow({ radius: "20", color:"green", disable:true });
or
$("#testimg").glow({ disable:true });
Version 1.0
Tested on: IPad (IOS 6 required), Chrome 18.0, Firefox 16.0.1, IE 9 (Lower versions should work by Microsoft's browser specifications) With jQuery 1.7.2
Version 1.1
Added blink feature to blink over one second.
Example:
$("#testimg").glow({ radius: "20", color:"green", disable:true, blink:true });
Version 1.2
Added configurable blink timegap feature
Example:
$("#testimg").glow({ radius: "20", color:"green", disable:true, blink:true, timegap:2000 });
- /
(function ($) {
var moved = false;
var originalPos = null;
$.fn.glow = function (options) {
//Check if it is needed to remove effect
var disable = false;
//var oldX = $(this).
var glowEnabled = true;
var blinkInterval;
var IntervalGap = 1000;
//Check for initial vars and add default values
//Default color: Red
//Default size 2 pixels
if (typeof (options.radius) === "undefined") {
options = $.extend({
radius: "2px"
}, options);
}
if (typeof (options.originalPos) !== "undefined") {
originalPos = options.originalPos;
}
if (typeof (options.color) === "undefined") {
options = $.extend({
color: "red"
}, options);
}
if (typeof (options.disable) !== "undefined") {
disable = true;
glowEnabled = false;
}
if (typeof (options.timegap) === "undefined") {
options = $.extend({
timegap: "1000"
}, options);
}
if (typeof (options.timegap) !== "undefined") {
IntervalGap = options.timegap;
}
if (typeof (options.blink) !== "undefined") {
if (options.blink) {
originalPos = $(this).offset();
disable = true;
glowEnabled = false;
var curObject = this;
var curSettings = options;
blinkInterval = setInterval(function () {
if (glowEnabled) {
if ($.browser.msie) {
//$(this).offset({ left: $(this).offset().left + 10, top: $(this).offset().top + 10 });
}
$(curObject).glow({ radius: curSettings.radius, color: curSettings.color, originalPos: originalPos });
glowEnabled = false;
} else {
$(curObject).glow({ radius: curSettings.radius, color: curSettings.color, disable: true, originalPos: originalPos });
glowEnabled = true;
}
}, IntervalGap);
} else {
clearInterval(blinkInterval);
}
}
$(this).each(function (index) {
if ($.browser.msie) {
if (!disable) {
$(this).offset({ left: $(this).offset().left - parseInt(options.radius), top: $(this).offset().top - parseInt(options.radius) });
$(this).css("filter", "progid:DXImageTransform.Microsoft.Glow(color='" + options.color + "',Strength='" + options.radius + "')");
} else {
if (originalPos != null) {
$(this).offset({ left: originalPos.left, top: originalPos.top });
}
$(this).css("filter", "");
}
} else if ($.browser.webkit) {
if (!disable) {
$(this).css("-webkit-filter", "drop-shadow(0px 0px " + options.radius + "px " + options.color + ")");
} else {
$(this).css("-webkit-filter", "");
}
//Mozilla uses SVG effects, so we need add SVG nodes at the HTML
} else if ($.browser.mozilla) {
if (!disable) {
var oId = $(this).attr("id");
$('body').append($('<svg height="0" xmlns="http://www.w3.org/2000/svg">' +
'<filter id="glow2' + oId + '">' +
'<feGaussianBlur in="SourceAlpha" stdDeviation="' + options.radius + '"/>' +
'<feOffset dx="0" dy="0" result="offsetblur"/>' +
'<feFlood flood-color="' + options.color + '"/>' +
'<feComposite in2="offsetblur" operator="in"/>' +
'<feMerge>' +
'<feMergeNode/>' +
'<feMergeNode in="SourceGraphic"/>' +
'</feMerge>' +
'</filter>' +
'</svg>'));
$(this).css('filter', 'url("#glow2' + oId + '")');
} else {
$(this).css("filter", "");
}
}
});
};
$.fn.glow.enabled = true;
})(jQuery);
/* jQuery.enllax.js - v1.1.0 | copyright 2015, MMK Jony | https://github.com/mmkjony/enllax.js | released under the MIT license */
!function(t){"use strict";t.fn.enllax=function(r){var a=t(window).height(),n=t(document).height(),o=t.extend({ratio:0,type:"background",direction:"vertical"},r),e=t("[data-enllax-ratio]");e.each(function(){var r,e,s,i=t(this),c=i.offset().top,l=i.outerHeight(),p=i.data("enllax-ratio"),d=i.data("enllax-type"),x=i.data("enllax-direction");r=p?p:o.ratio,e=d?d:o.type,s=x?x:o.direction;var f=Math.round(c*r),u=Math.round((c-a/2+l)*r);"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"})),t(window).on("scroll",function(){var o=t(this).scrollTop();f=Math.round((c-o)*r),u=Math.round((c-a/2+l-o)*r),"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&n>o&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"}))})})}}(jQuery);
/*
$(document).ready(function() {
//$("#scroll_to_questions img").hide();
$('#fullpage').fullpage({
onLeave: function(index, nextIndex, direction) {
if (index==2) {
}
if (index==1)
{ $('#scroll_for_more').hide(); }
},
afterLoad: function(anchorLink, index) {
if (index==2) {
//$('#scroll_to_questions').show;//delay(1000).fadeIn();
// setTimeout(function()
//{
//$("#scroll_to_questions img").delay(600).fadeIn(400);
//do something special //}, 1000); } } });
});*/