/* * 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'); }); $.supersized = function(options){ /* Variables ----------------------------*/ var el = '#supersized', base = this; // Access to jQuery and DOM versions of element base.$el = $(el); base.el = el; vars = $.supersized.vars; // Add a reverse reference to the DOM object base.$el.data("supersized", base); api = base.$el.data('supersized'); base.init = function(){ // Combine options and vars $.supersized.vars = $.extend($.supersized.vars, $.supersized.themeVars); $.supersized.vars.options = $.extend({},$.supersized.defaultOptions, $.supersized.themeOptions, options); base.options = $.supersized.vars.options; base._build(); }; /* Build Elements ----------------------------*/ base._build = function(){ // Add in slide markers var thisSlide = 0, slideSet = '', markers = '', markerContent, thumbMarkers = '', thumbImage; while(thisSlide <= base.options.slides.length-1){ //Determine slide link content switch(base.options.slide_links){ case 'num': markerContent = thisSlide; break; case 'name': markerContent = base.options.slides[thisSlide].title; break; case 'blank': markerContent = ''; break; } slideSet = slideSet+'
  • '; if(thisSlide == base.options.start_slide-1){ // Slide links if (base.options.slide_links)markers = markers+'
  • '+markerContent+'
    • '; // Slide Thumbnail Links if (base.options.thumb_links){ base.options.slides[thisSlide].thumb ? thumbImage = base.options.slides[thisSlide].thumb : thumbImage = base.options.slides[thisSlide].image; thumbMarkers = thumbMarkers+'
    • '; }; }else{ // Slide links if (base.options.slide_links) markers = markers+'
  • '+markerContent+'
    • '; // Slide Thumbnail Links if (base.options.thumb_links){ base.options.slides[thisSlide].thumb ? thumbImage = base.options.slides[thisSlide].thumb : thumbImage = base.options.slides[thisSlide].image; thumbMarkers = thumbMarkers+'
    • '; }; } thisSlide++; } if (base.options.slide_links) $(vars.slide_list).html(markers); if (base.options.thumb_links && vars.thumb_tray.length){ $(vars.thumb_tray).append(''); } $(base.el).append(slideSet); // Add in thumbnails if (base.options.thumbnail_navigation){ // Load previous thumbnail vars.current_slide - 1 < 0 ? prevThumb = base.options.slides.length - 1 : prevThumb = vars.current_slide - 1; $(vars.prev_thumb).show().html($("").attr("src", base.options.slides[prevThumb].image)); // Load next thumbnail vars.current_slide == base.options.slides.length - 1 ? nextThumb = 0 : nextThumb = vars.current_slide + 1; $(vars.next_thumb).show().html($("").attr("src", base.options.slides[nextThumb].image)); } base._start(); // Get things started }; /* Initialize ----------------------------*/ base._start = function(){ // Determine if starting slide random if (base.options.start_slide){ vars.current_slide = base.options.start_slide - 1; }else{ vars.current_slide = Math.floor(Math.random()*base.options.slides.length); // Generate random slide number } // If links should open in new window var linkTarget = base.options.new_window ? ' target="_blank"' : ''; // Set slideshow quality (Supported only in FF and IE, no Webkit) if (base.options.performance == 3){ base.$el.addClass('speed'); // Faster transitions } else if ((base.options.performance == 1) || (base.options.performance == 2)){ base.$el.addClass('quality'); // Higher image quality } // Shuffle slide order if needed if (base.options.random){ arr = base.options.slides; for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x); // Fisher-Yates shuffle algorithm (jsfromhell.com/array/shuffle) base.options.slides = arr; } /*-----Load initial set of images-----*/ if (base.options.slides.length > 1){ // Set previous image vars.current_slide - 1 < 0 ? loadPrev = base.options.slides.length - 1 : loadPrev = vars.current_slide - 1; // If slide is 1, load last slide as previous var imageLink = (base.options.slides[loadPrev].url) ? "href='" + base.options.slides[loadPrev].url + "'" : ""; var imgPrev = $(''); var slidePrev = base.el+' li:eq('+loadPrev+')'; imgPrev.appendTo(slidePrev).wrap('').parent().parent().addClass('image-loading prevslide'); imgPrev.load(function(){ $(this).data('origWidth', $(this).width()).data('origHeight', $(this).height()); base.resizeNow(); // Resize background image }); // End Load } else { // Slideshow turned off if there is only one slide base.options.slideshow = 0; } // Set current image imageLink = (api.getField('url')) ? "href='" + api.getField('url') + "'" : ""; var img = $(''); var slideCurrent= base.el+' li:eq('+vars.current_slide+')'; img.appendTo(slideCurrent).wrap('').parent().parent().addClass('image-loading activeslide'); img.load(function(){ base._origDim($(this)); base.resizeNow(); // Resize background image base.launch(); if( typeof theme != 'undefined' && typeof theme._init == "function" ) theme._init(); // Load Theme }); if (base.options.slides.length > 1){ // Set next image vars.current_slide == base.options.slides.length - 1 ? loadNext = 0 : loadNext = vars.current_slide + 1; // If slide is last, load first slide as next imageLink = (base.options.slides[loadNext].url) ? "href='" + base.options.slides[loadNext].url + "'" : ""; var imgNext = $(''); var slideNext = base.el+' li:eq('+loadNext+')'; imgNext.appendTo(slideNext).wrap('').parent().parent().addClass('image-loading'); imgNext.load(function(){ $(this).data('origWidth', $(this).width()).data('origHeight', $(this).height()); base.resizeNow(); // Resize background image }); // End Load } /*-----End load initial images-----*/ // Hide elements to be faded in base.$el.css('visibility','hidden'); $('.load-item').hide(); }; /* Launch Supersized ----------------------------*/ base.launch = function(){ base.$el.css('visibility','visible'); $('#supersized-loader').remove(); //Hide loading animation // Call theme function for before slide transition if( typeof theme != 'undefined' && typeof theme.beforeAnimation == "function" ) theme.beforeAnimation('next'); $('.load-item').show(); // Keyboard Navigation if (base.options.keyboard_nav){ $(document.documentElement).keyup(function (event) { if(vars.in_animation) return false; // Abort if currently animating // Left Arrow or Down Arrow if ((event.keyCode == 37) || (event.keyCode == 40)) { clearInterval(vars.slideshow_interval); // Stop slideshow, prevent buildup base.prevSlide(); // Right Arrow or Up Arrow } else if ((event.keyCode == 39) || (event.keyCode == 38)) { clearInterval(vars.slideshow_interval); // Stop slideshow, prevent buildup base.nextSlide(); // Spacebar } else if (event.keyCode == 32 && !vars.hover_pause) { clearInterval(vars.slideshow_interval); // Stop slideshow, prevent buildup base.playToggle(); } }); } // Pause when hover on image if (base.options.slideshow && base.options.pause_hover){ $(base.el).hover(function() { if(vars.in_animation) return false; // Abort if currently animating vars.hover_pause = true; // Mark slideshow paused from hover if(!vars.is_paused){ vars.hover_pause = 'resume'; // It needs to resume afterwards base.playToggle(); } }, function() { if(vars.hover_pause == 'resume'){ base.playToggle(); vars.hover_pause = false; } }); } if (base.options.slide_links){ // Slide marker clicked $(vars.slide_list+'> li').click(function(){ index = $(vars.slide_list+'> li').index(this); targetSlide = index + 1; base.goTo(targetSlide); return false; }); } // Thumb marker clicked if (base.options.thumb_links){ $(vars.thumb_list+'> li').click(function(){ index = $(vars.thumb_list+'> li').index(this); targetSlide = index + 1; api.goTo(targetSlide); return false; }); } // Start slideshow if enabled if (base.options.slideshow && base.options.slides.length > 1){ // Start slideshow if autoplay enabled if (base.options.autoplay && base.options.slides.length > 1){ vars.slideshow_interval = setInterval(base.nextSlide, base.options.slide_interval); // Initiate slide interval }else{ vars.is_paused = true; // Mark as paused } //Prevent navigation items from being dragged $('.load-item img').bind("contextmenu mousedown",function(){ return false; }); } // Adjust image when browser is resized $(window).resize(function(){ base.resizeNow(); }); }; /* Resize Images ----------------------------*/ base.resizeNow = function(){ return base.$el.each(function() { // Resize each image seperately $('img', base.el).each(function(){ thisSlide = $(this); var ratio = (thisSlide.data('origHeight')/thisSlide.data('origWidth')).toFixed(2); // Define image ratio // Gather browser size var browserwidth = base.$el.width(), browserheight = base.$el.height(), offset; /*-----Resize Image-----*/ if (base.options.fit_always){ // Fit always is enabled if ((browserheight/browserwidth) > ratio){ resizeWidth(); } else { resizeHeight(); } }else{ // Normal Resize if ((browserheight <= base.options.min_height) && (browserwidth <= base.options.min_width)){ // If window smaller than minimum width and height if ((browserheight/browserwidth) > ratio){ base.options.fit_landscape && ratio < 1 ? resizeWidth(true) : resizeHeight(true); // If landscapes are set to fit } else { base.options.fit_portrait && ratio >= 1 ? resizeHeight(true) : resizeWidth(true); // If portraits are set to fit } } else if (browserwidth <= base.options.min_width){ // If window only smaller than minimum width if ((browserheight/browserwidth) > ratio){ base.options.fit_landscape && ratio < 1 ? resizeWidth(true) : resizeHeight(); // If landscapes are set to fit } else { base.options.fit_portrait && ratio >= 1 ? resizeHeight() : resizeWidth(true); // If portraits are set to fit } } else if (browserheight <= base.options.min_height){ // If window only smaller than minimum height if ((browserheight/browserwidth) > ratio){ base.options.fit_landscape && ratio < 1 ? resizeWidth() : resizeHeight(true); // If landscapes are set to fit } else { base.options.fit_portrait && ratio >= 1 ? resizeHeight(true) : resizeWidth(); // If portraits are set to fit } } else { // If larger than minimums if ((browserheight/browserwidth) > ratio){ base.options.fit_landscape && ratio < 1 ? resizeWidth() : resizeHeight(); // If landscapes are set to fit } else { base.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() < base.options.min_width ){ if (thisSlide.width() * ratio >= base.options.min_height){ thisSlide.width(base.options.min_width); thisSlide.height(thisSlide.width() * ratio); }else{ resizeHeight(); } } }else{ if (base.options.min_height >= browserheight && !base.options.fit_landscape){ // If minimum height needs to be considered if (browserwidth * ratio >= base.options.min_height || (browserwidth * ratio >= base.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(base.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); } } }; function resizeHeight(minimum){ if (minimum){ // If minimum height needs to be considered if(thisSlide.height() < browserheight){ if (thisSlide.height() / ratio >= base.options.min_width){ thisSlide.height(base.options.min_height); thisSlide.width(thisSlide.height() / ratio); }else{ resizeWidth(true); } } }else{ // Otherwise, resized as normal if (base.options.min_width >= browserwidth){ // If minimum width needs to be considered if (browserheight / ratio >= base.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(base.options.min_width); thisSlide.height(thisSlide.width() * ratio); } }else{ // Otherwise, resize as normal thisSlide.height(browserheight); thisSlide.width(browserheight / ratio); } } }; /*-----End Resize Functions-----*/ if (thisSlide.parents('li').hasClass('image-loading')){ $('.image-loading').removeClass('image-loading'); } // Horizontally Center if (base.options.horizontal_center){ $(this).css('left', (browserwidth - $(this).width())/2); } // Vertically Center if (base.options.vertical_center){ $(this).css('top', (browserheight - $(this).height())/2); } }); // Basic image drag and right click protection if (base.options.image_protect){ $('img', base.el).bind("contextmenu mousedown",function(){ return false; }); } return false; }); }; /* Next Slide ----------------------------*/ base.nextSlide = function(){ if(vars.in_animation || !api.options.slideshow) return false; // Abort if currently animating else vars.in_animation = true; // Otherwise set animation marker clearInterval(vars.slideshow_interval); // Stop slideshow var slides = base.options.slides, // Pull in slides array liveslide = base.$el.find('.activeslide'); // Find active slide $('.prevslide').removeClass('prevslide'); liveslide.removeClass('activeslide').addClass('prevslide'); // Remove active class & update previous slide // Get the slide number of new slide vars.current_slide + 1 == base.options.slides.length ? vars.current_slide = 0 : vars.current_slide++; var nextslide = $(base.el+' li:eq('+vars.current_slide+')'), prevslide = base.$el.find('.prevslide'); // If hybrid mode is on drop quality for transition if (base.options.performance == 1) base.$el.removeClass('quality').addClass('speed'); /*-----Load Image-----*/ loadSlide = false; vars.current_slide == base.options.slides.length - 1 ? loadSlide = 0 : loadSlide = vars.current_slide + 1; // Determine next slide var targetList = base.el+' li:eq('+loadSlide+')'; if (!$(targetList).html()){ // If links should open in new window var linkTarget = base.options.new_window ? ' target="_blank"' : ''; imageLink = (base.options.slides[loadSlide].url) ? "href='" + base.options.slides[loadSlide].url + "'" : ""; // If link exists, build it var img = $(''); img.appendTo(targetList).wrap('').parent().parent().addClass('image-loading').css('visibility','hidden'); img.load(function(){ base._origDim($(this)); base.resizeNow(); }); // End Load }; // Update thumbnails (if enabled) if (base.options.thumbnail_navigation == 1){ // Load previous thumbnail vars.current_slide - 1 < 0 ? prevThumb = base.options.slides.length - 1 : prevThumb = vars.current_slide - 1; $(vars.prev_thumb).html($("").attr("src", base.options.slides[prevThumb].image)); // Load next thumbnail nextThumb = loadSlide; $(vars.next_thumb).html($("").attr("src", base.options.slides[nextThumb].image)); } /*-----End Load Image-----*/ // Call theme function for before slide transition if( typeof theme != 'undefined' && typeof theme.beforeAnimation == "function" ) theme.beforeAnimation('next'); //Update slide markers if (base.options.slide_links){ $('.current-slide').removeClass('current-slide'); $(vars.slide_list +'> li' ).eq(vars.current_slide).addClass('current-slide'); } nextslide.css('visibility','hidden').addClass('activeslide'); // Update active slide switch(base.options.transition){ case 0: case 'none': // No transition nextslide.css('visibility','visible'); vars.in_animation = false; break; case 1: case 'fade': // Fade nextslide.animate({opacity : 0},0).css('visibility','visible').animate({opacity : 1, avoidTransforms : false}, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 2: case 'slideTop': // Slide Top nextslide.animate({top : -base.$el.height()}, 0 ).css('visibility','visible').animate({ top:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 3: case 'slideRight': // Slide Right nextslide.animate({left : base.$el.width()}, 0 ).css('visibility','visible').animate({ left:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 4: case 'slideBottom': // Slide Bottom nextslide.animate({top : base.$el.height()}, 0 ).css('visibility','visible').animate({ top:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 5: case 'slideLeft': // Slide Left nextslide.animate({left : -base.$el.width()}, 0 ).css('visibility','visible').animate({ left:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 6: case 'carouselRight': // Carousel Right nextslide.animate({left : base.$el.width()}, 0 ).css('visibility','visible').animate({ left:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); liveslide.animate({ left: -base.$el.width(), avoidTransforms : false }, base.options.transition_speed ); break; case 7: case 'carouselLeft': // Carousel Left nextslide.animate({left : -base.$el.width()}, 0 ).css('visibility','visible').animate({ left:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); liveslide.animate({ left: base.$el.width(), avoidTransforms : false }, base.options.transition_speed ); break; } return false; }; /* Previous Slide ----------------------------*/ base.prevSlide = function(){ if(vars.in_animation || !api.options.slideshow) return false; // Abort if currently animating else vars.in_animation = true; // Otherwise set animation marker clearInterval(vars.slideshow_interval); // Stop slideshow var slides = base.options.slides, // Pull in slides array liveslide = base.$el.find('.activeslide'); // Find active slide $('.prevslide').removeClass('prevslide'); liveslide.removeClass('activeslide').addClass('prevslide'); // Remove active class & update previous slide // Get current slide number vars.current_slide == 0 ? vars.current_slide = base.options.slides.length - 1 : vars.current_slide-- ; var nextslide = $(base.el+' li:eq('+vars.current_slide+')'), prevslide = base.$el.find('.prevslide'); // If hybrid mode is on drop quality for transition if (base.options.performance == 1) base.$el.removeClass('quality').addClass('speed'); /*-----Load Image-----*/ loadSlide = false; vars.current_slide - 1 < 0 ? loadSlide = base.options.slides.length - 1 : loadSlide = vars.current_slide - 1; // Determine next slide var targetList = base.el+' li:eq('+loadSlide+')'; if (!$(targetList).html()){ // If links should open in new window var linkTarget = base.options.new_window ? ' target="_blank"' : ''; imageLink = (base.options.slides[loadSlide].url) ? "href='" + base.options.slides[loadSlide].url + "'" : ""; // If link exists, build it var img = $(''); img.appendTo(targetList).wrap('').parent().parent().addClass('image-loading').css('visibility','hidden'); img.load(function(){ base._origDim($(this)); base.resizeNow(); }); // End Load }; // Update thumbnails (if enabled) if (base.options.thumbnail_navigation == 1){ // Load previous thumbnail prevThumb = loadSlide; $(vars.prev_thumb).html($("").attr("src", base.options.slides[prevThumb].image)); // Load next thumbnail vars.current_slide == base.options.slides.length - 1 ? nextThumb = 0 : nextThumb = vars.current_slide + 1; $(vars.next_thumb).html($("").attr("src", base.options.slides[nextThumb].image)); } /*-----End Load Image-----*/ // Call theme function for before slide transition if( typeof theme != 'undefined' && typeof theme.beforeAnimation == "function" ) theme.beforeAnimation('prev'); //Update slide markers if (base.options.slide_links){ $('.current-slide').removeClass('current-slide'); $(vars.slide_list +'> li' ).eq(vars.current_slide).addClass('current-slide'); } nextslide.css('visibility','hidden').addClass('activeslide'); // Update active slide switch(base.options.transition){ case 0: case 'none': // No transition nextslide.css('visibility','visible'); vars.in_animation = false; base.afterAnimation(); break; case 1: case 'fade': // Fade nextslide.animate({opacity : 0},0).css('visibility','visible').animate({opacity : 1, avoidTransforms : false}, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 2: case 'slideTop': // Slide Top (reverse) nextslide.animate({top : base.$el.height()}, 0 ).css('visibility','visible').animate({ top:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 3: case 'slideRight': // Slide Right (reverse) nextslide.animate({left : -base.$el.width()}, 0 ).css('visibility','visible').animate({ left:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 4: case 'slideBottom': // Slide Bottom (reverse) nextslide.animate({top : -base.$el.height()}, 0 ).css('visibility','visible').animate({ top:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 5: case 'slideLeft': // Slide Left (reverse) nextslide.animate({left : base.$el.width()}, 0 ).css('visibility','visible').animate({ left:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); break; case 6: case 'carouselRight': // Carousel Right (reverse) nextslide.animate({left : -base.$el.width()}, 0 ).css('visibility','visible').animate({ left:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); liveslide.animate({left : 0}, 0 ).animate({ left: base.$el.width(), avoidTransforms : false}, base.options.transition_speed ); break; case 7: case 'carouselLeft': // Carousel Left (reverse) nextslide.animate({left : base.$el.width()}, 0 ).css('visibility','visible').animate({ left:0, avoidTransforms : false }, base.options.transition_speed, function(){ base.afterAnimation(); }); liveslide.animate({left : 0}, 0 ).animate({ left: -base.$el.width(), avoidTransforms : false }, base.options.transition_speed ); break; } return false; }; /* Play/Pause Toggle ----------------------------*/ base.playToggle = function(){ if (vars.in_animation || !api.options.slideshow) return false; // Abort if currently animating if (vars.is_paused){ vars.is_paused = false; // Call theme function for play if( typeof theme != 'undefined' && typeof theme.playToggle == "function" ) theme.playToggle('play'); // Resume slideshow vars.slideshow_interval = setInterval(base.nextSlide, base.options.slide_interval); }else{ vars.is_paused = true; // Call theme function for pause if( typeof theme != 'undefined' && typeof theme.playToggle == "function" ) theme.playToggle('pause'); // Stop slideshow clearInterval(vars.slideshow_interval); } return false; }; /* Go to specific slide ----------------------------*/ base.goTo = function(targetSlide){ if (vars.in_animation || !api.options.slideshow) return false; // Abort if currently animating var totalSlides = base.options.slides.length; // If target outside range if(targetSlide < 0){ targetSlide = totalSlides; }else if(targetSlide > totalSlides){ targetSlide = 1; } targetSlide = totalSlides - targetSlide + 1; clearInterval(vars.slideshow_interval); // Stop slideshow, prevent buildup // Call theme function for goTo trigger if (typeof theme != 'undefined' && typeof theme.goTo == "function" ) theme.goTo(); if (vars.current_slide == totalSlides - targetSlide){ if(!(vars.is_paused)){ vars.slideshow_interval = setInterval(base.nextSlide, base.options.slide_interval); } return false; } // If ahead of current position if(totalSlides - targetSlide > vars.current_slide ){ // Adjust for new next slide vars.current_slide = totalSlides-targetSlide-1; vars.update_images = 'next'; base._placeSlide(vars.update_images); //Otherwise it's before current position }else if(totalSlides - targetSlide < vars.current_slide){ // Adjust for new prev slide vars.current_slide = totalSlides-targetSlide+1; vars.update_images = 'prev'; base._placeSlide(vars.update_images); } // set active markers if (base.options.slide_links){ $(vars.slide_list +'> .current-slide').removeClass('current-slide'); $(vars.slide_list +'> li').eq((totalSlides-targetSlide)).addClass('current-slide'); } if (base.options.thumb_links){ $(vars.thumb_list +'> .current-thumb').removeClass('current-thumb'); $(vars.thumb_list +'> li').eq((totalSlides-targetSlide)).addClass('current-thumb'); } }; /* Place Slide ----------------------------*/ base._placeSlide = function(place){ // If links should open in new window var linkTarget = base.options.new_window ? ' target="_blank"' : ''; loadSlide = false; if (place == 'next'){ vars.current_slide == base.options.slides.length - 1 ? loadSlide = 0 : loadSlide = vars.current_slide + 1; // Determine next slide var targetList = base.el+' li:eq('+loadSlide+')'; if (!$(targetList).html()){ // If links should open in new window var linkTarget = base.options.new_window ? ' target="_blank"' : ''; imageLink = (base.options.slides[loadSlide].url) ? "href='" + base.options.slides[loadSlide].url + "'" : ""; // If link exists, build it var img = $(''); img.appendTo(targetList).wrap('').parent().parent().addClass('image-loading').css('visibility','hidden'); img.load(function(){ base._origDim($(this)); base.resizeNow(); }); // End Load }; base.nextSlide(); }else if (place == 'prev'){ vars.current_slide - 1 < 0 ? loadSlide = base.options.slides.length - 1 : loadSlide = vars.current_slide - 1; // Determine next slide var targetList = base.el+' li:eq('+loadSlide+')'; if (!$(targetList).html()){ // If links should open in new window var linkTarget = base.options.new_window ? ' target="_blank"' : ''; imageLink = (base.options.slides[loadSlide].url) ? "href='" + base.options.slides[loadSlide].url + "'" : ""; // If link exists, build it var img = $(''); img.appendTo(targetList).wrap('').parent().parent().addClass('image-loading').css('visibility','hidden'); img.load(function(){ base._origDim($(this)); base.resizeNow(); }); // End Load }; base.prevSlide(); } }; /* Get Original Dimensions ----------------------------*/ base._origDim = function(targetSlide){ targetSlide.data('origWidth', targetSlide.width()).data('origHeight', targetSlide.height()); }; /* After Slide Animation ----------------------------*/ base.afterAnimation = function(){ // If hybrid mode is on swap back to higher image quality if (base.options.performance == 1){ base.$el.removeClass('speed').addClass('quality'); } // Update previous slide if (vars.update_images){ vars.current_slide - 1 < 0 ? setPrev = base.options.slides.length - 1 : setPrev = vars.current_slide-1; vars.update_images = false; $('.prevslide').removeClass('prevslide'); $(base.el+' li:eq('+setPrev+')').addClass('prevslide'); } vars.in_animation = false; // Resume slideshow if (!vars.is_paused && base.options.slideshow){ vars.slideshow_interval = setInterval(base.nextSlide, base.options.slide_interval); if (base.options.stop_loop && vars.current_slide == base.options.slides.length - 1 ) base.playToggle(); } // Call theme function for after slide transition if (typeof theme != 'undefined' && typeof theme.afterAnimation == "function" ) theme.afterAnimation(); return false; }; base.getField = function(field){ return base.options.slides[vars.current_slide][field]; }; // Make it go! base.init(); }; /* Global Variables ----------------------------*/ $.supersized.vars = { // Elements thumb_tray : '#thumb-tray', // Thumbnail tray thumb_list : '#thumb-list', // Thumbnail list slide_list : '#slide-list', // Slide link list // Internal variables current_slide : 0, // Current slide number in_animation : false, // Prevents animations from stacking is_paused : false, // Tracks paused on/off hover_pause : false, // If slideshow is paused from hover slideshow_interval : false, // Stores slideshow timer update_images : false, // Trigger to update images after slide jump options : {} // Stores assembled options list }; /* Default Options ----------------------------*/ $.supersized.defaultOptions = { // Functionality slideshow : 1, // Slideshow on/off autoplay : 1, // Slideshow starts playing automatically start_slide : 1, // Start slide (0 is random) stop_loop : 0, // Stops slideshow on last slide random : 0, // Randomize slide order (Ignores start slide) slide_interval : 5000, // Length between transitions transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed : 750, // Speed of transition new_window : 1, // Image links open in new window/tab pause_hover : 0, // Pause slideshow on hover keyboard_nav : 1, // Keyboard navigation on/off performance : 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) image_protect : 1, // Disables image dragging and right click with Javascript // Size & Position fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions) fit_landscape : 0, // Landscape images will not exceed browser width fit_portrait : 1, // Portrait images will not exceed browser height min_width : 0, // Min width allowed (in pixels) min_height : 0, // Min height allowed (in pixels) horizontal_center : 1, // Horizontally center background vertical_center : 1, // Vertically center background // Components slide_links : 1, // Individual links for each slide thumb_links : 1, // Individual thumb links for each slide thumbnail_navigation : 0 // Thumbnail navigation }; $.fn.supersized = function(options){ return this.each(function(){ (new $.supersized(options)); }); }; })(jQuery); jQuery(function($){ $.supersized({ // Functionality slideshow : 1, // Slideshow on/off autoplay : 1, // Slideshow starts playing automatically start_slide : 1, // Start slide (0 is random) stop_loop : 0, // Pauses slideshow on last slide random : 0, // Randomize slide order (Ignores start slide) slide_interval : 5000, // Length between transitions transition : 1, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left transition_speed : 2000, // Speed of transition new_window : 1, // Image links open in new window/tab pause_hover : 0, // Pause slideshow on hover keyboard_nav : 1, // Keyboard navigation on/off performance : 1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) image_protect : 1, // Disables image dragging and right click with Javascript // Size & Position min_width : 600, // Min width allowed (in pixels) min_height : 800, // Min height allowed (in pixels) vertical_center : 1, // Vertically center background horizontal_center : 1, // Horizontally center background fit_always : 0, // Image will never exceed browser width or height (Ignores min. dimensions) fit_portrait : 1, // Portrait images will not exceed browser height fit_landscape : 0, // Landscape images will not exceed browser width // Components slide_links : 'blank', // Individual links for each slide (Options: false, 'number', 'name', 'blank') thumb_links : 1, // Individual thumb links for each slide thumbnail_navigation : 0, // Thumbnail navigation slides : [ // Slideshow Images {image : 'http://rcpglobal.com/image2.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image2thumb.jpg'}, //oil derrick {image : 'http://rcpglobal.com/image3.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image3thumb.jpg'}, //chicken skewers {image : 'http://rcpglobal.com/image16.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image16thumb.jpg'}, //cheney {image : 'http://rcpglobal.com/image4.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image4thumb.jpg'}, //sparks {image : 'http://rcpglobal.com/image8.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image8thumb.jpg'}, //dubai {image : 'http://rcpglobal.com/image5.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image5thumb.jpg'}, //smoothies {image : 'http://rcpglobal.com/image15.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image15thumb.jpg'}, //obama {image : 'http://rcpglobal.com/image6.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image6thumb.jpg'}, //tripod {image : 'http://rcpglobal.com/image14.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image14thumb.jpg'}, //chicken {image : 'http://rcpglobal.com/image9.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image9thumb.jpg'}, //chopper {image : 'http://rcpglobal.com/image10.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image10thumb.jpg'}, //convention center {image : 'http://rcpglobal.com/image12.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image12thumb.jpg'}, //veggies {image : 'http://rcpglobal.com/image11.jpg', title : '© 2011 RCP Global', thumb : 'http://rcpglobal.com/draft4/image11thumb.jpg'} //dozer ], // Theme Options progress_bar : 0, // Timer for each slide mouse_scrub : 1 }); }); /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.4 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($){ theme = { /* Initial Placement ----------------------------*/ _init : function(){ // Center Slide Links if (api.options.slide_links) $(vars.slide_list).css('margin-left', -$(vars.slide_list).width()/2); // Start progressbar if autoplay enabled if (api.options.autoplay){ if (api.options.progress_bar) theme.progressBar(); }else{ if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "play.png"); // If pause play button is image, swap src if (api.options.progress_bar) $(vars.progress_bar).stop().animate({left : -$(window).width()}, 0 ); // Place progress bar } /* Thumbnail Tray ----------------------------*/ // Hide tray off screen $(vars.thumb_tray).animate({bottom : -$(vars.thumb_tray).height()}, 0 ); // Thumbnail Tray Toggle $(vars.tray_button).toggle(function(){ $(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 ); if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-down.png"); return false; }, function() { $(vars.thumb_tray).stop().animate({bottom : -$(vars.thumb_tray).height(), avoidTransforms : true}, 300 ); if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-up.png"); return false; }); $('#tray-button').click() // added to make tray appear by default // Make thumb tray proper size $(vars.thumb_list).width($('> li', vars.thumb_list).length * $('> li', vars.thumb_list).outerWidth(true)); //Adjust to true width of thumb markers // Display total slides if ($(vars.slide_total).length){ $(vars.slide_total).html(api.options.slides.length); } /* Thumbnail Tray Navigation ----------------------------*/ if (api.options.thumb_links){ //Hide thumb arrows if not needed if ($(vars.thumb_list).width() <= $(vars.thumb_tray).width()){ $(vars.thumb_back +','+vars.thumb_forward).fadeOut(0); } // Thumb Intervals vars.thumb_interval = Math.floor($(vars.thumb_tray).width() / $('> li', vars.thumb_list).outerWidth(true)) * $('> li', vars.thumb_list).outerWidth(true); vars.thumb_page = 0; // Cycle thumbs forward $(vars.thumb_forward).click(function(){ if (vars.thumb_page - vars.thumb_interval <= -$(vars.thumb_list).width()){ vars.thumb_page = 0; $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'}); }else{ vars.thumb_page = vars.thumb_page - vars.thumb_interval; $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'}); } }); // Cycle thumbs backwards $(vars.thumb_back).click(function(){ if (vars.thumb_page + vars.thumb_interval > 0){ vars.thumb_page = Math.floor($(vars.thumb_list).width() / vars.thumb_interval) * -vars.thumb_interval; if ($(vars.thumb_list).width() <= -vars.thumb_page) vars.thumb_page = vars.thumb_page + vars.thumb_interval; $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'}); }else{ vars.thumb_page = vars.thumb_page + vars.thumb_interval; $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'}); } }); } /* Navigation Items ----------------------------*/ $(vars.next_slide).click(function() { api.nextSlide(); }); $(vars.prev_slide).click(function() { api.prevSlide(); }); // Full Opacity on Hover if(jQuery.support.opacity){ $(vars.prev_slide +','+vars.next_slide).mouseover(function() { $(this).stop().animate({opacity:1},100); }).mouseout(function(){ $(this).stop().animate({opacity:0.6},100); }); } if (api.options.thumbnail_navigation){ // Next thumbnail clicked $(vars.next_thumb).click(function() { api.nextSlide(); }); // Previous thumbnail clicked $(vars.prev_thumb).click(function() { api.prevSlide(); }); } $(vars.play_button).click(function() { api.playToggle(); }); /* Thumbnail Mouse Scrub ----------------------------*/ if (api.options.mouse_scrub){ $(vars.thumb_tray).mousemove(function(e) { var containerWidth = $(vars.thumb_tray).width(), listWidth = $(vars.thumb_list).width(); if (listWidth > containerWidth){ var mousePos = 1, diff = e.pageX - mousePos; if (diff > 10 || diff < -10) { mousePos = e.pageX; newX = (containerWidth - listWidth) * (e.pageX/containerWidth); diff = parseInt(Math.abs(parseInt($(vars.thumb_list).css('left'))-newX )).toFixed(0); $(vars.thumb_list).stop().animate({'left':newX}, {duration:diff*3, easing:'easeOutExpo'}); } } }); } /* Window Resize ----------------------------*/ $(window).resize(function(){ // Delay progress bar on resize 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); $(vars.progress_bar).stop().animate({left : -$(window).width()}, 0 ); if (!vars.progressDelay && api.options.slideshow){ // Delay slideshow from resuming so Chrome can refocus images vars.progressDelay = setTimeout(function() { if (!vars.is_paused){ theme.progressBar(); vars.slideshow_interval = setInterval(api.nextSlide, api.options.slide_interval); } vars.progressDelay = false; }, 1000); } } // Thumb Links if (api.options.thumb_links && vars.thumb_tray.length){ // Update Thumb Interval & Page vars.thumb_page = 0; vars.thumb_interval = Math.floor($(vars.thumb_tray).width() / $('> li', vars.thumb_list).outerWidth(true)) * $('> li', vars.thumb_list).outerWidth(true); // Adjust thumbnail markers if ($(vars.thumb_list).width() > $(vars.thumb_tray).width()){ $(vars.thumb_back +','+vars.thumb_forward).fadeIn('fast'); $(vars.thumb_list).stop().animate({'left':0}, 200); }else{ $(vars.thumb_back +','+vars.thumb_forward).fadeOut('fast'); } } }); }, /* Go To Slide ----------------------------*/ goTo : function(){ if (api.options.progress_bar && !vars.is_paused){ $(vars.progress_bar).stop().animate({left : -$(window).width()}, 0 ); theme.progressBar(); } }, /* Play & Pause Toggle ----------------------------*/ playToggle : function(state){ if (state =='play'){ // If image, swap to pause if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "pause.png"); if (api.options.progress_bar && !vars.is_paused) theme.progressBar(); }else if (state == 'pause'){ // If image, swap to play if ($(vars.play_button).attr('src')) $(vars.play_button).attr("src", vars.image_path + "play.png"); if (api.options.progress_bar && vars.is_paused)$(vars.progress_bar).stop().animate({left : -$(window).width()}, 0 ); } }, /* Before Slide Transition ----------------------------*/ beforeAnimation : function(direction){ if (api.options.progress_bar && !vars.is_paused) $(vars.progress_bar).stop().animate({left : -$(window).width()}, 0 ); /* Update Fields ----------------------------*/ // Update slide caption if ($(vars.slide_caption).length){ (api.getField('title')) ? $(vars.slide_caption).html(api.getField('title')) : $(vars.slide_caption).html(''); } // Update slide number if (vars.slide_current.length){ $(vars.slide_current).html(vars.current_slide + 1); } // Highlight current thumbnail and adjust row position if (api.options.thumb_links){ $('.current-thumb').removeClass('current-thumb'); $('li', vars.thumb_list).eq(vars.current_slide).addClass('current-thumb'); // If thumb out of view if ($(vars.thumb_list).width() > $(vars.thumb_tray).width()){ // If next slide direction if (direction == 'next'){ if (vars.current_slide == 0){ vars.thumb_page = 0; $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'}); } else if ($('.current-thumb').offset().left - $(vars.thumb_tray).offset().left >= vars.thumb_interval){ vars.thumb_page = vars.thumb_page - vars.thumb_interval; $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'}); } // If previous slide direction }else if(direction == 'prev'){ if (vars.current_slide == api.options.slides.length - 1){ vars.thumb_page = Math.floor($(vars.thumb_list).width() / vars.thumb_interval) * -vars.thumb_interval; if ($(vars.thumb_list).width() <= -vars.thumb_page) vars.thumb_page = vars.thumb_page + vars.thumb_interval; $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'}); } else if ($('.current-thumb').offset().left - $(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; $(vars.thumb_list).stop().animate({'left': vars.thumb_page}, {duration:500, easing:'easeOutExpo'}); } } } } }, /* After Slide Transition ----------------------------*/ afterAnimation : function(){ if (api.options.progress_bar && !vars.is_paused) theme.progressBar(); // Start progress bar }, /* Progress Bar ----------------------------*/ progressBar : function(){ $(vars.progress_bar).stop().animate({left : -$(window).width()}, 0 ).animate({ left:0 }, api.options.slide_interval); } }; /* Theme Specific Variables ----------------------------*/ $.supersized.themeVars = { // Internal Variables progress_delay : false, // Delay after resize before resuming slideshow thumb_page : false, // Thumbnail page thumb_interval : false, // Thumbnail interval image_path : 'img/', // Default image path // General Elements play_button : '#pauseplay', // Play/Pause button next_slide : '#nextslide', // Next slide button prev_slide : '#prevslide', // Prev slide button next_thumb : '#nextthumb', // Next slide thumb button prev_thumb : '#prevthumb', // Prev slide thumb button slide_caption : '#slidecaption', // Slide caption slide_current : '.slidenumber', // Current slide number slide_total : '.totalslides', // Total Slides slide_list : '#slide-list', // Slide jump list thumb_tray : '#thumb-tray', // Thumbnail tray thumb_list : '#thumb-list', // Thumbnail list thumb_forward : '#thumb-forward', // Cycles forward through thumbnail list thumb_back : '#thumb-back', // Cycles backwards through thumbnail list tray_arrow : '#tray-arrow', // Thumbnail tray button arrow tray_button : '#tray-button', // Thumbnail tray button progress_bar : '#progress-bar' // Progress bar }; /* Theme Specific Options ----------------------------*/ $.supersized.themeOptions = { progress_bar : 0, // Timer for each slide mouse_scrub : 0 // Thumbnails move with mouse }; })(jQuery); /* var TimeToFade = 1000.0; function fade(eid) { var element = document.getElementById(eid); if(element == null) return; element.FadeState = -2; /* if(element.FadeState == null) { if(element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1') { // changed this value to -2 (fully transparent) element.FadeState = -2; } else { element.FadeState = -2; } } if(element.FadeState == 1 || element.FadeState == -1) { element.FadeState = element.FadeState == 1 ? -1 : 1; element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft; } else { */ /* element.FadeState = element.FadeState == -2 ? 1 : 1; element.FadeTimeLeft = TimeToFade; setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33); // } } function animateFade(lastTick, eid){ var curTick = new Date().getTime(); var elapsedTicks = curTick - lastTick; var element = document.getElementById(eid); if(element.FadeTimeLeft <= elapsedTicks){ //element.style.opacity = element.FadeState == 1 ? '1' : '0'; element.style.opacity = '1'; //element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')'; element.style.filter = 'alpha(opacity = 85)'; element.FadeState = element.FadeState == 1 ? 2 : -2; return; } element.FadeTimeLeft -= elapsedTicks; var newOpVal = element.FadeTimeLeft/TimeToFade; //if(element.FadeState == 1){ newOpVal = 1 - newOpVal; //} newOpVal = newOpVal/2 + 0.5; element.style.opacity = newOpVal; element.style.filter = 'alpha(opacity = ' + (newOpVal*85) + ')'; setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33); } function fade2(eid) { var element = document.getElementById(eid); if(element == null) return; element.FadeState = 2; /* if(element.FadeState == null) { if(element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1') { // changed this value to -2 (fully transparent) element.FadeState = -2; } else { element.FadeState = -2; } } if(element.FadeState == 1 || element.FadeState == -1) { element.FadeState = element.FadeState == 1 ? -1 : 1; element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft; } else { element.FadeState = element.FadeState == 2 ? 1 : 1; element.FadeTimeLeft = TimeToFade; setTimeout("animateFade2(" + new Date().getTime() + ",'" + eid + "')", 33); // } } function animateFade2(lastTick, eid){ var curTick = new Date().getTime(); var elapsedTicks = curTick - lastTick; var element = document.getElementById(eid); if(element.FadeTimeLeft <= elapsedTicks){ //element.style.opacity = element.FadeState == 1 ? '1' : '0'; element.style.opacity = '.1'; //element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')'; element.style.filter = 'alpha(opacity = 15)'; element.FadeState = element.FadeState == 1 ? -2 : 2; return; } element.FadeTimeLeft -= elapsedTicks; var newOpVal = element.FadeTimeLeft/TimeToFade; //if(element.FadeState == 1){ newOpVal = 1 - newOpVal; //} newOpVal = newOpVal/2 + 0.3; element.style.opacity = newOpVal; element.style.filter = 'alpha(opacity = ' + (newOpVal*15) + ')'; setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33); } */ function ajaxFunction(){ var ajaxRequest; // The variable that makes Ajax possible! try{ // Opera 8.0+, Firefox, Safari ajaxRequest = new XMLHttpRequest(); } catch (e){ // Internet Explorer Browsers try{ ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try{ ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e){ // Something went wrong alert("Your browser broke!"); return false; } } } // Create a function that will receive data sent from the server ajaxRequest.onreadystatechange = function(){ if(ajaxRequest.readyState == 4){ var ajaxDisplay = document.getElementById('ajaxDiv'); ajaxDisplay.innerHTML = ''; } } var name = document.getElementById('name').value; var phone = document.getElementById('phone').value; var email = document.getElementById('email').value; var message = document.getElementById('message').value; var queryString = "?name=" + name + "&phone=" + phone + "&email=" + email + "&message=" + message; ajaxRequest.open("GET", "form/sendemail.php" + queryString, true); ajaxRequest.send(null); } /* function darkenDiv2(eID) { var duration = 3000; var speed = Math.round(duration / 100); var timer = 0; for (var i=100; i>=25; i--) { setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed); timer++; } return; } function lightenDiv(eID) { var duration = 3000; var speed = Math.round(duration / 100); var timer = 0; for (var i=25; i<101; i++) { setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed); timer++; } return; } */ function setOpacity(eID, opacityLevel) { var eStyle = document.getElementById(eID).style; eStyle.opacity = opacityLevel / 100; eStyle.filter = 'alpha(opacity='+opacityLevel+')'; } function fadeAnimation (content) { $('#pauseplay').click(); $('#webuild').toggle(1000); $('#headinglinks').toggle(1000); if (smallscreen == 1) { $('#tray-button').click(); $('#controls-wrapper').toggle(1000); }; setOpacity("supersized", 100); $('#supersized').fadeTo(2000, 0.25, function() {}); document.getElementById("fadeBlock").style.display = "none"; $('#fadeBlock').html(content); $('#fadeBlock').fadeIn(3000, function() {}); } function restoreOpacity () { $('#fadeBlock').html(empty); document.getElementById("fadeBlock").style.display = "none"; $('#supersized').fadeTo(2000, 1, function() {}); $('#pauseplay').click(); $('#webuild').toggle(1000); $('#headinglinks').toggle(1000); if (smallscreen == 1) { $('#tray-button').click(); $('#controls-wrapper').toggle(1000); }; /*slideshow_interval = 5000; transition = 1; transition_speed = 2000; theme.playToggle('play'); vars.is_paused = false; theme.playToggle = function(){ if (vars.in_animation || !api.options.slideshow) return false; // Abort if currently animating if (vars.is_paused){ vars.is_paused = false; // Call theme function for play if( typeof theme != 'undefined' && typeof theme.playToggle == "function" ) theme.playToggle('play'); // Resume slideshow vars.slideshow_interval = setInterval(theme.nextSlide, theme.options.slide_interval); }else{ vars.is_paused = true; // Call theme function for pause if( typeof theme != 'undefined' && typeof theme.playToggle == "function" ) theme.playToggle('pause'); // Stop slideshow clearInterval(vars.slideshow_interval); } return false; };*/ } var submitbutton = new Image(); submitbutton.src = "/draft4/img/send-button.png"; var backbutton = new Image(); backbutton.src = "/draft4/img/backbutton1.png"; var people = ''; var jason = '' var carlson = '' var sunstein = '' var robert = '' var contact2 = '

    '; var projects = ''; /*var locations = '

    Locations


    United States


    RCP Global

    3560 Mount Acadia Blvd

    San Diego, CA

    United States

    (858) 492-9100

    United Arab Emirates


    RCP Global

    Executive Heights – 15th Floor

    TECOM Area

    Near the Greens

    Sheikh Zayed Road

    Dubai, UAE

    01XXXXXXXX


    ';*/ var mission = ''; var empty = '';