$(function(){
    $('#woods-header, #base-colours-header, #additional-colours-header').hover(
        function(){
            if($(this).attr('rel') !== 'opened'){
                $(this).removeClass().addClass('design-closed-hover');
            }
        },
        function(){
            if($(this).attr('rel') !== 'opened'){
                $(this).removeClass().addClass('design-closed');
            }
        }
    );
    
    if($('#base-colours-header').attr('rel') == 'closed'){
        $('#base-colours-header').removeClass().addClass('design-opened').attr('rel','opened');
        $('#base-colours').show();
    }
    
    if($('#woods-header').attr('rel') == 'closed'){
        $('#woods-header').removeClass().addClass('design-opened').attr('rel','opened');
        $('#woods').show();
    }
    
    $('#add-ticket').click(function(){
        $(".tickets tr.clone").clone().removeClass().appendTo(".tickets");
    });
    
    $('form.cart-add-action').submit(function(){
        $.post(
            LANGROOT + "/eshop/cart/add/"
           ,{ 
               ajax: 1,
               pocet: $("form.cart-add-action input[name='pocet']").val(),
               id: $("form.cart-add-action input[name='id']").val(),
            }
           ,function(result){
               $('#cart-add-action').html(result).slideDown();
            }
        );
        return false;
    });
});

function highlightProduct(id) {
    $('#p'+id+',#pbody'+id).removeClass();
    $('#p'+id).addClass('product product-highlight');
    $('#pbody'+id).addClass('product-body product-body-highlight');
    $('#p'+id+' div.product-desc-dialog').show();
    $('#p'+id+' div.product-desc-dialog').css({
        'top'  : ($('#p'+id).position().top) + 'px'
       ,'left' : ($('#p'+id).position().left - $('#p'+id+' div.product-desc-dialog').width()) + 'px'
    });
}

function unhighlightProduct(id) {
    $('#p'+id+',#pbody'+id).removeClass();
    $('#p'+id).addClass('product');
    $('#pbody'+id).addClass('product-body');
    $('#p'+id+' div.product-desc-dialog').hide();
}

var timeout = null;
function previewGalleryImage(file){
    clearTimeout(timeout);
    $('.image').attr('src',WEBROOT + '/image/media/type/product-preview/file/' + file + '/');
}

function previewProductImage(image,flags){
    timeout = setTimeout(function(){$('.image').attr('src',WEBROOT + '/image/produkt/flags/' + flags + '/image/' + image)},500);
}

function showProductAttribute(id,file){
    width = 204;
    height = 204;
    $('.attr'+id).show();
    $('.attr'+id).css({
        'position'   : 'absolute'
       ,'width'      : width + 'px'
       ,'height'     : height + 'px'
       ,'background' : '#FFF'
       ,'border'     : '1px solid #DBDBDB'
       ,'top'        : ($('.attrimg'+id).position().top - height + 29) + 'px'
       ,'left'       : ($('.attrimg'+id).position().left - width - 10) + 'px'
    });
    $('.attr'+id).html("<img src=\"" + WEBROOT + "/image/media/type/product-attribute-preview/file/" + file + "/\" alt=\"\" style=\"padding:2px;\" />");
}
function hideProductAttribute(id){
    $('.attr'+id).hide();
}

function showProductDesignBaseColour(id,file){
    width = 204;
    height = 204;
    $('.base-colour-' + id).show();
    $('.base-colour-' + id).css({
        'position'   : 'absolute'
       ,'width'      : width + 'px'
       ,'height'     : height + 'px'
       ,'background' : '#FFF'
       ,'border'     : '1px solid #DBDBDB'
       ,'top'        : ($('.base-colour-img-' + id).position().top - height - 10) + 'px'
       ,'left'       : ($('.base-colour-img-' + id).position().left - width + 50) + 'px'
    });
    $('.base-colour-' + id).html("<img src=\"" + WEBROOT + "/image/media/type/product-design-colour-preview/file/" + file + "/\" alt=\"\" style=\"padding:2px;\" />");
}
function hideProductDesignBaseColour(id){
    $('.base-colour-' + id).hide();
}
function selectProductDesignBaseColour(idProduct,idColour){
    $('#base-colour-' + idColour).attr('checked','checked');
    setProductDesignBaseColour(idProduct,idColour);
}

function showProductDesignAdditionalColour(id,file){
    width = 204;
    height = 204;
    $('.additional-colour-' + id).show();
    $('.additional-colour-' + id).css({
        'position'   : 'absolute'
       ,'width'      : width + 'px'
       ,'height'     : height + 'px'
       ,'background' : '#FFF'
       ,'border'     : '1px solid #DBDBDB'
       ,'top'        : ($('.additional-colour-img-' + id).position().top - height - 10) + 'px'
       ,'left'       : ($('.additional-colour-img-' + id).position().left - width + 50) + 'px'
    });
    $('.additional-colour-' + id).html("<img src=\"" + WEBROOT + "/image/media/type/product-design-colour-preview/file/" + file + "/\" alt=\"\" style=\"padding:2px;\" />");
}
function hideProductDesignAdditionalColour(id){
    $('.additional-colour-' + id).hide();
}
function selectProductDesignAdditionalColour(idProduct,idColour){
    $('#additional-colour-' + idColour).attr('checked','checked');
    setProductDesignAdditionalColour(idProduct,idColour);
}

