(function($) {
   $(document).ready(function() {
      $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom(); }
   );
   function format(str) {
      for(var i = 1; i < arguments.length; i++) {
         str = str.replace('%' + (i - 1),
         arguments[i]);
         }
      return str;
      }
   function CloudZoom(jWin, opts) {
      var sImg = $('img',
      jWin);
      var img1;
      var img2;
      var zoomDiv = null;
      var $mouseTrap = null;
      var lens = null;
      var $tint = null;
      var softFocus = null;
      var $ie6Fix = null;
      var zoomImage;
      var controlTimer = 0;
      var cw, ch;
      var destU = 0;
      var destV = 0;
      var currV = 0;
      var currU = 0;
      var filesLoaded = 0;
      var mx, my;
      var ctx = this,
      zw;
      setTimeout(function() {
         if($mouseTrap === null) {
            var w = jWin.width(); jWin.parent().append(format('<div style="width:%0px;position:absolute;top:75%;left:%1px;text-align:center" class="cloud-zoom-loading" >Loading...</div>',
            w / 3, (w / 2) - (w / 6))).find(':last').css('opacity', 0.5); }
         }
      , 200);
      var ie6FixRemove = function() {
         if($ie6Fix !== null) {
            $ie6Fix.remove();
            $ie6Fix = null;
            }
         };
      this.removeBits = function() {
         if(lens) {
            lens.remove();
            lens = null;
            }
         if($tint) {
            $tint.remove();
            $tint = null;
            }
         if(softFocus) {
            softFocus.remove();
            softFocus = null;
            }
         ie6FixRemove();
         $('.cloud-zoom-loading',
         jWin.parent()).remove();
         };
      this.destroy = function() {
         jWin.data('zoom',
         null);
         if($mouseTrap) {
            $mouseTrap.unbind();
            $mouseTrap.remove();
            $mouseTrap = null;
            }
         if(zoomDiv) {
            zoomDiv.remove();
            zoomDiv = null;
            }
         this.removeBits();
         };
      this.fadedOut = function() {
         if(zoomDiv) {
            zoomDiv.remove();
            zoomDiv = null;
            }
         this.removeBits();
         };
      this.controlLoop = function() {
         if(lens) {
            var x = (mx - sImg.offset().left - (cw * 0.5)) >> 0;
            var y = (my - sImg.offset().top - (ch * 0.5)) >> 0;
            if(x < 0) {
               x = 0;
               }
            else if(x > (sImg.outerWidth() - cw)) {
               x = (sImg.outerWidth() - cw);
               }
            if(y < 0) {
               y = 0;
               }
            else if(y > (sImg.outerHeight() - ch)) {
               y = (sImg.outerHeight() - ch);
               }
            lens.css( {
               left : x, top : y}
            );
            lens.css('background-position',
            ( - x) + 'px ' + ( - y) + 'px');
            destU = (((x) / sImg.outerWidth()) * zoomImage.width) >> 0;
            destV = (((y) / sImg.outerHeight()) * zoomImage.height) >> 0;
            currU += (destU - currU) / opts.smoothMove;
            currV += (destV - currV) / opts.smoothMove;
            zoomDiv.css('background-position',
            ( - (currU >> 0) + 'px ') + ( - (currV >> 0) + 'px'));
            }
         controlTimer = setTimeout(function() {
            ctx.controlLoop(); }
         , 30);
         };
      this.init2 = function(img,
      id) {
         filesLoaded++;
         if(id === 1) {
            zoomImage = img;
            }
         if(filesLoaded === 2) {
            this.init();
            }
         };
      this.init = function() {
         $('.cloud-zoom-loading',
         jWin.parent()).remove();
         $mouseTrap = jWin.parent().append(format("<div class='mousetrap' style='background-image:url(\".\");z-index:999;position:absolute;width:%0px;height:%1px;left:%2px;top:%3px;\'></div>",
         sImg.outerWidth(), sImg.outerHeight(), 0, 0)).find(':last');
         $mouseTrap.bind('mousemove',
         this, function(event) {
            mx = event.pageX; my = event.pageY; 
		}
         );
        
		//hoverIntent configurations Top menu dropdown
		var config = {
			sensitivity: 4,
			interval: 50,
			over: mouseTrapOver,
			timeout: 100,
			out: mousetTrapOut
		};
	
		$mouseTrap.hoverIntent(config);
	
		var evData = this;
		
        function mouseTrapOver (event) {
            //mx = event.pageX; 
			//my = event.pageY; 
			zw = evData; if(zoomDiv) {
               zoomDiv.stop(true,
               false); zoomDiv.remove(); }
            var xPos = opts.adjustX,
            yPos = opts.adjustY; var siw = sImg.outerWidth(); var sih = sImg.outerHeight(); var w = opts.zoomWidth; var h = opts.zoomHeight; if(opts.zoomWidth == 'auto') {
               w = siw; }
            if(opts.zoomHeight == 'auto') {
               h = sih; }
            var appendTo = jWin.parent(); switch(opts.position) {
               case'top': yPos -= h; break; case'right': xPos += siw; break; case'bottom': yPos += sih; break; case'left': xPos -= w; break; case'inside': w = siw; h = sih; break; default : appendTo = $('#' + opts.position); if(!appendTo.length) {
                  appendTo = jWin; xPos += siw; yPos += sih; }
               else {
                  w = appendTo.innerWidth(); h = appendTo.innerHeight(); }
               }
            zoomDiv = appendTo.append(format('<div id="cloud-zoom-big" class="cloud-zoom-big" style="display:none;position:absolute;left:%0px;top:%1px;width:%2px;height:%3px;background-image:url(\'%4\');z-index:99;"></div>',
            xPos, yPos, w, h, zoomImage.src)).find(':last'); if(sImg.attr('title') && opts.showTitle) {
               zoomDiv.append(format('<div class="cloud-zoom-title">%0</div>',
               sImg.attr('title'))).find(':last').css('opacity',
               opts.titleOpacity); }
            if($.browser.msie && $.browser.version < 7) {
               $ie6Fix = $('<iframe frameborder="0" src="#"></iframe>').css( {
                  position : "absolute",
                  left : xPos,
                  top : yPos,
                  zIndex : 99,
                  width : w,
                  height : h}
               ).insertBefore(zoomDiv); }
            $('#' + opts.position).show(); zoomDiv.fadeIn(500); if(lens) {
               lens.remove(); lens = null; }
            cw = (sImg.outerWidth() / zoomImage.width) * zoomDiv.width(); ch = (sImg.outerHeight() / zoomImage.height) * zoomDiv.height(); lens = jWin.append(format("<div class = 'cloud-zoom-lens' style='display:none;z-index:98;position:absolute;width:%0px;height:%1px;'></div>",
            cw, ch)).find(':last'); $mouseTrap.css('cursor', lens.css('cursor')); var noTrans = false; if(opts.tint) {
               lens.css('background',
               'url("' + sImg.attr('src') + '")'); $tint = jWin.append(format('<div style="display:none;position:absolute; left:0px; top:0px; width:%0px; height:%1px; background-color:%2;" />',
               sImg.outerWidth(),
               sImg.outerHeight(),
               opts.tint)).find(':last'); $tint.css('opacity',
               opts.tintOpacity); noTrans = true; $tint.fadeIn(500); }
            if(opts.softFocus) {
               lens.css('background',
               'url("' + sImg.attr('src') + '")'); softFocus = jWin.append(format('<div style="position:absolute;display:none;top:2px; left:2px; width:%0px; height:%1px;" />',
               sImg.outerWidth() - 2,
               sImg.outerHeight() - 2,
               opts.tint)).find(':last'); softFocus.css('background',
               'url("' + sImg.attr('src') + '")'); softFocus.css('opacity',
               0.5); noTrans = true; softFocus.fadeIn(500); }
            if(!noTrans) {
               lens.css('opacity',
               opts.lensOpacity); }
            if(opts.position !== 'inside') {
               lens.fadeIn(500); }
            zw.controlLoop(); return; 
		}
		
		function mousetTrapOut(event) {
			clearTimeout(controlTimer); 
			if(lens) {
			   lens.fadeOut(299); }
			if($tint) {
			   $tint.fadeOut(299); }
			if(softFocus) {
			   softFocus.fadeOut(299); }
			zoomDiv.fadeOut(300, function() {
			   ctx.fadedOut(); $('#' + opts.position).hide(); }
			); return false; 
		}
         
	 };
      img1 = new Image();
      $(img1).load(function() {
         ctx.init2(this,
         0); }
      );
      img1.src = sImg.attr('src');
      img2 = new Image();
      $(img2).load(function() {
         ctx.init2(this,
         1); }
      );
      img2.src = jWin.attr('href');
      }
   $.fn.CloudZoom = function(options) {
      try {
         document.execCommand("BackgroundImageCache",
         false, true);
         }
      catch(e) {
         }
      this.each(function() {
         var relOpts,
         opts; eval('var a = {' + $(this).attr('rel') + '}'); relOpts = a; if($(this).is('.cloud-zoom')) {
            $(this).css( {
               'position': 'relative',
               'display': 'block'}
            ); $('img',
            $(this)).css( {
               'display': 'block'}
            ); if($(this).parent().attr('id') != 'wrap') {
               $(this).wrap('<div id="wrap" style="top:0px;z-index:1300;position:relative;"></div>'); }
            opts = $.extend( {
               }
            , $.fn.CloudZoom.defaults, options); opts = $.extend( {
               }
            , opts, relOpts); $(this).data('zoom', new CloudZoom($(this), opts)); }
         else if($(this).is('.cloud-zoom-gallery')) {
            opts = $.extend( {
               }
            , relOpts, options); $(this).data('relOpts', opts); $(this).bind('click', $(this), function(event) {
               var data = event.data.data('relOpts'); $('#' + data.useZoom).data('zoom').destroy(); $('#' + data.useZoom).attr('href',
               event.data.attr('href')); $('#' + data.useZoom + ' img').attr('src',
               event.data.data('relOpts').smallImage); $('#' + event.data.data('relOpts').useZoom).CloudZoom(); return false; }
            ); }
         }
      );
      return this;
      };
   $.fn.CloudZoom.defaults = {
      zoomWidth : 'auto', zoomHeight : 'auto', position : 'right', tint : false, tintOpacity : 0.5, lensOpacity : 0.5, softFocus : false, smoothMove : 3, showTitle : true, titleOpacity : 0.5, adjustX : 0, adjustY : 0};
   }
)(jQuery);