/*jslint bitwise: true, eqeqeq: true, immed: true, newcap: true, nomen: false, onevar: false, plusplus: false, regexp: true, undef: true, white: true, indent: 2 browser: true */ /*global jQuery: true Drupal: true window: true ThemeBuilder: true */ (function ($) { /** * Acquia object is created if it doesn't exist. */ Drupal.behaviors.acquia = Drupal.behaviors.acquia || {}; /** * Attach handler. */ Drupal.behaviors.acquia = { equalCols: true, delay: NaN, attach: function (context, settings) { var addCommentTrigger = $('.comment-add a'); var addCommentForm = $('#comment-new'); var themebuilderIsOpen = Drupal.behaviors.acquia.checkThemeBuilderStatus(); // Add only if the comment form exists on the page. if (addCommentForm.length > 0) { // Bind click event handlers to all .comment_add links addCommentTrigger.bind('click', {scrollTarget: addCommentForm}, Drupal.behaviors.acquia.scrollTo); } // Run functions that require a slight delay so that the screen can finish painting Drupal.behaviors.acquia.delay = setInterval(Drupal.behaviors.acquia.delayFunctions, 750); // Run the following only if the ThemeBuilder is closed if (!themebuilderIsOpen) { Drupal.behaviors.acquia.enhanceRotatingBanner(); } } }; /** * Run functions that require a slight delay so that the screen can finish painting */ Drupal.behaviors.acquia.delayFunctions = function () { // Clear the timeout clearTimeout(Drupal.behaviors.acquia.delay); // Set all sidebars to the height of their parent container. Drupal.behaviors.acquia.equalizeColumns(); }; /** * Scrolls the page to the clicked element's location * @param {event} event * The event. */ Drupal.behaviors.acquia.scrollTo = function (event) { // Keep the page from jumping to the hash target event.preventDefault(); var toolbar = {}; toolbar.menuHeight = $('.toolbar-menu', '#toolbar').height() || 0; toolbar.drawerHeight = $('.toolbar-drawer', '#toolbar').height() || 0; var targetOffset = event.data.scrollTarget.offset().top - toolbar.menuHeight - toolbar.drawerHeight; $('html,body').animate({scrollTop: targetOffset}, 1000); }; /** * Equalizes all .col elements in a stack to the height of the tallest .col */ Drupal.behaviors.acquia.equalizeColumns = function () { if (Drupal.behaviors.acquia.equalCols) { var $stacks = $('.box'); for (var i = 0; i < $stacks.length; i++) { // Get the current stack reference var _this = $stacks.eq(i); // Instantiate the boxHeight variable var boxHeight = 0; // Get the columns in the stack var cols = _this.find('.tb-height-balance'); // We don't need to balance the columns if only one column is present if (cols.length > 1) { for (var j = 0; j < cols.size(); j++) { var col = cols.eq(j); // Only balance the height if the col is visible if (col.css('display') !== 'none' && col.css('visibility') !== 'hidden') { var colHeight = col.outerHeight(false); if (colHeight > boxHeight) { // If the height of the col is more than previous height, use it boxHeight = colHeight; } } } } // Only set the min-heights if boxHeight was assigned a real value if (boxHeight > 0) { cols.css('min-height', boxHeight); } } } }; /** * Adds a click handler to the layout wrapper of the rotating banner. Otherwise this element * would obsure the link wrapped around the image element */ Drupal.behaviors.acquia.enhanceRotatingBanner = function () { var layouts = $('.layout-wrapper', '.rotating-banner'); var len = layouts.length; if (len > 0) { while (len--) { Drupal.behaviors.acquia.pseudoLink(layouts.eq(len)); } } }; /** * Navigates to the designated element's data-link attribute value * * @param {DomElement} element * Element that the pseudo link will be applied to * * @attribute * data-link is an element attribute that uses the HTML5 data- pattern to store information in the DOM */ Drupal.behaviors.acquia.pseudoLink = function (element) { var link = element.attr('data-link'); if (link && link.length > 0) { //Bind a click event to the slide layout wrapper if it has a link, stored in data-link attribute element.click(function (event) { window.location = $(event.currentTarget).attr('data-link'); }); } }; /** * Determines if the ThemeBuilder is open * * @return {Boolean} * returns a boolean that represents the open state of the ThemeBuilder. True equals open. */ Drupal.behaviors.acquia.checkThemeBuilderStatus = function () { return $('body').hasClass('themebuilder') ? true : false; }; }(jQuery)); ; /* * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ * * Uses the built in easing capabilities added In jQuery 1.1 * to offer multiple easing options * * TERMS OF USE - jQuery Easing * * Open source under the BSD License. * * Copyright å© 2008 George McGinley Smith * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. * */ jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g').append('
'); }); //Resize image to fill background $.supersized = function( options ) { //Default settings var settings = { start_slide : 1, //Start slide (0 is random) //Requires multiple background images vertical_center : 1, //Vertically center background horizontal_center : 1, //Horizontally center background min_width : 0, //Min width allowed (in pixels) min_height : 0, //Min height allowed (in pixels) fit_portrait : 0, //Portrait images will not exceed browser height fit_landscape : 0, //Landscape images will not exceed browser width image_protect : 1 //Disables image dragging and right click with Javascript }; var element = $('#supersized'); //Define element for Supersized //Combine options with default settings if (options) { var options = $.extend(settings, options); //Pull from both defaults and supplied options }else{ var options = $.extend(settings); //Only pull from default settings } //Determine starting slide (random or defined) if (options.start_slide){ var currentSlide = options.start_slide - 1; //Default to defined start slide }else{ var currentSlide = Math.floor(Math.random()*options.slides.length); //Generate random slide number } $("").attr("src", options.slides[currentSlide].image).appendTo(element); //Set current image element.hide(); //Hide image to be faded in //Display image once page has loaded $(window).load(function(){ $('#supersized-loader').hide(); //Hide loading animation element.fadeIn('fast'); //Fade in background resizenow(); }); //Adjust image when browser is resized $(window).resize(function(){ resizenow(); }); //Adjust image size function resizenow() { return element.each(function() { var t = $('img', element); //Resize each image seperately $(t).each(function(){ var ratio = ($(this).height()/$(this).width()).toFixed(2); //Define image ratio thisSlide = $(this); //Gather browser size var browserwidth = $(window).width(); var browserheight = ($(window).height()) - 175; var offset; /**Resize image to proper ratio**/ if ((browserheight <= options.min_height) && (browserwidth <= options.min_width)){ //If window smaller than minimum width and height if ((browserheight/browserwidth) > ratio){ options.fit_landscape && ratio <= 1 ? resizeWidth(true) : resizeHeight(true); //If landscapes are set to fit } else { options.fit_portrait && ratio > 1 ? resizeHeight(true) : resizeWidth(true); //If portraits are set to fit } } else if (browserwidth <= options.min_width){ //If window only smaller than minimum width if ((browserheight/browserwidth) > ratio){ options.fit_landscape && ratio <= 1 ? resizeWidth(true) : resizeHeight(); //If landscapes are set to fit } else { options.fit_portrait && ratio > 1 ? resizeHeight() : resizeWidth(true); //If portraits are set to fit } } else if (browserheight <= options.min_height){ //If window only smaller than minimum height if ((browserheight/browserwidth) > ratio){ options.fit_landscape && ratio <= 1 ? resizeWidth() : resizeHeight(true); //If landscapes are set to fit } else { options.fit_portrait && ratio > 1 ? resizeHeight(true) : resizeWidth(); //If portraits are set to fit } } else { //If larger than minimums if ((browserheight/browserwidth) > ratio){ options.fit_landscape && ratio <= 1 ? resizeWidth() : resizeHeight(); //If landscapes are set to fit } else { options.fit_portrait && ratio > 1 ? resizeHeight() : resizeWidth(); //If portraits are set to fit } } /**End Image Resize**/ /**Resize Functions**/ function resizeWidth(minimum){ if (minimum){ //If minimum height needs to be considered if(thisSlide.width() < browserwidth || thisSlide.width() < options.min_width ){ if (thisSlide.width() * ratio >= options.min_height){ thisSlide.width(options.min_width); thisSlide.height(thisSlide.width() * ratio); }else{ resizeHeight(); } } }else{ if (options.min_height >= browserheight && !options.fit_landscape){ //If minimum height needs to be considered if (browserwidth * ratio >= options.min_height || (browserwidth * ratio >= options.min_height && ratio <= 1)){ //If resizing would push below minimum height or image is a landscape thisSlide.width(browserwidth); thisSlide.height(browserwidth * ratio); } else if (ratio > 1){ //Else the image is portrait thisSlide.height(options.min_height); thisSlide.width(thisSlide.height() / ratio); } else if (thisSlide.width() < browserwidth) { thisSlide.width(browserwidth); thisSlide.height(thisSlide.width() * ratio); } }else{ //Otherwise, resize as normal /* thisSlide.width(browserwidth); thisSlide.height(browserwidth * ratio);*/ thisSlide.height(browserheight); thisSlide.width(browserheight / ratio); } } }; function resizeHeight(minimum){ if (minimum){ //If minimum height needs to be considered if(thisSlide.height() < browserheight){ if (thisSlide.height() / ratio >= options.min_width){ thisSlide.height(options.min_height); thisSlide.width(thisSlide.height() / ratio); }else{ resizeWidth(true); } } }else{ //Otherwise, resized as normal if (options.min_width >= browserwidth){ //If minimum width needs to be considered if (browserheight / ratio >= options.min_width || ratio > 1){ //If resizing would push below minimum width or image is a portrait thisSlide.height(browserheight); thisSlide.width(browserheight / ratio); } else if (ratio <= 1){ //Else the image is landscape thisSlide.width(options.min_width); thisSlide.height(thisSlide.width() * ratio); } }else{ //Otherwise, resize as normal thisSlide.height(browserheight); thisSlide.width(browserheight / ratio); } } }; /**End Resize Functions**/ //Horizontally Center if (options.horizontal_center){ $(this).css('left', (browserwidth - $(this).width())/2); } //Vertically Center if (options.vertical_center){ $(this).css('top', (browserheight - $(this).height())/2); } }); //Basic image drag and right click protection if (options.image_protect){ $('img', element).bind("contextmenu",function(){ return false; }); $('img', element).bind("mousedown",function(){ return false; }); } return false; }); }; }; //End Supersized })(jQuery);; /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.6 Theme : Shutter 1.1 Site : www.buildinternet.com/project/supersized Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ (function(a){theme={_init:function(){if(api.options.slide_links){a(vars.slide_list).css("margin-left",-a(vars.slide_list).width()/2)}if(api.options.autoplay){if(api.options.progress_bar){theme.progressBar()}}else{if(a(vars.play_button).attr("src")){a(vars.play_button).attr("src",vars.image_path+"play.png")}if(api.options.progress_bar){a(vars.progress_bar).stop().animate({left:-a(window).width()},0)}}a(vars.thumb_tray).animate({bottom:-a(vars.thumb_tray).height()},0);a(vars.tray_button).toggle(function(){a(vars.thumb_tray).stop().animate({bottom:0,avoidTransforms:true},300);if(a(vars.tray_arrow).attr("src")){a(vars.tray_arrow).attr("src",vars.image_path+"button-tray-down.png")}return false},function(){a(vars.thumb_tray).stop().animate({bottom:-a(vars.thumb_tray).height(),avoidTransforms:true},300);if(a(vars.tray_arrow).attr("src")){a(vars.tray_arrow).attr("src",vars.image_path+"button-tray-up.png")}return false});a(vars.thumb_list).width(a("> li",vars.thumb_list).length*a("> li",vars.thumb_list).outerWidth(true));if(a(vars.slide_total).length){a(vars.slide_total).html(api.options.slides.length)}if(api.options.thumb_links){if(a(vars.thumb_list).width()<=a(vars.thumb_tray).width()){a(vars.thumb_back+","+vars.thumb_forward).fadeOut(0)}vars.thumb_interval=Math.floor(a(vars.thumb_tray).width()/a("> li",vars.thumb_list).outerWidth(true))*a("> li",vars.thumb_list).outerWidth(true);vars.thumb_page=0;a(vars.thumb_forward).click(function(){if(vars.thumb_page-vars.thumb_interval<=-a(vars.thumb_list).width()){vars.thumb_page=0;a(vars.thumb_list).stop().animate({left:vars.thumb_page},{duration:500,easing:"easeOutExpo"})}else{vars.thumb_page=vars.thumb_page-vars.thumb_interval;a(vars.thumb_list).stop().animate({left:vars.thumb_page},{duration:500,easing:"easeOutExpo"})}});a(vars.thumb_back).click(function(){if(vars.thumb_page+vars.thumb_interval>0){vars.thumb_page=Math.floor(a(vars.thumb_list).width()/vars.thumb_interval)*-vars.thumb_interval;if(a(vars.thumb_list).width()<=-vars.thumb_page){vars.thumb_page=vars.thumb_page+vars.thumb_interval}a(vars.thumb_list).stop().animate({left:vars.thumb_page},{duration:500,easing:"easeOutExpo"})}else{vars.thumb_page=vars.thumb_page+vars.thumb_interval;a(vars.thumb_list).stop().animate({left:vars.thumb_page},{duration:500,easing:"easeOutExpo"})}})}a(vars.next_slide).click(function(){api.nextSlide()});a(vars.prev_slide).click(function(){api.prevSlide()});if(jQuery.support.opacity){a(vars.prev_slide+","+vars.next_slide).mouseover(function(){a(this).stop().animate({opacity:1},100)}).mouseout(function(){a(this).stop().animate({opacity:0.6},100)})}if(api.options.thumbnail_navigation){a(vars.next_thumb).click(function(){api.nextSlide()});a(vars.prev_thumb).click(function(){api.prevSlide()})}a(vars.play_button).click(function(){api.playToggle()});if(api.options.mouse_scrub){a(vars.thumb_tray).mousemove(function(f){var c=a(vars.thumb_tray).width(),g=a(vars.thumb_list).width();if(g>c){var b=1,d=f.pageX-b;if(d>10||d<-10){b=f.pageX;newX=(c-g)*(f.pageX/c);d=parseInt(Math.abs(parseInt(a(vars.thumb_list).css("left"))-newX)).toFixed(0);a(vars.thumb_list).stop().animate({left:newX},{duration:d*3,easing:"easeOutExpo"})}}})}a(window).resize(function(){if(api.options.progress_bar&&!vars.in_animation){if(vars.slideshow_interval){clearInterval(vars.slideshow_interval)}if(api.options.slides.length-1>0){clearInterval(vars.slideshow_interval)}a(vars.progress_bar).stop().animate({left:-a(window).width()},0);if(!vars.progressDelay&&api.options.slideshow){vars.progressDelay=setTimeout(function(){if(!vars.is_paused){theme.progressBar();vars.slideshow_interval=setInterval(api.nextSlide,api.options.slide_interval)}vars.progressDelay=false},1000)}}if(api.options.thumb_links&&vars.thumb_tray.length){vars.thumb_page=0;vars.thumb_interval=Math.floor(a(vars.thumb_tray).width()/a("> li",vars.thumb_list).outerWidth(true))*a("> li",vars.thumb_list).outerWidth(true);if(a(vars.thumb_list).width()>a(vars.thumb_tray).width()){a(vars.thumb_back+","+vars.thumb_forward).fadeIn("fast");a(vars.thumb_list).stop().animate({left:0},200)}else{a(vars.thumb_back+","+vars.thumb_forward).fadeOut("fast")}}})},goTo:function(b){if(api.options.progress_bar&&!vars.is_paused){a(vars.progress_bar).stop().animate({left:-a(window).width()},0);theme.progressBar()}},playToggle:function(b){if(b=="play"){if(a(vars.play_button).attr("src")){a(vars.play_button).attr("src",vars.image_path+"pause.png")}if(api.options.progress_bar&&!vars.is_paused){theme.progressBar()}}else{if(b=="pause"){if(a(vars.play_button).attr("src")){a(vars.play_button).attr("src",vars.image_path+"play.png")}if(api.options.progress_bar&&vars.is_paused){a(vars.progress_bar).stop().animate({left:-a(window).width()},0)}}}},beforeAnimation:function(b){if(api.options.progress_bar&&!vars.is_paused){a(vars.progress_bar).stop().animate({left:-a(window).width()},0)}if(a(vars.slide_caption).length){(api.getField("title"))?a(vars.slide_caption).html(api.getField("title")):a(vars.slide_caption).html("")}if(vars.slide_current.length){a(vars.slide_current).html(vars.current_slide+1)}if(api.options.thumb_links){a(".current-thumb").removeClass("current-thumb");a("li",vars.thumb_list).eq(vars.current_slide).addClass("current-thumb");if(a(vars.thumb_list).width()>a(vars.thumb_tray).width()){if(b=="next"){if(vars.current_slide==0){vars.thumb_page=0;a(vars.thumb_list).stop().animate({left:vars.thumb_page},{duration:500,easing:"easeOutExpo"})}else{if(a(".current-thumb").offset().left-a(vars.thumb_tray).offset().left>=vars.thumb_interval){vars.thumb_page=vars.thumb_page-vars.thumb_interval;a(vars.thumb_list).stop().animate({left:vars.thumb_page},{duration:500,easing:"easeOutExpo"})}}}else{if(b=="prev"){if(vars.current_slide==api.options.slides.length-1){vars.thumb_page=Math.floor(a(vars.thumb_list).width()/vars.thumb_interval)*-vars.thumb_interval;if(a(vars.thumb_list).width()<=-vars.thumb_page){vars.thumb_page=vars.thumb_page+vars.thumb_interval}a(vars.thumb_list).stop().animate({left:vars.thumb_page},{duration:500,easing:"easeOutExpo"})}else{if(a(".current-thumb").offset().left-a(vars.thumb_tray).offset().left<0){if(vars.thumb_page+vars.thumb_interval>0){return false}vars.thumb_page=vars.thumb_page+vars.thumb_interval;a(vars.thumb_list).stop().animate({left:vars.thumb_page},{duration:500,easing:"easeOutExpo"})}}}}}}},afterAnimation:function(){if(api.options.progress_bar&&!vars.is_paused){theme.progressBar()}},progressBar:function(){a(vars.progress_bar).stop().animate({left:-a(window).width()},0).animate({left:0},api.options.slide_interval)}};a.supersized.themeVars={progress_delay:false,thumb_page:false,thumb_interval:false,image_path:"img/",play_button:"#pauseplay",next_slide:"#nextslide",prev_slide:"#prevslide",next_thumb:"#nextthumb",prev_thumb:"#prevthumb",slide_caption:"#slidecaption",slide_current:".slidenumber",slide_total:".totalslides",slide_list:"#slide-list",thumb_tray:"#thumb-tray",thumb_list:"#thumb-list",thumb_forward:"#thumb-forward",thumb_back:"#thumb-back",tray_arrow:"#tray-arrow",tray_button:"#tray-button",progress_bar:"#progress-bar"};a.supersized.themeOptions={progress_bar:1,mouse_scrub:0}})(jQuery);; /** * jQuery Cookie plugin * * Copyright (c) 2010 Klaus Hartl (stilbuero.de) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; };; /** * @author sumit */ /** * jCarouselLite - jQuery plugin to navigate images/any content in a carousel style widget. * @requires jQuery v1.2 or above * * http://gmarwaha.com/jquery/jcarousellite/ * * Copyright (c) 2007 Ganeshji Marwaha (gmarwaha.com) * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * Version: 1.0.1 * Note: Requires jquery 1.2 or above from version 1.0.1 */ /** * Creates a carousel-style navigation widget for images/any-content from a simple HTML markup. * * The HTML markup that is used to build the carousel can be as simple as... * *
* *
* * As you can see, this snippet is nothing but a simple div containing an unordered list of images. * You don't need any special "class" attribute, or a special "css" file for this plugin. * I am using a class attribute just for the sake of explanation here. * * To navigate the elements of the carousel, you need some kind of navigation buttons. * For example, you will need a "previous" button to go backward, and a "next" button to go forward. * This need not be part of the carousel "div" itself. It can be any element in your page. * Lets assume that the following elements in your document can be used as next, and prev buttons... * * * * * Now, all you need to do is call the carousel component on the div element that represents it, and pass in the * navigation buttons as options. * * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev" * }); * * That's it, you would have now converted your raw div, into a magnificient carousel. * * There are quite a few other options that you can use to customize it though. * Each will be explained with an example below. * * @param an options object - You can specify all the options shown below as an options object param. * * @option btnPrev, btnNext : string - no defaults * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev" * }); * @desc Creates a basic carousel. Clicking "btnPrev" navigates backwards and "btnNext" navigates forward. * * @option btnGo - array - no defaults * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * btnGo: [".0", ".1", ".2"] * }); * @desc If you don't want next and previous buttons for navigation, instead you prefer custom navigation based on * the item number within the carousel, you can use this option. Just supply an array of selectors for each element * in the carousel. The index of the array represents the index of the element. What i mean is, if the * first element in the array is ".0", it means that when the element represented by ".0" is clicked, the carousel * will slide to the first element and so on and so forth. This feature is very powerful. For example, i made a tabbed * interface out of it by making my navigation elements styled like tabs in css. As the carousel is capable of holding * any content, not just images, you can have a very simple tabbed navigation in minutes without using any other plugin. * The best part is that, the tab will "slide" based on the provided effect. :-) * * @option mouseWheel : boolean - default is false * @example * $(".carousel").jCarouselLite({ * mouseWheel: true * }); * @desc The carousel can also be navigated using the mouse wheel interface of a scroll mouse instead of using buttons. * To get this feature working, you have to do 2 things. First, you have to include the mouse-wheel plugin from brandon. * Second, you will have to set the option "mouseWheel" to true. That's it, now you will be able to navigate your carousel * using the mouse wheel. Using buttons and mouseWheel or not mutually exclusive. You can still have buttons for navigation * as well. They complement each other. To use both together, just supply the options required for both as shown below. * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * mouseWheel: true * }); * * @option auto : number - default is null, meaning autoscroll is disabled by default * @example * $(".carousel").jCarouselLite({ * auto: 800, * speed: 500 * }); * @desc You can make your carousel auto-navigate itself by specfying a millisecond value in this option. * The value you specify is the amount of time between 2 slides. The default is null, and that disables auto scrolling. * Specify this value and magically your carousel will start auto scrolling. * * @option speed : number - 200 is default * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * speed: 800 * }); * @desc Specifying a speed will slow-down or speed-up the sliding speed of your carousel. Try it out with * different speeds like 800, 600, 1500 etc. Providing 0, will remove the slide effect. * * @option easing : string - no easing effects by default. * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * easing: "bounceout" * }); * @desc You can specify any easing effect. Note: You need easing plugin for that. Once specified, * the carousel will slide based on the provided easing effect. * * @option vertical : boolean - default is false * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * vertical: true * }); * @desc Determines the direction of the carousel. true, means the carousel will display vertically. The next and * prev buttons will slide the items vertically as well. The default is false, which means that the carousel will * display horizontally. The next and prev items will slide the items from left-right in this case. * * @option circular : boolean - default is true * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * circular: false * }); * @desc Setting it to true enables circular navigation. This means, if you click "next" after you reach the last * element, you will automatically slide to the first element and vice versa. If you set circular to false, then * if you click on the "next" button after you reach the last element, you will stay in the last element itself * and similarly for "previous" button and first element. * * @option visible : number - default is 3 * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * visible: 4 * }); * @desc This specifies the number of items visible at all times within the carousel. The default is 3. * You are even free to experiment with real numbers. Eg: "3.5" will have 3 items fully visible and the * last item half visible. This gives you the effect of showing the user that there are more images to the right. * * @option start : number - default is 0 * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * start: 2 * }); * @desc You can specify from which item the carousel should start. Remember, the first item in the carousel * has a start of 0, and so on. * * @option scrool : number - default is 1 * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * scroll: 2 * }); * @desc The number of items that should scroll/slide when you click the next/prev navigation buttons. By * default, only one item is scrolled, but you may set it to any number. Eg: setting it to "2" will scroll * 2 items when you click the next or previous buttons. * * @option beforeStart, afterEnd : function - callbacks * @example * $(".carousel").jCarouselLite({ * btnNext: ".next", * btnPrev: ".prev", * beforeStart: function(a) { * alert("Before animation starts:" + a); * }, * afterEnd: function(a) { * alert("After animation ends:" + a); * } * }); * @desc If you wanted to do some logic in your page before the slide starts and after the slide ends, you can * register these 2 callbacks. The functions will be passed an argument that represents an array of elements that * are visible at the time of callback. * * * @cat Plugins/Image Gallery * @author Ganeshji Marwaha/ganeshread@gmail.com */ (function($) { // Compliant with jquery.noConflict() $.fn.jCarouselLite = function(o) { o = $.extend({ btnPrev: null, btnNext: null, btnGo: null, mouseWheel: false, auto: null, speed: 200, easing: null, vertical: false, circular: true, visible: 3, start: 0, scroll: 1, beforeStart: null, afterEnd: null }, o || {}); return this.each(function() { // Returns the element collection. Chainable. var running = false, animCss=o.vertical?"top":"left", sizeCss=o.vertical?"height":"width"; var div = $(this), ul = $("ul", div), tLi = $("li", ul), tl = tLi.size(), v = o.visible; if(o.circular) { ul.prepend(tLi.slice(tl-v-1+1).clone()) .append(tLi.slice(0,v).clone()); o.start += v; } var li = $("li", ul), itemLength = li.size(), curr = o.start; div.css("visibility", "visible"); li.css({overflow: "hidden", float: o.vertical ? "none" : "left"}); ul.css({margin: "0", padding: "0", position: "relative", "list-style-type": "none", "z-index": "1"}); div.css({overflow: "hidden", position: "relative", "z-index": "2", left: "0px"}); var liSize = o.vertical ? height(li) : width(li); // Full li size(incl margin)-Used for animation var ulSize = liSize * itemLength; // size of full ul(total length, not just for the visible items) var divSize = liSize * v; // size of entire div(total length for just the visible items) li.css({width: li.width(), height: li.height()}); ul.css(sizeCss, ulSize+"px").css(animCss, -(curr*liSize)); div.css(sizeCss, divSize+"px"); // Width of the DIV. length of visible images if(o.btnPrev) $(o.btnPrev).click(function() { return go(curr-o.scroll); }); if(o.btnNext) $(o.btnNext).click(function() { return go(curr+o.scroll); }); if(o.btnGo) $.each(o.btnGo, function(i, val) { $(val).click(function() { return go(o.circular ? o.visible+i : i); }); }); if(o.mouseWheel && div.mousewheel) div.mousewheel(function(e, d) { return d>0 ? go(curr-o.scroll) : go(curr+o.scroll); }); if(o.auto) setInterval(function() { go(curr+o.scroll); }, o.auto+o.speed); function vis() { return li.slice(curr).slice(0,v); }; function go(to) { if(!running) { if(o.beforeStart) o.beforeStart.call(this, vis()); if(o.circular) { // If circular we are in first or last, then goto the other end if(to<=o.start-v-1) { // If first, then goto last ul.css(animCss, -((itemLength-(v*2))*liSize)+"px"); // If "scroll" > 1, then the "to" might not be equal to the condition; it can be lesser depending on the number of elements. curr = to==o.start-v-1 ? itemLength-(v*2)-1 : itemLength-(v*2)-o.scroll; } else if(to>=itemLength-v+1) { // If last, then goto first ul.css(animCss, -( (v) * liSize ) + "px" ); // If "scroll" > 1, then the "to" might not be equal to the condition; it can be greater depending on the number of elements. curr = to==itemLength-v+1 ? v+1 : v+o.scroll; } else curr = to; } else { // If non-circular and to points to first or last, we just return. if(to<0 || to>itemLength-v) return; else curr = to; } // If neither overrides it, the curr will still be "to" and we can proceed. running = true; ul.animate( animCss == "left" ? { left: -(curr*liSize) } : { top: -(curr*liSize) } , o.speed, o.easing, function() { if(o.afterEnd) o.afterEnd.call(this, vis()); running = false; } ); // Disable buttons when the carousel reaches the last/first, and enable when not if(!o.circular) { $(o.btnPrev + "," + o.btnNext).removeClass("disabled"); $( (curr-o.scroll<0 && o.btnPrev) || (curr+o.scroll > itemLength-v && o.btnNext) || [] ).addClass("disabled"); } } return false; }; }); }; function css(el, prop) { return parseInt($.css(el[0], prop)) || 0; }; function width(el) { return el[0].offsetWidth + css(el, 'marginLeft') + css(el, 'marginRight'); }; function height(el) { return el[0].offsetHeight + css(el, 'marginTop') + css(el, 'marginBottom'); }; })(jQuery);; /* * Easy Retweet Button * http://ejohn.org/blog/retweet/ * by John Resig (ejohn.org) * * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php */ (function(){ window.RetweetJS = { // Your Bit.ly Username bitly_user: "retweetjs", // Your Bit.ly API Key // Found here: http://bit.ly/account bitly_key: "R_6287c92ecaf9efc6f39e4f33bdbf80b1", // The text to replace the links with link_text: (/windows/i.test( navigator.userAgent) ? "►" : "♻") + "retweet", //Image source for retweet button retweet_button: "http://origin-static.ciscoeos.com/1271818001/zipupload/b2d/07f/52c0e69986deb6a64c7a9f8a53/images/twitter_share.png", // What # to show (Use "clicks" for # of clicks or "none" for nothing) count_type: "none", // Tweet Prefix text // "RT @jeresig " would result in: "RT @jeresig Link Title http://bit.ly/asdf" prefix: "", // Style information styling: "a.retweet { font: 12px Helvetica,Arial; color: #000; text-decoration: none; border: 0px; }" + "a.vert { display: block; text-align: center; font-size: 16px; float: left; margin: 4px; }" + "a.retweet strong.vert { display: block; margin-bottom: 4px; background: #F5F5F5; border: 1px solid #EEE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; }" + "a.retweet span.vert { display: block; font-size: 12px; margin-left: 0px; }" }; //////////////// No Need to Configure Below Here //////////////// var loadCount = 1; // Asynchronously load the Bit.ly JavaScript API // If it hasn't been loaded already if ( typeof BitlyClient === "undefined" ) { var head = document.getElementsByTagName("head")[0] || document.documentElement; var script = document.createElement("script"); script.src = "http://bit.ly/javascript-api.js?version=latest&login=" + RetweetJS.bitly_user + "&apiKey=" + RetweetJS.bitly_key; script.charSet = "utf-8"; head.appendChild( script ); var check = setInterval(function(){ if ( typeof BitlyCB !== "undefined" ) { clearInterval( check ); head.removeChild( script ); loaded(); } }, 10); loadCount = 0; } if ( document.addEventListener ) { document.addEventListener("DOMContentLoaded", loaded, false); } else if ( window.attachEvent ) { window.attachEvent("onload", loaded); } function loaded(){ // Need to wait for doc ready and js ready if ( ++loadCount < 2 ) { return; } var elems = [], urlElem = {}, hashURL = {}; BitlyCB.shortenResponse = function(data) { for ( var url in data.results ) { var hash = data.results[url].userHash; hashURL[hash] = url; var elems = urlElem[ url ]; for ( var i = 0; i < elems.length; i++ ) { elems[i].href += hash; } if ( RetweetJS.count_type === "clicks" ) { BitlyClient.stats(hash, 'BitlyCB.statsResponse'); } } }; BitlyCB.statsResponse = function(data) { var clicks = data.results.clicks, hash = data.results.userHash; var url = hashURL[ hash ], elems = urlElem[ url ]; if ( clicks > 0 ) { for ( var i = 0; i < elems.length; i++ ) { var strong = document.createElement("strong"); strong.appendChild( document.createTextNode( clicks + " " ) ); elems[i].insertBefore(strong, elems[i].firstChild); if ( /(^|\s)vert(\s|$)/.test( elems[i].className ) ) { elems[i].firstChild.className = elems[i].lastChild.className = "vert"; } } } hashURL[ hash ] = urlElem[ url ] = null; }; if ( document.getElementsByClassName ) { elems = document.getElementsByClassName("retweet"); } else { var tmp = document.getElementsByTagName("a"); for ( var i = 0; i < tmp.length; i++ ) { if ( /(^|\s)retweet(\s|$)/.test( tmp[i].className ) ) { elems.push( tmp[i] ); } } } if ( elems.length && RetweetJS.styling ) { var style = document.createElement("style"); style.type = "text/css"; try { style.appendChild( document.createTextNode( RetweetJS.styling ) ); } catch (e) { if ( style.styleSheet ) { style.styleSheet.cssText = RetweetJS.styling; } } document.body.appendChild( style ); } for ( var i = 0; i < elems.length; i++ ) { var elem = elems[i]; if ( /(^|\s)self(\s|$)/.test( elem.className ) ) { elem.href = window.location; elem.title = document.title; } var origText = elem.title || elem.textContent || elem.innerText, href = elem.href; elem.innerHTML = ''; elem.title = ""; elem.href = "http://twitter.com/home?status=" + encodeURIComponent(RetweetJS.prefix + origText + " http://bit.ly/"); if ( urlElem[ href ] ) { urlElem[ href ].push( elem ); } else { urlElem[ href ] = [ elem ]; BitlyClient.shorten(href, 'BitlyCB.shortenResponse'); } } } })(); ;