$(document).ready(function(){
      
      $(".divCantidadHome img").click(function() {
      $("#divmodalCarrito").css("display","block");  
        var productIDValSplitter     = (this.id).split("_");
       
        var productIDVal             = productIDValSplitter[1];
        
        var productX         = $("#productImageWrapID_" + productIDVal).offset().left;
        var productY         = $("#productImageWrapID_" + productIDVal).offset().top;
        
        if( $("#productID_" + productIDVal).length > 0){
            var basketX         = $("#productID_" + productIDVal).offset().left;
            var basketY         = $("#productID_" + productIDVal).offset().top;            
        } else {
            var basketX         = $("#cesta").offset().left;
            var basketY         = $("#cesta").offset().top;
        }
       
        var gotoX             = basketX - productX;
        var gotoY             = basketY - productY;
        
        var newImageWidth     = $("#productImageWrapID_" + productIDVal).width() / 3;
        var newImageHeight    = $("#productImageWrapID_" + productIDVal).height() / 3;
        
        $("#productImageWrapID_" + productIDVal + " img")
        .clone()
        .prependTo("#productImageWrapID_" + productIDVal)
        .css({'position' : 'absolute'})
        .animate({opacity: 0.4}, 100 )
        .animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() {
                                                                                                                                                                                                                                                                                                                      $(this).remove();
       $("#divmodalCarrito").css("display","none");
             
            
             
            
        
        });
        
    }); 
    
    
    $(".divCantidad  img").click(function() {
      $("#divmodalCarrito").css("display","block");  
        var productIDValSplitter     = (this.id).split("_");
       
        var productIDVal             = productIDValSplitter[1];
        
        var productX         = $("#productImageWrapID_" + productIDVal).offset().left;
        var productY         = $("#productImageWrapID_" + productIDVal).offset().top;
        
        if( $("#productID_" + productIDVal).length > 0){
            var basketX         = $("#productID_" + productIDVal).offset().left;
            var basketY         = $("#productID_" + productIDVal).offset().top;            
        } else {
            var basketX         = $("#cesta").offset().left;
            var basketY         = $("#cesta").offset().top;
        } 
        
        var gotoX             = basketX - productX;
        var gotoY             = basketY - productY;
       
        
        var newImageWidth     = $("#productImageWrapID_" + productIDVal).width() / 3;
        var newImageHeight    = $("#productImageWrapID_" + productIDVal).height() / 3;
        
        $("#productImageWrapID_" + productIDVal + " img")
        .clone()
        .prependTo("#productImageWrapID_" + productIDVal)
        .css({'position' : 'absolute'})
        .animate({opacity: 0.4}, 100 )
        .animate({opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function() {
                                                                                                                                                                                                                                                                                                                      $(this).remove();
       $("#divmodalCarrito").css("display","none");
             
            
             
            
        
        });
        
    });
    
    
   

});