/**
 * jQuery iView Slider v2.0
 * 
 * @version: 2.0.1 - August 17, 2012
 * 
 * @author: Hemn Chawroka
 *          hemn@iprodev.com
 *          http://iprodev.com/
 * 
 */ (function ($, window, undefined) {
 var iView = function (el, options) {
   //Get slider holder
   var iv = this;
   iv.options = options;
   iv.sliderContent = el, iv.sliderInner = iv.sliderContent.html();
   iv.sliderContent.html("<div class='iviewSlider'>" + iv.sliderInner + "</div>");
   //Get slider
   iv.slider = $('.iviewSlider', iv.sliderContent);
   iv.slider.css('position', 'relative');
   //Necessary variables.
   iv.defs = {
    slide: 0,
    total: 0,
    image: '',
    images: [],
    width: iv.sliderContent.width(),
    height: iv.sliderContent.height(),
    timer: options.timer.toLowerCase(),
    lock: false,
    paused: (options.autoAdvance) ? false : true,
    time: options.pauseTime,
    easing: options.easing
   };
   //Disable slider text selection
   iv.disableSelection(iv.slider[0]);
   //Find slides
   iv.slides = iv.slider.children();
   iv.slides.each(function (i) {
    var slide = $(this);
    //Find images & thumbnails
    iv.defs.images.push(slide.data("iview:image"));
    if (slide.data("iview:thumbnail")) iv.defs.images.push(slide.data("iview:thumbnail"));
    slide.css('display', 'none');
    //Find videos
    if (slide.data("iview:type") == "video") {
     var element = slide.children().eq(0),
      video = $('<div class="iview-video-show"><div class="iview-video-container"><a class="iview-video-close" title="' + options.closeLabel + '">&#735;</a></div></div>');
     slide.append(video);
     element.appendTo($('div.iview-video-container', video));
     video.css({
      width: iv.defs.width,
      height: iv.defs.height,
      top: '-' + iv.defs.height + 'px'
     }).hide();
     slide.addClass('iview-video').css({
      'cursor': 'pointer'
     });
    }
    iv.defs.total++;
   }).css({
    width: iv.defs.width,
    height: iv.defs.height
   });
   //Set Preloader Element
   iv.sliderContent.append('<div id="iview-preloader"><div></div></div>');
   var iviewPreloader = $('#iview-preloader', iv.sliderContent);
   var preloaderBar = $('div', iviewPreloader);
   iviewPreloader.css({
    top: ((iv.defs.height / 2) - (iviewPreloader.height() / 2)) + 'px',
    left: ((iv.defs.width / 2) - (iviewPreloader.width() / 2)) + 'px'
   });
   //Set Timer Element
   iv.sliderContent.append('<div id="iview-timer"><div></div></div>');
   iv.iviewTimer = $('#iview-timer', iv.sliderContent);
   iv.iviewTimer.hide();
   //Find captions
   $('.iview-caption', iv.slider).each(function (i) {
    var caption = $(this);
    caption.html('<div class="caption-contain">' + caption.html() + '</div>');
   });
   //If randomStart
   options.startSlide = (options.randomStart) ? Math.floor(Math.random() * iv.defs.total) : options.startSlide;
   //Set startSlide
   options.startSlide = (options.startSlide > 0 && options.startSlide >= iv.defs.total) ? iv.defs.total - 1 : options.startSlide;
   iv.defs.slide = options.startSlide;
   //Set first image
   iv.defs.image = iv.slides.eq(iv.defs.slide);
   //Set pauseTime
   iv.defs.time = (iv.defs.image.data('iview:pausetime')) ? iv.defs.image.data('iview:pausetime') : options.pauseTime;
   //Set easing
   iv.defs.easing = (iv.defs.image.data('iview:easing')) ? iv.defs.image.data('iview:easing') : options.easing;
   iv.pieDegree = 0;
   var padding = options.timerPadding,
    diameter = options.timerDiameter,
    stroke = options.timerStroke;
   if (iv.defs.total > 1 && iv.defs.timer != "bar") {
    //Start the Raphael
    stroke = (iv.defs.timer == "360bar") ? options.timerStroke : 0;
    var width = (diameter + (padding * 2) + (stroke * 2)),
     height = width,
     r = Raphael(iv.iviewTimer[0], width, height);
    iv.R = (diameter / 2);
    var param = {
     stroke: options.timerBg,
     "stroke-width": (stroke + (padding * 2))
    },
     param2 = {
      stroke: options.timerColor,
      "stroke-width": stroke,
      "stroke-linecap": "round"
     },
     param3 = {
      fill: options.timerColor,
      stroke: 'none',
      "stroke-width": 0
     },
     bgParam = {
      fill: options.timerBg,
      stroke: 'none',
      "stroke-width": 0
     };
    // Custom Arc Attribute
    r.customAttributes.arc = function (value, R) {
     var total = 360,
      alpha = 360 / total * value,
      a = (90 - alpha) * Math.PI / 180,
      cx = ((diameter / 2) + padding + stroke),
      cy = ((diameter / 2) + padding + stroke),
      x = cx + R * Math.cos(a),
      y = cy - R * Math.sin(a),
      path;
     if (total == value) {
      path = [["M", cx, cy - R], ["A", R, R, 0, 1, 1, 299.99, cy - R]];
     } else {
      path = [["M", cx, cy - R], ["A", R, R, 0, +(alpha > 180), 1, x, y]];
     }
     return {
      path: path
     };
    };
    // Custom Segment Attribute
    r.customAttributes.segment = function (angle, R) {
     var a1 = -90;
     R = R - 1;
     angle = (a1 + angle);
     var flag = (angle - a1) > 180,
      x = ((diameter / 2) + padding),
      y = ((diameter / 2) + padding);
     a1 = (a1 % 360) * Math.PI / 180;
     angle = (angle % 360) * Math.PI / 180;
     return {
      path: [["M", x, y], ["l", R * Math.cos(a1), R * Math.sin(a1)], ["A", R, R, 0, +flag, 1, x + R * Math.cos(angle), y + R * Math.sin(angle)], ["z"]]
     };
    };
    if (iv.defs.total > 1 && iv.defs.timer == "pie") {
     r.circle(iv.R + padding, iv.R + padding, iv.R + padding - 1).attr(bgParam);
    }
    iv.timerBgPath = r.path().attr(param), iv.timerPath = r.path().attr(param2), iv.pieTimer = r.path().attr(param3);
   }
   iv.barTimer = $('div', iv.iviewTimer);
   if (iv.defs.total > 1 && iv.defs.timer == "360bar") {
    iv.timerBgPath.attr({
     arc: [359.9, iv.R]
    });
   }
   //Set Timer Styles
   if (iv.defs.timer == "bar") {
    iv.iviewTimer.css({
     opacity: options.timerOpacity,
     width: diameter,
     height: stroke,
     border: options.timerBarStroke + 'px ' + options.timerBarStrokeColor + ' ' + options.timerBarStrokeStyle,
     padding: padding,
     background: options.timerBg
    });
    iv.barTimer.css({
     width: 0,
     height: stroke,
     background: options.timerColor,
     'float': 'left'
    });
   } else {
    iv.iviewTimer.css({
     opacity: options.timerOpacity,
     width: width,
     height: height
    });
   }
   //Set Timer Position
   iv.setTimerPosition();
   // Run Preloader
   new ImagePreload(iv.defs.images, function (i) {
    var percent = (i * 10);
    preloaderBar.stop().animate({
     width: percent + '%'
    });
   }, function () {
    preloaderBar.stop().animate({
     width: '100%'
    }, function () {
     iviewPreloader.remove();
     iv.startSlider();
     //Trigger the onAfterLoad callback
     options.onAfterLoad.call(this);
    });
   });
   //Touch navigation
   iv.sliderContent.bind('swipeleft', function () {
    if (iv.defs.lock) return false;
    iv.cleanTimer();
    iv.goTo('next');
   }).bind('swiperight', function () {
    if (iv.defs.lock) return false;
    iv.cleanTimer();
    iv.defs.slide -= 2;
    iv.goTo('prev');
   });

   //Keyboard Navigation
   if (options.keyboardNav) {
    $(document).bind('keyup.iView', function (event) {
     //Left
     if (event.keyCode == '37') {
      if (iv.defs.lock) return false;
      iv.cleanTimer();
      iv.defs.slide -= 2;
      iv.goTo('prev');
     }
     //Right
     if (event.keyCode == '39') {
      if (iv.defs.lock) return false;
      iv.cleanTimer();
      iv.goTo('next');
     }
    });
   }
   //Play/Pause action
   iv.iviewTimer.live('click', function () {
    if (iv.iviewTimer.hasClass('paused')) {
     iv.playSlider();
    } else {
     iv.stopSlider();
    }
   });
   //Bind the stop action
   iv.sliderContent.bind('iView:pause', function () {
    iv.stopSlider();
   });
   //Bind the start action
   iv.sliderContent.bind('iView:play', function () {
    iv.playSlider();
   });
   //Bind the start action
   iv.sliderContent.bind('iView:previous', function () {
    if (iv.defs.lock) return false;
    iv.cleanTimer();
    iv.defs.slide -= 2;
    iv.goTo('prev');
   });
   //Bind the start action
   iv.sliderContent.bind('iView:next', function () {
    if (iv.defs.lock) return false;
    iv.cleanTimer();
    iv.goTo('next');
   });
   //Bind the goSlide action
   iv.sliderContent.bind('iView:goSlide', function (event, slide) {
    if (iv.defs.lock || iv.defs.slide == slide) return false;
    if ($(this).hasClass('active')) return false;
    iv.cleanTimer();
    iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
    iv.defs.slide = slide - 1;
    iv.goTo('control');
   });
   
   //Bind the resize action
   iv.sliderContent.bind('resize', function () {
    
    t = $(this),
    tW = t.width(),
    tH = t.height(),
    width = iv.slider.width(),
    height = iv.slider.height();
    if(iv.defs.width != tW){
     var ratio = (tW / width),
      newHeight = Math.round(iv.defs.height * ratio);
     iv.slider.css({
      '-webkit-transform-origin' : '0 0',
      '-moz-transform-origin' : '0 0',
      '-o-transform-origin' : '0 0',
      '-ms-transform-origin' : '0 0',
      'transform-origin' : '0 0',
      '-webkit-transform' : 'scale('+ ratio +')',
      '-moz-transform' : 'scale('+ ratio +')',
      '-o-transform' : 'scale('+ ratio +')',
      '-ms-transform' : 'scale('+ ratio +')',
      'transform' : 'scale('+ ratio +')'
     });
     t.css({ height: newHeight });
     iv.defs.width = tW;
     
     //Set Timer Position
     iv.setTimerPosition();
    }
   });
   
   //Bind video display
   $('.iview-video', iv.slider).click(function(e){
    var t = $(this),
     video = $('.iview-video-show', t);
    if(!$(e.target).hasClass('iview-video-close') && !$(e.target).hasClass('iview-caption') && !$(e.target).parents().hasClass('iview-caption')){
     video.show().animate({ top: 0 }, 1000, 'easeOutBounce');
     iv.sliderContent.trigger('iView:pause');
    }
   });
   
   //Bind the video closer
   $('.iview-video-close', iv.slider).click(function(){
    var video = $(this).parents('.iview-video-show'),
     iframe = $('iframe', video),
     src = iframe.attr('src');
    
    iframe.removeAttr('src').attr('src',src);
    
    video.animate({ top: '-' + iv.defs.height + 'px' }, 1000, 'easeOutBounce', function(){
     video.hide();
     iv.sliderContent.trigger('iView:play');
    });
   });
   
  };
 //iView helper functions
 iView.prototype = {
  timer: null,
  //Start Slider
  startSlider: function () {
   var iv = this;
   
   var img = new Image();
   img.src = iv.slides.eq(0).data('iview:image');
   imgWidth = img.width;
   if(imgWidth != iv.defs.width){
    iv.defs.width = imgWidth;
    iv.sliderContent.trigger('resize');
   }
   iv.iviewTimer.show();
   //Show slide
   iv.slides.eq(iv.defs.slide).css('display', 'block');
   //Set first background
   iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
   //Set initial caption
   iv.setCaption(iv.options);
   iv.iviewTimer.addClass('paused').attr('title', iv.options.playLabel);
   if (iv.options.autoAdvance && iv.defs.total > 1) {
    iv.iviewTimer.removeClass('paused').attr('title', iv.options.pauseLabel);
    iv.setTimer();
   }
   //Add Direction nav
   if (iv.options.directionNav) {
    iv.sliderContent.append('<div class="iview-directionNav"><a class="iview-prevNav" title="' + iv.options.previousLabel + '">' + iv.options.previousLabel + '</a><a class="iview-nextNav" title="' + iv.options.nextLabel + '">' + iv.options.nextLabel + '</a></div>');
    //Animate Direction nav
    $('.iview-directionNav', iv.sliderContent).css({
     opacity: iv.options.directionNavHoverOpacity
    });
    iv.sliderContent.hover(function () {
     $('.iview-directionNav', iv.sliderContent).stop().animate({
      opacity: 1
     }, 300);
    }, function () {
     $('.iview-directionNav', iv.sliderContent).stop().animate({
      opacity: iv.options.directionNavHoverOpacity
     }, 300);
    });
    $('a.iview-prevNav', iv.sliderContent).live('click', function () {
     if (iv.defs.lock) return false;
     iv.cleanTimer();
     iv.defs.slide -= 2;
     iv.goTo('prev');
    });
    $('a.iview-nextNav', iv.sliderContent).live('click', function () {
     if (iv.defs.lock) return false;
     iv.cleanTimer();
     iv.goTo('next');
    });
   }
   //Add Control nav
   if (iv.options.controlNav) {
    var iviewControl = '<div class="iview-controlNav">',
     iviewTooltip = '';
    if (!iv.options.directionNav && iv.options.controlNavNextPrev) iviewControl += '<a class="iview-controlPrevNav" title="' + iv.options.previousLabel + '">' + iv.options.previousLabel + '</a>';
    iviewControl += '<div class="iview-items"><ul>';
    for (var i = 0; i < iv.defs.total; i++) {
     var slide = iv.slides.eq(i);
     iviewControl += '<li>';
     if (iv.options.controlNavThumbs) {
      var thumb = (slide.data('iview:thumbnail')) ? slide.data('iview:thumbnail') : slide.data('iview:image');
      iviewControl += '<a class="iview-control" rel="' + i + '"><img src="' + thumb + '" /></a>';
     } else {
      var thumb = (slide.data('iview:thumbnail')) ? slide.data('iview:thumbnail') : slide.data('iview:image');
      iviewControl += '<a class="iview-control" rel="' + i + '">' + (i + 1) + '</a>';
      if (iv.options.controlNavTooltip) iviewTooltip += '<div rel="' + i + '"><img src="' + thumb + '" /></div>';
     }
     iviewControl += '</li>';
    }
    iviewControl += '</ul></div>';
    if (!iv.options.directionNav && iv.options.controlNavNextPrev) iviewControl += '<a class="iview-controlNextNav" title="' + iv.options.nextLabel + '">' + iv.options.nextLabel + '</a>';
    iviewControl += '</div>';
    if (!iv.options.controlNavThumbs && iv.options.controlNavTooltip) iviewControl += '<div id="iview-tooltip"><div class="holder"><div class="container">' + iviewTooltip + '</div></div></div>';
    iv.sliderContent.append(iviewControl);
    //Set initial active link
    $('.iview-controlNav a.iview-control:eq(' + iv.defs.slide + ')', iv.sliderContent).addClass('active');
    $('a.iview-controlPrevNav', iv.sliderContent).live('click', function () {
     if (iv.defs.lock) return false;
     iv.cleanTimer();
     iv.defs.slide -= 2;
     iv.goTo('prev');
    });
    $('a.iview-controlNextNav', iv.sliderContent).live('click', function () {
     if (iv.defs.lock) return false;
     iv.cleanTimer();
     iv.goTo('next');
    });
    $('.iview-controlNav a.iview-control', iv.sliderContent).live('click', function () {
     if (iv.defs.lock) return false;
     if ($(this).hasClass('active')) return false;
     iv.cleanTimer();
     iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
     iv.defs.slide = $(this).attr('rel') - 1;
     iv.goTo('control');
    });
    //Animate Control nav
    $('.iview-controlNav', iv.sliderContent).css({
     opacity: iv.options.controlNavHoverOpacity
    });
    iv.sliderContent.hover(function () {
     $('.iview-controlNav', iv.sliderContent).stop().animate({
      opacity: 1
     }, 300);
     iv.sliderContent.addClass('iview-hover');
    }, function () {
     $('.iview-controlNav', iv.sliderContent).stop().animate({
      opacity: iv.options.controlNavHoverOpacity
     }, 300);
     iv.sliderContent.removeClass('iview-hover');
    });
    //Show Tooltip
    var tooltipTimer = null;
    $('.iview-controlNav a.iview-control', iv.sliderContent).hover(function (e) {
     var t = $(this),
      i = t.attr('rel'),
      tooltip = $('#iview-tooltip', iv.sliderContent),
      holder = $('div.holder', tooltip),
      x = t.offset().left - iv.sliderContent.offset().left - (tooltip.outerWidth() / 2) + iv.options.tooltipX,
      y = t.offset().top - iv.sliderContent.offset().top - tooltip.outerHeight() + iv.options.tooltipY,
      imD = $('div[rel=' + i + ']')
      scrollLeft = (i * imD.width());
     tooltip.stop().animate({
      left: x,
      top: y,
      opacity: 1
     }, 300);
     //tooltip.css({ opacity: 1 });
     if (tooltip.not(':visible')) tooltip.fadeIn(300);
     holder.stop().animate({
      scrollLeft: scrollLeft
     }, 300);
     clearTimeout(tooltipTimer);
    }, function (e) {
     var tooltip = $('#iview-tooltip', iv.sliderContent);
     tooltipTimer = setTimeout(function () {
      tooltip.animate({
       opacity: 0
      }, 300, function () {
       tooltip.hide();
      });
     }, 200);
    });
   }
   //Bind hover setting
   iv.sliderContent.bind('mouseover.iView mousemove.iView', function () {
    //Clear the timer
    if (iv.options.pauseOnHover && !iv.defs.paused) iv.cleanTimer();
    iv.sliderContent.addClass('iview-hover');
   }).bind('mouseout.iView', function () {
    //Restart the timer
    if (iv.options.pauseOnHover && !iv.defs.paused && iv.timer == null && iv.pieDegree <= 359 && iv.options.autoAdvance) iv.setTimer();
    
    iv.sliderContent.removeClass('iview-hover');
   });
  },
  // setCaption function
  setCaption: function () {
   var iv = this,
    slide = iv.slides.eq(iv.defs.slide),
    captions = $('.iview-caption', slide),
    timeEx = 0;
   captions.each(function (i) {
    var caption = $(this),
     fx = (caption.data('transition')) ? $.trim(caption.data('transition').toLowerCase()) : "fade",
     speed = (caption.data('speed')) ? caption.data('speed') : iv.options.captionSpeed,
     easing = (caption.data('easing')) ? caption.data('easing') : iv.options.captionEasing,
     x = (caption.data('x')!="undefined") ? caption.data('x') : "center",
     y = (caption.data('y')!="undefined") ? caption.data('y') : "center",
     w = (caption.data('width')) ? caption.data('width') : caption.width(),
     h = (caption.data('height')) ? caption.data('height') : caption.height(),
     oW = caption.outerWidth(),
     oH = caption.outerHeight();
     
     if(x == "center") x = ((iv.defs.width/2) - (oW/2));
     if(y == "center") y = ((iv.defs.height/2) - (oH/2));
    var captionContain = $('.caption-contain', caption);
    caption.css({
     opacity: 0
    });
    captionContain.css({
     opacity: 0,
     position: 'relative',
     width: w,
     height: h
    });
    switch (fx) {
    case "wipedown":
     caption.css({
      top: (y - h),
      left: x
     });
     captionContain.css({
      top: (h + (h * 3)),
      left: 0
     });
     break;
    case "wipeup":
     caption.css({
      top: (y + h),
      left: x
     });
     captionContain.css({
      top: (h - (h * 3)),
      left: 0
     });
     break;
    case "wiperight":
     caption.css({
      top: y,
      left: (x - w)
     });
     captionContain.css({
      top: 0,
      left: (w + (w * 2))
     });
     break;
    case "wipeleft":
     caption.css({
      top: y,
      left: (x + w)
     });
     captionContain.css({
      top: 0,
      left: (w - (w * 2))
     });
     break;
    case "fade":
     caption.css({
      top: y,
      left: x
     });
     captionContain.css({
      top: 0,
      left: 0
     });
     break;
    case "expanddown":
     caption.css({
      top: y,
      left: x,
      height: 0
     });
     captionContain.css({
      top: (h + (h * 3)),
      left: 0
     });
     break;
    case "expandup":
     caption.css({
      top: (y + h),
      left: x,
      height: 0
     });
     captionContain.css({
      top: (h - (h * 3)),
      left: 0
     });
     break;
    case "expandright":
     caption.css({
      top: y,
      left: x,
      width: 0
     });
     captionContain.css({
      top: 0,
      left: (w + (w * 2))
     });
     break;
    case "expandleft":
     caption.css({
      top: y,
      left: (x + w),
      width: 0
     });
     captionContain.css({
      top: 0,
      left: (w - (w * 2))
     });
     break;
    }
    setTimeout(function () {
     caption.animate({
      opacity: iv.options.captionOpacity,
      top: y,
      left: x,
      width: w,
      height: h
     }, speed, easing, function () {});
    }, timeEx);
    setTimeout(function () {
     captionContain.animate({
      opacity: iv.options.captionOpacity,
      top: 0,
      left: 0
     }, speed, easing);
    }, (timeEx + 100));
    timeEx += 250;
   });
  },
  //Process the timer
  processTimer: function () {
   var iv = this;
   if (iv.defs.timer == "360bar") {
    var degree = (iv.pieDegree == 0) ? 0 : iv.pieDegree + .9;
    iv.timerPath.attr({
     arc: [degree, iv.R]
    });
   } else if (iv.defs.timer == "pie") {
    var degree = (iv.pieDegree == 0) ? 0 : iv.pieDegree + .9;
    iv.pieTimer.attr({
     segment: [degree, iv.R]
    });
   } else {
    iv.barTimer.css({
     width: ((iv.pieDegree / 360) * 100) + '%'
    });
   }
   iv.pieDegree += 3;
  },
  //When Animation finishes
  transitionEnd: function (iv) {
   //Trigger the onAfterChange callback
   iv.options.onAfterChange.call(this);
   //Lock the slider
   iv.defs.lock = false;
   //Hide slider slides
   iv.slides.css('display', 'none');
   //Diplay the current slide
   iv.slides.eq(iv.defs.slide).show();
   iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
   // Remove any strips and blocks from last transition
   $('.iview-strip, .iview-block', iv.slider).remove();
   //Set slide pauseTime
   iv.defs.time = (iv.defs.image.data('iview:pausetime')) ? iv.defs.image.data('iview:pausetime') : iv.options.pauseTime;
   //Process timer
   iv.iviewTimer.animate({
    opacity: iv.options.timerOpacity
   });
   iv.pieDegree = 0;
   iv.processTimer();
   //Set caption
   iv.setCaption(iv.options);
   //Restart the timer
   if (iv.timer == null && !iv.defs.paused) iv.timer = setInterval(function () {
    iv.timerCall(iv);
   }, (iv.defs.time / 120));
  },
  // Add strips
  addStrips: function (vertical, opts) {
   var iv = this;
   opts = (opts) ? opts : iv.options;
   for (var i = 0; i < opts.strips; i++) {
    var stripWidth = Math.round(iv.slider.width() / opts.strips),
     stripHeight = Math.round(iv.slider.height() / opts.strips),
     bgPosition = '-' + ((stripWidth + (i * stripWidth)) - stripWidth) + 'px 0%',
     top = ((vertical) ? (stripHeight * i) + 'px' : '0px'),
     left = ((vertical) ? '0px' : (stripWidth * i) + 'px');
    if (vertical) bgPosition = '0% -' + ((stripHeight + (i * stripHeight)) - stripHeight) + 'px';
    if (i == opts.strips - 1) {
     var width = ((vertical) ? '0px' : (iv.slider.width() - (stripWidth * i)) + 'px'),
      height = ((vertical) ? (iv.slider.height() - (stripHeight * i)) + 'px' : '0px');
    } else {
     var width = ((vertical) ? '0px' : stripWidth + 'px'),
      height = ((vertical) ? stripHeight + 'px' : '0px');
    }
    
    var strip = $('<div class="iview-strip"></div>').css({
     width: width,
     height: height,
     top: top,
     left: left,
     background: 'url("' + iv.defs.image.data('iview:image') + '") no-repeat ' + bgPosition,
     opacity: 0
    });
    iv.slider.append(strip);
   }
  },
  // Add blocks
  addBlocks: function () {
   var iv = this,
    blockWidth = Math.round(iv.slider.width() / iv.options.blockCols),
    blockHeight = Math.round(iv.slider.height() / iv.options.blockRows);
   for (var rows = 0; rows < iv.options.blockRows; rows++) {
    for (var columns = 0; columns < iv.options.blockCols; columns++) {
     var top = (rows * blockHeight) + 'px',
      left = (columns * blockWidth) + 'px',
      width = blockWidth + 'px',
      height = blockHeight + 'px',
      bgPosition = '-' + ((blockWidth + (columns * blockWidth)) - blockWidth) + 'px -' + ((blockHeight + (rows * blockHeight)) - blockHeight) + 'px';
     if (columns == iv.options.blockCols - 1) width = (iv.slider.width() - (blockWidth * columns)) + 'px';
     var block = $('<div class="iview-block"></div>').css({
      width: blockWidth + 'px',
      height: blockHeight + 'px',
      top: (rows * blockHeight) + 'px',
      left: (columns * blockWidth) + 'px',
      background: 'url("' + iv.defs.image.data('iview:image') + '") no-repeat ' + bgPosition,
      opacity: 0
     });
     
     iv.slider.append(block);
    }
   }
  },
  runTransition: function (fx) {
   var iv = this;
   switch (fx) {
   case 'strip-up-right':
   case 'strip-up-left':
    iv.addStrips();
    var timeDelay = 0;
    i = 0, strips = $('.iview-strip', iv.slider);
    if (fx == 'strip-up-left') strips = $('.iview-strip', iv.slider).reverse();
    strips.each(function () {
     var strip = $(this);
     strip.css({
      top: '',
      bottom: '0px'
     });
     setTimeout(function () {
      strip.animate({
       height: '100%',
       opacity: '1.0'
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (i == iv.options.strips - 1) iv.transitionEnd(iv);
       i++;
      });
     }, (100 + timeDelay));
     timeDelay += 50;
    });
    break;
   case 'strip-down':
   case 'strip-down-right':
   case 'strip-down-left':
    iv.addStrips();
    var timeDelay = 0,
     i = 0,
     strips = $('.iview-strip', iv.slider);
    if (fx == 'strip-down-left') strips = $('.iview-strip', iv.slider).reverse();
    strips.each(function () {
     var strip = $(this);
     strip.css({
      bottom: '',
      top: '0px'
     });
     
     setTimeout(function () {
      strip.animate({
       height: '100%',
       opacity: '1.0'
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (i == iv.options.strips - 1) iv.transitionEnd(iv);
       i++;
      });
     }, (100 + timeDelay));
     timeDelay += 50;
    });
    break;
   case 'strip-left-right':
   case 'strip-left-right-up':
   case 'strip-left-right-down':
    iv.addStrips(true);
    var timeDelay = 0,
     i = 0,
     v = 0,
     strips = $('.iview-strip', iv.slider);
    if (fx == 'strip-left-right-down') strips = $('.iview-strip', iv.slider).reverse();
    strips.each(function () {
     var strip = $(this);
     if (i == 0) {
      strip.css({
       right: '',
       left: '0px'
      });
      i++;
     } else {
      strip.css({
       left: '',
       right: '0px'
      });
      i = 0;
     }
     setTimeout(function () {
      strip.animate({
       width: '100%',
       opacity: '1.0'
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (v == iv.options.strips - 1) iv.transitionEnd(iv);
       v++;
      });
     }, (100 + timeDelay));
     timeDelay += 50;
    });
    break;
   case 'strip-up-down':
   case 'strip-up-down-right':
   case 'strip-up-down-left':
    iv.addStrips();
    var timeDelay = 0,
     i = 0,
     v = 0,
     strips = $('.iview-strip', iv.slider);
    if (fx == 'strip-up-down-left') strips = $('.iview-strip', iv.slider).reverse();
    strips.each(function () {
     var strip = $(this);
     if (i == 0) {
      strip.css({
       bottom: '',
       top: '0px'
      });
      i++;
     } else {
      strip.css({
       top: '',
       bottom: '0px'
      });
      i = 0;
     }
     setTimeout(function () {
      strip.animate({
       height: '100%',
       opacity: '1.0'
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (v == iv.options.strips - 1) iv.transitionEnd(iv);
       v++;
      });
     }, (100 + timeDelay));
     timeDelay += 50;
    });
    break;
   case 'left-curtain':
   case 'right-curtain':
   case 'top-curtain':
   case 'bottom-curtain':
    if (fx == 'left-curtain' || fx == 'right-curtain') iv.addStrips();
    else iv.addStrips(true);
    var timeDelay = 0,
     i = 0,
     strips = $('.iview-strip', iv.slider);
    if (fx == 'right-curtain' || fx == 'bottom-curtain') strips = $('.iview-strip', iv.slider).reverse();
    strips.each(function () {
     var strip = $(this);
     var width = strip.width();
     var height = strip.height();
     if (fx == 'left-curtain' || fx == 'right-curtain') strip.css({
      top: '0px',
      height: '100%',
      width: '0px'
     });
     else strip.css({
      left: '0px',
      height: '0px',
      width: '100%'
     });
     setTimeout(function () {
      if (fx == 'left-curtain' || fx == 'right-curtain') strip.animate({
       width: width,
       opacity: '1.0'
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (i == iv.options.strips - 1) iv.transitionEnd(iv);
       i++;
      });
      else strip.animate({
       height: height,
       opacity: '1.0'
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (i == iv.options.strips - 1) iv.transitionEnd(iv);
       i++;
      });
     }, (100 + timeDelay));
     timeDelay += 50;
    });
    break;
   case 'strip-up-right':
   case 'strip-up-left':
    iv.addStrips();
    var timeDelay = 0,
     i = 0,
     strips = $('.iview-strip', iv.slider);
    if (fx == 'strip-up-left') strips = $('.iview-strip', iv.slider).reverse();
    strips.each(function () {
     var strip = $(this);
     strip.css({
      'bottom': '0px'
     });
     setTimeout(function () {
      strip.animate({
       height: '100%',
       opacity: '1.0'
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (i == iv.options.strips - 1) iv.transitionEnd(iv);
       i++;
      });
     }, (100 + timeDelay));
     timeDelay += 50;
    });
    break;
   case 'strip-left-fade':
   case 'strip-right-fade':
   case 'strip-top-fade':
   case 'strip-bottom-fade':
    if (fx == 'strip-left-fade' || fx == 'strip-right-fade') iv.addStrips();
    else iv.addStrips(true);
    var timeDelay = 0,
     i = 0,
     strips = $('.iview-strip', iv.slider);
    if (fx == 'strip-right-fade' || fx == 'strip-bottom-fade') strips = $('.iview-strip', iv.slider).reverse();
    strips.each(function () {
     var strip = $(this);
     var width = strip.width();
     var height = strip.height();
     if (fx == 'strip-left-fade' || fx == 'strip-right-fade') strip.css({
      top: '0px',
      height: '100%',
      width: width
     });
     else strip.css({
      left: '0px',
      height: height,
      width: '100%'
     });
     setTimeout(function () {
      strip.animate({
       opacity: '1.0'
      }, iv.options.animationSpeed * 1.7, iv.defs.easing, function () {
       if (i == iv.options.strips - 1) iv.transitionEnd(iv);
       i++;
      });
     }, (100 + timeDelay));
     timeDelay += 35;
    });
    break;
   case 'slide-in-up':
   case 'slide-in-down':
    opts = {
     strips: 1
    };
    iv.addStrips(false, opts);
    var strip = $('.iview-strip:first', iv.slider),
     top = 0;
    if (fx == 'slide-in-up') top = '-' + iv.defs.height + 'px';
    else top = iv.defs.height + 'px';
    strip.css({
     top: top,
     'height': '100%',
     'width': iv.defs.width
    });
    strip.animate({
     'top': '0px',
     opacity: 1
    }, (iv.options.animationSpeed * 2), iv.defs.easing, function () {
     iv.transitionEnd(iv);
    });
    break;
   case 'zigzag-top':
   case 'zigzag-bottom':
   case 'zigzag-grow-top':
   case 'zigzag-grow-bottom':
   case 'zigzag-drop-top':
   case 'zigzag-drop-bottom':
    iv.addBlocks();
    var totalBlocks = (iv.options.blockCols * iv.options.blockRows),
     timeDelay = 0,
     blockToArr = new Array(),
     blocks = $('.iview-block', iv.slider);
    for (var rows = 0; rows < iv.options.blockRows; rows++) {
     var odd = (rows % 2),
      start = (rows * iv.options.blockCols),
      end = ((rows + 1) * iv.options.blockCols);
     if (odd == 1) {
      for (var columns = end - 1; columns >= start; columns--) {
       blockToArr.push($(blocks[columns]));
      }
     } else {
      for (var columns = start; columns < end; columns++) {
       blockToArr.push($(blocks[columns]));
      }
     }
    }
    if (fx == 'zigzag-bottom' || fx == 'zigzag-grow-bottom' || fx == 'zigzag-drop-bottom') blockToArr.reverse();
    // Run animation
    blocks.each(function (i) {
     var block = $(blockToArr[i]),
      h = block.height(),
      w = block.width(),
      top = block.css('top');
     if (fx == 'zigzag-grow-top' || fx == 'zigzag-grow-bottom') block.width(0).height(0);
     else if (fx == 'zigzag-drop-top' || fx == 'zigzag-drop-bottom') block.css({
      top: '-=50'
     });
     setTimeout(function () {
      if (fx == 'zigzag-grow-top' || fx == 'zigzag-grow-bottom') block.animate({
       opacity: '1',
       height: h,
       width: w
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (i == totalBlocks - 1) iv.transitionEnd(iv);
      });
      else if (fx == 'zigzag-drop-top' || fx == 'zigzag-drop-bottom') block.animate({
       top: top,
       opacity: '1'
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (i == totalBlocks - 1) iv.transitionEnd(iv);
      });
      else block.animate({
       opacity: '1'
      }, (iv.options.animationSpeed * 2), 'easeInOutExpo', function () {
       if (i == totalBlocks - 1) iv.transitionEnd(iv);
      });
     }, (100 + timeDelay));
     timeDelay += 20;
    });
    break;
   case 'block-fade':
   case 'block-fade-reverse':
   case 'block-expand':
   case 'block-expand-reverse':
    iv.addBlocks();
    var totalBlocks = (iv.options.blockCols * iv.options.blockRows),
     i = 0,
     timeDelay = 0;
    // Split blocks into array
    var rowIndex = 0;
    var colIndex = 0;
    var blockToArr = new Array();
    blockToArr[rowIndex] = new Array();
    var blocks = $('.iview-block', iv.slider);
    if (fx == 'block-fade-reverse' || fx == 'block-expand-reverse') {
     blocks = $('.iview-block', iv.slider).reverse();
    }
    blocks.each(function () {
     blockToArr[rowIndex][colIndex] = $(this);
     colIndex++;
     if (colIndex == iv.options.blockCols) {
      rowIndex++;
      colIndex = 0;
      blockToArr[rowIndex] = new Array();
     }
    });
    // Run animation
    for (var columns = 0; columns < (iv.options.blockCols * 2); columns++) {
     var Col = columns;
     for (var rows = 0; rows < iv.options.blockRows; rows++) {
      if (Col >= 0 && Col < iv.options.blockCols) {
       (function () {
        var block = $(blockToArr[rows][Col]);
        var w = block.width();
        var h = block.height();
        if (fx == 'block-expand' || fx == 'block-expand-reverse') {
         block.width(0).height(0);
        }
        
        setTimeout(function () {
         block.animate({
          opacity: '1',
          width: w,
          height: h
         }, iv.options.animationSpeed / 1.3, iv.defs.easing, function () {
          if (i == totalBlocks - 1) iv.transitionEnd(iv);
          i++;
         });
        }, (100 + timeDelay));
        
       })();
      }
      Col--;
     }
     timeDelay += 100;
    }
    break;
   case 'block-random':
   case 'block-expand-random':
   case 'block-drop-random':
    iv.addBlocks();
    var totalBlocks = (iv.options.blockCols * iv.options.blockRows),
     timeDelay = 0;
    var blocks = iv.shuffle($('.iview-block', iv.slider));
    blocks.each(function (i) {
     var block = $(this),
      h = block.height(),
      w = block.width(),
      top = block.css('top');
     if (fx == 'block-expand-random') block.width(0).height(0);
     if (fx == 'block-drop-random') block.css({
      top: '-=50'
     });
     
     setTimeout(function () {
      block.animate({
       top: top,
       opacity: '1',
       height: h,
       width: w
      }, iv.options.animationSpeed, iv.defs.easing, function () {
       if (i == totalBlocks - 1) iv.transitionEnd(iv);
      });
     }, (100 + timeDelay));
      
     timeDelay += 20;
    });
    break;
   case 'slide-in-right':
   case 'slide-in-left':
   case 'fade':
   default:
    opts = {
     strips: 1
    };
    iv.addStrips(false, opts);
    var strip = $('.iview-strip:first', iv.slider);
    strip.css({
     'height': '100%',
     'width': iv.defs.width
    });
    if (fx == 'slide-in-right') strip.css({
     'height': '100%',
     'width': iv.defs.width,
     'left': iv.defs.width + 'px',
     'right': ''
    });
    else if (fx == 'slide-in-left') strip.css({
     'left': '-' + iv.defs.width + 'px'
    });
    strip.animate({
     left: '0px',
     opacity: 1
    }, (iv.options.animationSpeed * 2), iv.defs.easing, function () {
     iv.transitionEnd(iv);
    });
    break;
   }
  },
  // Shuffle an array
  shuffle: function (oldArray) {
   var newArray = oldArray.slice();
   var len = newArray.length;
   var i = len;
   while (i--) {
    var p = parseInt(Math.random() * len);
    var t = newArray[i];
    newArray[i] = newArray[p];
    newArray[p] = t;
   }
   return newArray;
  },
  // Timer interval caller
  timerCall: function (iv) {
   iv.processTimer();
   if (iv.pieDegree >= 360) {
    iv.cleanTimer();
    iv.goTo(false);
   }
  },
  //Set the timer function
  setTimer: function () {
   var iv = this;
   iv.timer = setInterval(function () {
    iv.timerCall(iv);
   }, (iv.defs.time / 120));
  },
  //Clean the timer function
  cleanTimer: function () {
   var iv = this;
   clearInterval(iv.timer);
   iv.timer = null;
  },

  // goTo function
  goTo: function (action) {
   var iv = this;
   //Trigger the onLastSlide callback
   if (iv.defs && (iv.defs.slide == iv.defs.total - 1)) {
    iv.options.onLastSlide.call(this);
   }
   iv.cleanTimer();
   iv.iviewTimer.animate({
    opacity: 0
   });
   //Trigger the onBeforeChange callback
   iv.options.onBeforeChange.call(this);
   //Set current background before change
   if (!action) {
    iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
   } else {
    if (action == 'prev' || action == 'next') {
     iv.slider.css('background', 'url("' + iv.defs.image.data('iview:image') + '") no-repeat');
    }
   }
   iv.defs.slide++;
   //Trigger the onSlideShowEnd callback
   if (iv.defs.slide == iv.defs.total) {
    iv.defs.slide = 0;
    iv.options.onSlideShowEnd.call(this);
   }
   if (iv.defs.slide < 0) iv.defs.slide = (iv.defs.total - 1);
   //Set iv.defs.image
   iv.defs.image = iv.slides.eq(iv.defs.slide);
   //Set active links
   if (iv.options.controlNav) {
    $('.iview-controlNav a.iview-control', iv.sliderContent).removeClass('active');
    $('.iview-controlNav a.iview-control:eq(' + iv.defs.slide + ')', iv.sliderContent).addClass('active');
   }
   var fx = iv.options.fx;
   //Generate random transition
   if (iv.options.fx.toLowerCase() == 'random') {
    var transitions = new Array('left-curtain', 'right-curtain', 'top-curtain', 'bottom-curtain', 'strip-down-right', 'strip-down-left', 'strip-up-right', 'strip-up-left', 'strip-up-down', 'strip-up-down-left', 'strip-left-right', 'strip-left-right-down', 'slide-in-right', 'slide-in-left', 'slide-in-up', 'slide-in-down', 'fade', 'block-random', 'block-fade', 'block-fade-reverse', 'block-expand', 'block-expand-reverse', 'block-expand-random', 'zigzag-top', 'zigzag-bottom', 'zigzag-grow-top', 'zigzag-grow-bottom', 'zigzag-drop-top', 'zigzag-drop-bottom', 'strip-left-fade', 'strip-right-fade', 'strip-top-fade', 'strip-bottom-fade', 'block-drop-random');
    fx = transitions[Math.floor(Math.random() * (transitions.length + 1))];
    if (fx == undefined) fx = 'fade';
    fx = $.trim(fx.toLowerCase());
   }
   //Run random transition from specified set (eg: effect:'strip-left-fade,right-curtain')
   if (iv.options.fx.indexOf(',') != -1) {
    var transitions = iv.options.fx.split(',');
    fx = transitions[Math.floor(Math.random() * (transitions.length))];
    if (fx == undefined) fx = 'fade';
    fx = $.trim(fx.toLowerCase());
   }
   //Custom transition as defined by "data-iview:transition" attribute
   if (iv.defs.image.data('iview:transition')) {
    var transitions = iv.defs.image.data('iview:transition').split(',');
    fx = transitions[Math.floor(Math.random() * (transitions.length))];
    fx = $.trim(fx.toLowerCase());
   }
   //Set slide easing
   iv.defs.easing = (iv.defs.image.data('iview:easing')) ? iv.defs.image.data('iview:easing') : iv.options.easing;
   //Start Transition
   iv.defs.lock = true;
   iv.runTransition(fx);
  },
  playSlider: function () {
   var iv = this;
   if (iv.timer == null && iv.defs.paused) {
    iv.iviewTimer.removeClass('paused').attr('title', iv.options.pauseLabel);
    iv.setTimer();
    iv.defs.paused = false;
    //Trigger the onPlay callback
    iv.options.onPlay.call(this);
   }
  },
  stopSlider: function () {
   var iv = this;
   iv.iviewTimer.addClass('paused').attr('title', iv.options.playLabel);
   iv.cleanTimer();
   iv.defs.paused = true;
   //Trigger the onPause callback
   iv.options.onPause.call(this);
  },
  //Set Timer Position function
  setTimerPosition: function(){
   var iv = this,
   position = iv.options.timerPosition.toLowerCase().split('-');
   for (var i = 0; i < position.length; i++) {
    if (position[i] == 'top') {
     iv.iviewTimer.css({
      top: iv.options.timerY + 'px',
      bottom: ''
     });
    } else if (position[i] == 'middle') {
     iv.iviewTimer.css({
      top: (iv.options.timerY + (iv.defs.height / 2) - (iv.options.timerDiameter / 2)) + 'px',
      bottom: ''
     });
    } else if (position[i] == 'bottom') {
     iv.iviewTimer.css({
      bottom: iv.options.timerY + 'px',
      top: ''
     });
    } else if (position[i] == 'left') {
     iv.iviewTimer.css({
      left: iv.options.timerX + 'px',
      right: ''
     });
    } else if (position[i] == 'center') {
     iv.iviewTimer.css({
      left: (iv.options.timerX + (iv.defs.width / 2) - (iv.options.timerDiameter / 2)) + 'px',
      right: ''
     });
    } else if (position[i] == 'right') {
     iv.iviewTimer.css({
      right: iv.options.timerX + 'px',
      left: ''
     });
    }
   }
  },
  
  disableSelection: function (target) {
   if (typeof target.onselectstart != "undefined") target.onselectstart = function () {
    return false;
   };
   else if (typeof target.style.MozUserSelect != "undefined") target.style.MozUserSelect = "none";
   else if (typeof target.style.webkitUserSelect != "undefined") target.style.webkitUserSelect = "none";
   else if (typeof target.style.userSelect != "undefined") target.style.userSelect = "none";
   else target.onmousedown = function () {
    return false;
   };
   target.unselectable = "on";
  },
  //touch
  isTouch: function () {
   return !!('ontouchstart' in window);
  }
 };
 //Image Preloader Function
 var ImagePreload = function (p_aImages, p_pfnPercent, p_pfnFinished) {
   this.m_pfnPercent = p_pfnPercent;
   this.m_pfnFinished = p_pfnFinished;
   this.m_nLoaded = 0;
   this.m_nProcessed = 0;
   this.m_aImages = new Array;
   this.m_nICount = p_aImages.length;
   for (var i = 0; i < p_aImages.length; i++) this.Preload(p_aImages[i])
  };
 ImagePreload.prototype = {
  Preload: function (p_oImage) {
   var oImage = new Image;
   this.m_aImages.push(oImage);
   oImage.onload = ImagePreload.prototype.OnLoad;
   oImage.onerror = ImagePreload.prototype.OnError;
   oImage.onabort = ImagePreload.prototype.OnAbort;
   oImage.oImagePreload = this;
   oImage.bLoaded = false;
   oImage.source = p_oImage;
   oImage.src = p_oImage
  },
  OnComplete: function () {
   this.m_nProcessed++;
   if (this.m_nProcessed == this.m_nICount) this.m_pfnFinished();
   else this.m_pfnPercent(Math.round((this.m_nProcessed / this.m_nICount) * 10))
  },
  OnLoad: function () {
   this.bLoaded = true;
   this.oImagePreload.m_nLoaded++;
   this.oImagePreload.OnComplete()
  },
  OnError: function () {
   this.bError = true;
   this.oImagePreload.OnComplete()
  },
  OnAbort: function () {
   this.bAbort = true;
   this.oImagePreload.OnComplete()
  }
 }

 // Begin the iView plugin
 $.fn.iView = function (options) {
  // Default options. Play carefully.
  options = jQuery.extend({
   fx: 'random',
   easing: 'easeOutQuad',
   strips: 20,
   blockCols: 10,
   blockRows: 5,
   animationSpeed: 500,
   pauseTime: 5000,
   startSlide: 0,
   directionNav: true,
   directionNavHoverOpacity: 0.6,
   controlNav: false,
   controlNavNextPrev: true,
   controlNavHoverOpacity: 0.6,
   controlNavThumbs: false,
   controlNavTooltip: true,
   captionSpeed: 500,
   captionEasing: 'easeInOutSine',
   captionOpacity: 1,
   autoAdvance: true,
   keyboardNav: true,
   touchNav: true,
   pauseOnHover: false,
   nextLabel: "Next",
   previousLabel: "Previous",
   playLabel: "Play",
   pauseLabel: "Pause",
   closeLabel: "Close",
   randomStart: false,
   timer: 'Pie',
   timerBg: '#000',
   timerColor: '#EEE',
   timerOpacity: 0.5,
   timerDiameter: 30,
   timerPadding: 4,
   timerStroke: 3,
   timerBarStroke: 1,
   timerBarStrokeColor: '#EEE',
   timerBarStrokeStyle: 'solid',
   timerPosition: 'top-right',
   timerX: 10,
   timerY: 10,
   tooltipX: 5,
   tooltipY: -5,
   onBeforeChange: function () {},
   onAfterChange: function () {},
   onAfterLoad: function () {},
   onLastSlide: function () {},
   onSlideShowEnd: function () {},
   onPause: function () {},
   onPlay: function () {}
  }, options);
  $(this).each(function () {
   var el = $(this);
   new iView(el, options);
  });
 };
 $.fn.reverse = [].reverse;
 var elems = $([]),
  jq_resize = $.resize = $.extend($.resize, {}),
  timeout_id, str_setTimeout = "setTimeout",
  str_resize = "resize",
  str_data = str_resize + "-special-event",
  str_delay = "delay",
  str_throttle = "throttleWindow";
 jq_resize[str_delay] = 250;
 jq_resize[str_throttle] = true;
 $.event.special[str_resize] = {
  setup: function () {
   if (!jq_resize[str_throttle] && this[str_setTimeout]) {
    return false
   }
   var elem = $(this);
   elems = elems.add(elem);
   $.data(this, str_data, {
    w: elem.width(),
    h: elem.height()
   });
   if (elems.length === 1) {
    loopy()
   }
  },
  teardown: function () {
   if (!jq_resize[str_throttle] && this[str_setTimeout]) {
    return false
   }
   var elem = $(this);
   elems = elems.not(elem);
   elem.removeData(str_data);
   if (!elems.length) {
    clearTimeout(timeout_id)
   }
  },
  add: function (handleObj) {
   if (!jq_resize[str_throttle] && this[str_setTimeout]) {
    return false
   }
   var old_handler;
   function new_handler(e, w, h) {
    var elem = $(this),
     data = $.data(this, str_data);
    data.w = w !== undefined ? w : elem.width();
    data.h = h !== undefined ? h : elem.height();
    old_handler.apply(this, arguments)
   }
   if ($.isFunction(handleObj)) {
    old_handler = handleObj;
    return new_handler
   } else {
    old_handler = handleObj.handler;
    handleObj.handler = new_handler
   }
  }
 };
 function loopy() {
  timeout_id = window[str_setTimeout](function () {
   elems.each(function () {
    var elem = $(this),
     width = elem.width(),
     height = elem.height(),
     data = $.data(this, str_data);
    if (width !== data.w || height !== data.h) {
     elem.trigger(str_resize, [data.w = width, data.h = height])
    }
   });
   loopy()
  }, jq_resize[str_delay])
 }

 var supportTouch = !! ('ontouchstart' in window),
  touchStartEvent = supportTouch ? "touchstart" : "mousedown",
  touchStopEvent = supportTouch ? "touchend" : "mouseup",
  touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
 // also handles swipeleft, swiperight
 $.event.special.swipe = {
  scrollSupressionThreshold: 10, // More than this horizontal displacement, and we will suppress scrolling.
  durationThreshold: 1000, // More time than this, and it isn't a swipe.
  horizontalDistanceThreshold: 30, // Swipe horizontal displacement must be more than this.
  verticalDistanceThreshold: 75, // Swipe vertical displacement must be less than this.
  setup: function () {
   var thisObject = this,
    $this = $(thisObject);
   $this.bind(touchStartEvent, function (event) {
    var data = event.originalEvent.touches ? event.originalEvent.touches[0] : event,
     start = {
      time: (new Date()).getTime(),
      coords: [data.pageX, data.pageY],
      origin: $(event.target)
     },
     stop;
    function moveHandler(event) {
     if (!start) {
      return;
     }
     var data = event.originalEvent.touches ? event.originalEvent.touches[0] : event;
     stop = {
      time: (new Date()).getTime(),
      coords: [data.pageX, data.pageY]
     };
     // prevent scrolling
     if (Math.abs(start.coords[0] - stop.coords[0]) > $.event.special.swipe.scrollSupressionThreshold) {
      event.preventDefault();
     }
    }
    $this.bind(touchMoveEvent, moveHandler).one(touchStopEvent, function (event) {
     $this.unbind(touchMoveEvent, moveHandler);
     if (start && stop) {
      if (stop.time - start.time < $.event.special.swipe.durationThreshold && Math.abs(start.coords[0] - stop.coords[0]) > $.event.special.swipe.horizontalDistanceThreshold && Math.abs(start.coords[1] - stop.coords[1]) < $.event.special.swipe.verticalDistanceThreshold) {
       start.origin.trigger("swipe").trigger(start.coords[0] > stop.coords[0] ? "swipeleft" : "swiperight");
      }
     }
     start = stop = undefined;
    });
   });
  }
 };

 $.each({
  swipeleft: "swipe",
  swiperight: "swipe"
 }, function (event, sourceEvent) {
  $.event.special[event] = {
   setup: function () {
    $(this).bind(sourceEvent, $.noop);
   }
  };
 });
})(jQuery, this);