(function($){ if(!window.evo){ evo = {} }; //hover intent plugin http://cherne.net/brian/resources/jquery.hoverIntent.html $.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY)) * * @author Liam Potter * * @param syles An array of stylesheets to insert into the head * */ for ( var i=0; i", { "rel": "stylesheet", "type": "text/css", "href": styles[i] }).appendTo("head"); } } } return false; };//$self.insertStyleSheets(styles); $self.insertAds = function(img,url,callback){ /** * * This will insert the markup as the first child of the body element * * @author Liam Potter * * @param img object. this is the src url & height of the image * @param url string. this will be the href of the ad link * @param callback function. pass a function to be ran at end ($self.interactions) */ if (typeof img == 'undefined' ) { img = {src:'http://dummyimage.com/980x105/000/fff.png&text=No%20Image&20Specified',height:evo.opts.expandedHeight} return false; } if (typeof url == 'undefined' ) { url = '#'; return false; } $self.pushdown = $('

', { id: 'pushdown' }) .css( { height:0, background:evo.opts.background } ) .prependTo($self.$el); if ( evo.opts.multiBg !== false ){ $self.leftBg = $('

',{ id: 'leftBg' }) .css({ background:evo.opts.multiBg[0], height:evo.opts.expandedHeight }) .prependTo($self.pushdown); $self.rightBg = $('

',{ id: 'rightBg' }) .css({ background:evo.opts.multiBg[1], height:evo.opts.expandedHeight }) .prependTo($self.pushdown); } $self.pushdownLink = $('',{ href: url, target: '_blank' }) .css("width",evo.opts.width) .prependTo($self.pushdown); $self.pushdownImg = $("", { src: img.src, height:img.height, alt:evo.opts.alt, width:evo.opts.width }).appendTo($self.pushdownLink); if (typeof callback == 'function'){ callback(); } return false; }; //$self.insertAds(img,url); $self.insertFlash = function(movie,movieHeight,movieWidth,callback){ /** * * This will insert the markup as the first child of the body element * If a swf and an img are provided, the swf will take precedence. * * @author Liam Potter * * @param movie string. path to swf file (evo.opts.swf) * @param movieHeight interger. height of movie (evo.opts.expandedHeight) * @param movieWidth interger. width of movie (evo.opts.width) * @param callback function. pass a function to be ran at end ($self.interactions) * */ $.getScript(evo.opts.pathToSwfObject,function(){ $self.pushdown = $('

', { id: 'pushdown' }) .css({ height:0, background:evo.opts.background }) .prependTo($self.$el); if ( evo.opts.multiBg !== false ){ $self.leftBg = $('

',{ id: 'leftBg' }) .css({ background:evo.opts.multiBg[0], height:evo.opts.expandedHeight }) .prependTo($self.pushdown); $self.rightBg = $('

',{ id: 'rightBg' }) .css({ background:evo.opts.multiBg[1], height:evo.opts.expandedHeight }) .prependTo($self.pushdown); } $self.flashContainer = $('

',{ id:'flashContent', text:'Please install the Adobe Flash Player' }) .css("width",evo.opts.width) .prependTo($self.pushdown); var flash = $.flash.create({ swf: movie, params:{ allowScriptAccess: 'sameDomain', allowFullScreen: 'true', wmode: 'transparent' }, flashvars:{ clickTag: evo.opts.url }, height: movieHeight, width: movieWidth }); $($self.flashContainer).html(flash); $self.rollHere = $("", { id: 'rolloverHere', text: 'Rollover Here' }).appendTo($self.flashContainer); if (typeof callback == 'function'){ callback(); } }); return false; }; $self.interactions = function(){ var hoverConfig = { over: expand, // function = onMouseOver callback (REQUIRED) timeout: 250, // number = milliseconds delay before onMouseOut out: collapse // function = onMouseOut callback (REQUIRED) }; function expand(){ $(this).stop().animate( { height:evo.opts.expandedHeight }, { duration:evo.opts.duration, easing:evo.opts.easing } ); $self.rollHere .stop().animate( { opacity:0 } ); } function collapse(){ $(this).stop().animate( { height:evo.opts.collapsedHeight }, { duration:evo.opts.duration, easing:evo.opts.easing } ); $self.rollHere .stop().animate( { opacity:1 } ); } $self.pushdown .stop().animate( { height:evo.opts.collapsedHeight }, { duration:evo.opts.duration, easing:evo.opts.easing } ) .hoverIntent(hoverConfig) return false; };//$self.interactions(); // Run initializer $self.init(); }; evo.pushdown.defaultOptions = { stylesheet: '/assets/js/pushdown/styles.css?v2', img: 'http://dummyimage.com/980x105/000/fff.png', url: 'http://www.google.com', alt: 'Alt Text for Images', swf: 'none', pathToSwfObject: '/assets/js/pushdown/swfobject.js', collapsedHeight: 50, expandedHeight: 105, width: 980, background:'#000', multiBg: false, easing: "linear", // must include the easing plugin if this is used duration: 250 }; /*$.fn.pushdown = function(options){ return this.each(function(){ (new evo.pushdown(this, options)); }); };*/ $.extend({ pushdown: function(options){ (function(){ new evo.pushdown(this, options); })(); } }); })(jQuery);