//////////////////////////////////////////////////////////////////////////////////

// Cloud Zoom V1.0.2

// (c) 2010 by R Cecco. <http://www.professorcloud.com>

// MIT License

//

// Please retain this copyright header in all versions of the software

//////////////////////////////////////////////////////////////////////////////////

(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" >Загрузка...</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

        });

    $mouseTrap.bind('mouseleave',this,function(event){

        clearTimeout(controlTimer);

        if(lens){

            lens.fadeOut(299)

            }

            if($tint){

            $tint.fadeOut(299)

            }

            if(softFocus){

            softFocus.fadeOut(299)

            }

            zoomDiv.fadeOut(300,function(){

            ctx.fadedOut()

            });

        return false

        });

    $mouseTrap.bind('mouseenter',this,function(event){

        mx=event.pageX;

        my=event.pageY;

        zw=event.data;

        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)

        }

        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

    })

};



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:9999;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);