aboutsummaryrefslogtreecommitdiffstats
path: root/demos/functional/js/behaviour.js
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2008-12-23 13:36:42 +0000
committerRichard Worth <rdworth@gmail.com>2008-12-23 13:36:42 +0000
commit731bff8bcbfe686d12bb7b3b89c0224c1af4ffd3 (patch)
tree6470ed15dee3bf442b6fc5b4eea12088871ae278 /demos/functional/js/behaviour.js
parent2b21245cd01e91b9b3114d06ba5b45650cf63ec6 (diff)
downloadjquery-ui-731bff8bcbfe686d12bb7b3b89c0224c1af4ffd3.tar.gz
jquery-ui-731bff8bcbfe686d12bb7b3b89c0224c1af4ffd3.zip
demos: removed legacy demos folders - functional, real-world
Diffstat (limited to 'demos/functional/js/behaviour.js')
-rw-r--r--demos/functional/js/behaviour.js205
1 files changed, 0 insertions, 205 deletions
diff --git a/demos/functional/js/behaviour.js b/demos/functional/js/behaviour.js
deleted file mode 100644
index 3cafacb39..000000000
--- a/demos/functional/js/behaviour.js
+++ /dev/null
@@ -1,205 +0,0 @@
-$(document).ready(function() {
-
- // link demos
-
- $(".demoflow div.wrapper").click(function() {
-
- var demo = $(this).children('img').attr('_demo');
-
- if (demo) {
- location.href = '/repository/real-world/' + demo;
- }else {
- //alert('Under construction!');
- }
-
- });
-
- if ($("div.demoflow").size()) {
-
- var inst = new $.ui.carousel($("div.demoflow")[0], { height: 200, width: 310 });
-
- $("div.demoflow-button-left, div.demoflow-button-right").bind("mousedown", function() {
- var right = this.className.indexOf("right") == -1;
- if(inst.autoRotator) window.clearInterval(inst.autoRotator);
- inst.timer = window.setInterval(function() { inst.rotate(right ? "right" : null); }, 13);
- })
- .bind("mouseup", function() {
- window.clearInterval(inst.timer);
- });
-
- $('.demoflow div.shadow').hover(function() {
- this._lastopacity = $(this).css('opacity');
- $(this).stop().animate({opacity: 0 }, 300);
- }, function() {
- $(this).stop().animate({opacity: this._lastopacity }, 300);
- });
-
-
- window.setTimeout(function() {
- inst.element.animate({ opacity: 1 },2000); inst.rotate(0,2000,0.45);
- window.setTimeout(function() {
- inst.autoRotator = window.setInterval(function() { inst.rotate(0,2000,0.45); },5000);
- },3000);
- },0);
-
- }
-
- $('a').click(function(){
- this.blur();
- });
-
- // smooth hover effects by DragonInteractive
- var hover = hoverEffects();
- hover.init();
-
-});
-
- $.ui.carousel = function(element, options) {
-
- this.element = $(element);
- this.options = $.extend({}, options);
- var self = this;
-
- $.extend(this, {
- start: Math.PI/2,
- step: 2*Math.PI/$("> *", this.element).length,
- radiusX: 400,
- radiusY: -45,
- paddingX: this.element.outerWidth() / 2,
- paddingY: this.element.outerHeight() / 2
- });
-
- $("> *", this.element).css({ position: "absolute", top: 0, left: 0, zIndex: 1 });
- this.rotate();
- this.rotate("right");
-
- this.element.parent().bind("mousewheel", function(event ,delta) {
- if(self.autoRotator) window.clearInterval(self.autoRotator);
- self.rotate(delta < 0 ? "right" : "left");
- return false;
- });
-
- };
-
- $.ui.carousel.prototype.rotate = function(d,ani,speed) {
-
- this.start = this.start + (d == "right" ? -(speed || 0.03) : (speed || 0.03));
- var o = this.options;
- var self = this;
-
- setTimeout(function(){
- $("> *", self.element).each(function(i) {
- var angle = self.start + i * self.step;
- var x = self.radiusX * Math.cos(angle);
- var y = self.radiusY * Math.sin(angle);
- var _self = this;
-
- var width = o.width * ((self.radiusY+y) / (2 * self.radiusY));
- width = (width * width * width) / (o.width * o.width); //This makes the pieces smaller
- var height = parseInt(width * o.height / o.width);
-
- //This is highly custom - it will hide the elements at the back
- $(_self).css({ visibility: height < 30 ? "hidden" : "visible" });
- if(height < 30 && !ani) return; //This imrpoves the speed, but cannot be used with animation
-
-
- if(ani) {
- $(_self).animate({
- top: Math.round(self.paddingY + y - height/2) + "px",
- left: Math.round(self.paddingX + x - width/2) + "px",
- width: Math.round(width) + "px",
- height: Math.round(height) + "px"
- },{ duration: ani, easing: "easeOutQuad" });
- $(_self).css({ zIndex: Math.round(parseInt(100 * (self.radiusY+y) / (2 * self.radiusY))) });
- } else {
- $(_self).css({
- top: self.paddingY + y - height/2 + "px",
- left: self.paddingX + x - width/2 + "px",
- width: width + "px",
- height: height + "px",
- zIndex: parseInt(100 * (self.radiusY+y) / (2 * self.radiusY))
- });
- }
-
- $("div.shadow",_self).css({ opacity: 1 - (width / o.width) });
-
- });
- }, 0);
- }
-
-
-/**
- * All credit here goes to DragonInteractive and Yuri Vishnevsky
- */
-var hoverEffects = function() {
- var me = this;
- var args = arguments;
- var self = {
- c: {
- navItems: '.download .click-to-download, #launch-pad .launch-pad-button, div.demoflow-button-left, div.demoflow-button-right',
- navSpeed: ($.browser.safari ? 600: 350),
- snOpeningSpeed: ($.browser.safari ? 400: 250),
- snOpeningTimeout: 150,
- snClosingSpeed: function() {
- if (self.subnavHovered()) return 123450;
- return 150
- },
- snClosingTimeout: 700
- },
- init: function() {
- //$('.bg', this.c.navItems).css({
- // 'opacity': 0
- //});
- this.initHoverFades()
- },
- subnavHovered: function() {
- var hovered = false;
- $(self.c.navItems).each(function() {
- if (this.hovered) hovered = true
- });
- return hovered
- },
- initHoverFades: function() {
- //$('#navigation .bg').css('opacity', 0);
- $(self.c.navItems).hover(function() {
- self.fadeNavIn.apply(this)
- },
- function() {
- var el = this;
- setTimeout(function() {
- if (!el.open) self.fadeNavOut.apply(el)
- },
- 10)
- })
- },
- fadeNavIn: function() {
- $('.bg', this).stop().animate({
- 'opacity': 1
- },
- self.c.navSpeed)
- },
- fadeNavOut: function() {
- $('.bg', this).stop().animate({
- 'opacity': 0
- },
- self.c.navSpeed)
- },
- initSubmenus: function() {
- $(this.c.navItems).hover(function() {
- $(self.c.navItems).not(this).each(function() {
- self.fadeNavOut.apply(this);
- });
- this.hovered = true;
- var el = this;
- self.fadeNavIn.apply(el);
- },
- function() {
- this.hovered = false;
- var el = this;
- if (!el.open) self.fadeNavOut.apply(el);
- })
- }
- };
-
- return self;
-}; \ No newline at end of file