$(function () {

    var $ = jQuery.noConflict();


    $("div#divLojasEspeciais").ready(function () {

        $("div#divLojasEspeciais").removeClass("loja_especial invisiblediv");
        $("div#divLojasEspeciais").addClass("loja_especial visiblediv");
     
    });

    $(window).load(function () {
        $.fn.SetWidthLojasEspeciais();
    });
    $(window).resize(function () {
        $.fn.SetWidthLojasEspeciais();
    });

    $("#mycarousel").jcarousel({
        visible: (($("#mycarousel >li").length < 6) ? $("#mycarousel >li").length : 6),
        wrap: "circular",
        scroll: 1,
        itemFallbackDimension: 300
    });
    $.fn.SetWidthLojasEspeciais = function () {

        var divTdDireitaMenuLateralWidth = $(".tdDireitaMenuLateral").css("width");
        var divTblMenuWidth = $(".tblMenu").css("width");

        divTdDireitaMenuLateralWidth = divTdDireitaMenuLateralWidth.substring(0, divTdDireitaMenuLateralWidth.length - 2); //retira o px do final da string para poder fazer a conta
        divTdDireitaMenuLateralWidth = parseInt(divTdDireitaMenuLateralWidth);

        divTblMenuWidth = divTblMenuWidth.substring(0, divTblMenuWidth.length - 2); //retira o px do final da string para poder fazer a conta
        divTblMenuWidth = parseInt(divTblMenuWidth);

        var clientWidth = $(window).width(); // esta função já retorna o número sem px no final          

        if (clientWidth < 1000) {
            clientWidth = 1000; //esta atribuião é feita devido a definição de que a resolução minima do site é 1000px
        }

        //$("#mycarousel").css("width");
        $("#divLojasEspeciais").css("width", eval(clientWidth - divTblMenuWidth - divTdDireitaMenuLateralWidth - 10)); //o número 10 fixo no código representa a soma do padding esquerdo e padding direito do site

    };
   
});