/* *******************************************************
 *        Gestione cambio visione immagini (colori)
 * ******************************************************* */
$(".productColor").live('click', function (event) {
    var imageThumb = $(this).children('.imageThumb').attr('src');
    var image = $(this).children('.imageNormal').attr('src');
    if ($(this).children('.imageThumbReal').attr('src') != null) {
        $('#productImageThumb').attr('src', $(this).children('.imageThumbReal').attr('src'));
    } else {
        $('#productImageThumb').attr('src', imageThumb);
    }
    $('#product-image a').attr('href', image);
    $('.mousetrap').remove();

    // Aggiorno lo Zoomer
    $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();

    // Evidenzio il colore e lo assegno
    var imageId = $(this).children('.imageNormal').attr('alt');
    $('.product-color #color').attr('value', imageId);
    $('.product-color .current').attr('class', 'imageThumb');
    $(this).children('.imageThumb').attr('class', 'imageThumb current');
});

/* *******************************************************
*         Gestione visione immagini in circolo
* ******************************************************* */
$(".circleImages").live('click', function (event) {

    var transId = $('.circleImages').attr("id");
    var tot = parseInt($('#productImg > div').size()) - 1;
    if (parseInt(transId) > tot) { transId = 0; }

    var imageThumb = $("#productImg" + transId).children('.imageThumb').attr('src');
    var image = $("#productImg" + transId).children('.imageNormal').attr('src');
    $('#productImageThumb').attr('src', imageThumb);
    $('#product-image a').attr('href', image);
    $(".circleImages").attr("id", (parseInt(transId) + 1));
    $('.mousetrap').remove();

    // Aggiorno lo Zoomer
    $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();
});


/* *******************************************************
*         Dialog Message - Guida alle taglie
* ******************************************************* */
$(".sizes-guide").live('click', function (event) {
    $("#dialog-sized-guide").dialog({
        modal: true,
        width: '650px',
        buttons: { Ok: function () { $(this).dialog("close"); } }
    });
});