$(document).ready(function(){ 

     $('.ProductItem').hover(function(){ 
        $(this).find(".quickView").css('visibility','visible');  
        $(this).find('img').eq(0).css('margin-top',$(this).find('.images').height()*-1);      
    },function(){
        $(this).find(".quickView").css('visibility','hidden');        
        $(this).find('img').eq(0).css('margin-top',0);
    });   
    
    $('.ProductItem .quickView').click(function(e){
        $.preventDefaultEvent(e);
        
        $.get($(this).attr('href'),{},function(data){
            modal.show($(data));    
        });   
    });
    
});


var Zoom = function(jq){
    var self = this;
    this.self = this;
    this.jq = jq;
    this.rect = jq.find(".rect");
    this.thumb = jq.find(".thumb");
    this.full = jq.find(".full");
    this.w = this.thumb.width();
    this.h = this.thumb.height();
    
    
    this.thumb.hover(function(){
        self.full.css('display','block');
        self.rect.css('display','block');
    },function(){
        self.full.css('display','none');    
        self.rect.css('display','none');    
    });
    
    this.thumb.mousemove(function(e){
        var x = e.pageX - $(this).offset().left - self.w/3/2;
        var y = e.pageY - $(this).offset().top - self.h/3/2;
        
        if(x<0) x=0;
        if(y<0) y=0;
       
        //2 pixels da borda
        
        if(x>self.w - (self.w/3) -2){
            x = self.w - (self.w/3) -2;
        }                                     
        if(y>self.h - (self.h/3) -2){
            y = self.h - (self.h/3) -2;
        } 
        
        self.rect.css('left',x+'px');
        self.rect.css('top',y+'px');
        
        self.full.css('background-position',(-x*3)+'px '+(-y*3)+'px');
        
        
        
    });
    
    
    
    this.load = function(thumb,full){
        self.thumb.css('background-image','url("'+thumb+'")');
        self.full.css('background-image','url("'+full+'")');
    }
}