function showImage() {
    jQuery(".previewimage").fadeIn("500");
}

function animationImage() {
    jQuery(".previewimage").animate({
        width: "1px",
        height: "1px",
        left: "930px",
        top: "200px",
        opacity: "0"
    }, {
        duration: '3000',
        callback: function () { }
    });
}

function addSample() {
    // Clik ADD TO SAMPLES
    scroll(0, 0);
    jQuery("a.baskettab").addClass("baskettab_selected"); // Set selected class on tab			
    jQuery("#basket").fadeIn(); // Fade in the menu
    jQuery("a.baskettab").addClass("added"); //  Give tab orange background			
    jQuery(function () {
        setTimeout(function () { // After 3500 ms fade out the menu
            jQuery("#basket").fadeOut();
            jQuery("a.baskettab").removeClass("baskettab_selected added"); // and remove the selected class from the tab
        }, 3500);
    });
    //return false;
}

//jQuery("div,a,p").pngFix();	
function tooltipCall() {
    if (jQuery("#carpet_search_results").length > 0) {
        tooltip();
    }
}

function newCarpets() {
    if (jQuery("#newproduct-blocks").length > 0) {
        jQuery('#newproduct-blocks img').imageWarp();
    }
}

function basket() {
    if (jQuery("#basket").length > 0) {
        if (jQuery("#basket #mycarpets li").length > 0) {

            /*jQuery('#basket #mycarpets').jcarousel({
                vertical: true,
                scroll: 1
            });*/

        }
        jQuery("a.baskettab").click(function () {
            jQuery(this).toggleClass("baskettab_selected");

            if (jQuery("a.baskettab").hasClass("baskettab_selected")) {
                jQuery("#basket").fadeIn();
            } else {
                jQuery("#basket").fadeOut();
            }
            return false;
        });
    }
    // Add Sample
    jQuery("a.addsample").click(addSample);
}


function init() {

    //Call functions
    tooltipCall();
    newCarpets();
    basket();

}

function tooltip() {
    //only reindex the results 

    var zIndexNumber = 50000;
    jQuery('#page_content').css('zIndex', zIndexNumber);
    zIndexNumber -= 10;
    //jQuery('#carpet_search_results').children('div').children('div').each(function() {
    jQuery('#carpet_search_results').find('.item').each(function () {
        jQuery(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });

    jQuery('.popup').hide();
    jQuery('.bubbleInfo').each(function () {
        var distance = 0;
        var time = 250;
        var outtime = 1;
        var hideDelay = 1;

        var hideDelayTimer = null;

        var beingShown = false;
        var shown = false;
        var trigger = jQuery('.trigger', this);
        var info = jQuery('.popup', this).css('opacity', 0);


        jQuery([trigger.get(0), info.get(0)]).click(function () {
            jQuery('.trigger').css({
                border: '1px solid white'
            });
            trigger.css({
                border: '1px solid #f74a21'
            });
            newload = "desso";
        });
        jQuery([trigger.get(0), info.get(0)]).mouseover(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
                beingShown = true;

                trigger.attr('alt', '');

                info.css({
                    display: 'block'
                }).animate({
                    left: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function () {
                    beingShown = false;
                    shown = true;
                });


            }

            return false;
        }).mouseout(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;

                info.animate({
                    top: '-=' + distance + 'px',
                    opacity: 0
                }, outtime, 'swing', function () {
                    shown = false;
                    info.css('display', 'none');
                });


            }, hideDelay);

            return false;
        });
    });
}
var newload;



jQuery(document).ready(function () {
    init();
});