function showProductDesignWood(id,file){
    width = 204;
    height = 204;
    $('.wood'+id).show();
    $('.wood'+id).css({
        'position'   : 'absolute'
       ,'width'      : width + 'px'
       ,'height'     : height + 'px'
       ,'background' : '#FFF'
       ,'border'     : '1px solid #DBDBDB'
       ,'top'        : ($('.woodimg'+id).position().top - height - 10) + 'px'
       ,'left'       : ($('.woodimg'+id).position().left - width + 50) + 'px'
    });
    $('.wood'+id).html("<img src=\"" + WEBROOT + "/image/media/type/product-design-wood-preview/file/" + file + "/\" alt=\"\" style=\"padding:2px;\" />");
}
function hideProductDesignWood(id){
    $('.wood'+id).hide();
}
function selectProductDesignWood(idProduct,idWood){
    $('#wood'+idWood).attr('checked','checked');
    setProductDesignWood(idProduct,idWood);
}

function setProductAttribute(idProduct,idGroup,idAttribute){
    $.get(
        LANGROOT + "/eshop/product/attribute/"
       ,{
           id: idProduct,
           id_group: idGroup,
           id_attribute: idAttribute
       }
       ,function(result){
           $('#user-set').html(result);
           $('#cart-add-action').hide();
           updateProductBaseColours(idProduct);
           updateProductAdditionalColours(idProduct);
           userSetPopupReload(idProduct);
       }
   );
}
function setProductDesignBaseColour(idProduct,idColour){
    $.get(
        LANGROOT + "/eshop/product/base-colour/"
       ,{
           id: idProduct,
           id_colour: idColour
       }
       ,function(result){
           $('#user-set').html(result);
           $('#cart-add-action').hide();
           updateProductAdditionalColours(idProduct);
           userSetPopupReload(idProduct);
       }
   );
}
function updateProductBaseColours(idProduct){
    $.get(
        LANGROOT + "/eshop/product/update-base-colours/"
       ,{
           id: idProduct
       }
       ,function(result){
           $('#cart-add-action').hide();
           $('#base-colours-content').html(result);
       }
   );
}
function updateProductAdditionalColours(idProduct){
    $.get(
        LANGROOT + "/eshop/product/update-additional-colours/"
       ,{
           id: idProduct
       }
       ,function(result){
           $('#cart-add-action').hide();
           $('#additional-colours-content').html(result);
       }
   );
}

function setProductDesignAdditionalColour(idProduct,idColour){
    $.get(
        LANGROOT + "/eshop/product/additional-colour/"
       ,{
           id: idProduct,
           id_colour: idColour
       }
       ,function(result){
           $('#cart-add-action').hide();
           $('#user-set').html(result);
           userSetPopupReload(idProduct);
       }
   );
}
function setProductDesignWood(idProduct,idWood){
    $.get(
        LANGROOT + "/eshop/product/wood/"
       ,{
           id: idProduct,
           id_wood: idWood
       }
       ,function(result){
           $('#cart-add-action').hide();
           $('#user-set').html(result);
           userSetPopupReload(idProduct);
       }
   );
}

function ShowHideColours(mode,doublecolour){
    if(doublecolour == 1){
        if(mode == 2){
            $('#base-colours').slideUp(
                750
                ,function(){
                    $('#base-colours-header').removeClass().addClass('design-closed').attr('rel','closed');
                    if($('#additional-colours-header').attr('rel') == 'closed'){
                        $('#additional-colours-header').removeClass().addClass('design-opened').attr('rel','opened');
                        $('#additional-colours').slideDown(750);
                    } else {
                        $('#additional-colours-header').removeClass().addClass('design-closed').attr('rel','closed');
                        $('#additional-colours').slideUp(750);
                    }
                }
            );
        } else {
            $('#additional-colours').slideUp(
                750
                ,function(){
                    $('#additional-colours-header').removeClass().addClass('design-closed').attr('rel','closed');
                    if($('#base-colours-header').attr('rel') == 'closed'){
                        $('#base-colours-header').removeClass().addClass('design-opened').attr('rel','opened');
                        $('#base-colours').slideDown(750);
                    } else {
                        $('#base-colours-header').removeClass().addClass('design-closed').attr('rel','closed');
                        $('#base-colours').slideUp(750);
                    }
                }
            );
        }
    } else {
        if($('#base-colours-header').attr('rel') == 'closed'){
            $('#base-colours-header').removeClass().addClass('design-opened').attr('rel','opened');
            $('#base-colours').slideDown(750);
        } else {
            $('#base-colours-header').removeClass().addClass('design-closed').attr('rel','closed');
            $('#base-colours').slideUp(750);
        }
    }
}

function ShowHideWoods(){
    if($('#woods-header').attr('rel') == 'closed'){
        $('#woods-header').removeClass().addClass('design-opened').attr('rel','opened');
        $('#woods').slideDown(750);
    } else {
        $('#woods-header').removeClass().addClass('design-closed').attr('rel','closed');
        $('#woods').slideUp(750);
    }
}

function userSetPopupReload(idProduct) {
    $('#usersetPopupContent').load(LANGROOT + '/eshop/product/user-set-popup-reload/?id=' + idProduct);
}