$(document).ready(function () {
    $("[lang='subable']").mouseenter(function () {
        $(this).stop().fadeTo(50, "1");
        var xSub = $(this).find(".SubMenu");
        xSub.css({ display: "block" });
        xSub.stop().fadeTo(250, "1");
    });

    $("[lang='subable']").mouseleave(function () {
        $(this).stop().fadeTo(50, ".50");
        var xSub = $(this).find(".SubMenu");
        xSub.stop().fadeTo(250, "0", function () { xSub.css({ display: "none" }) });
    });

    //---------------------
    $("#ProdCatThumb a img").fadeTo(0, ".7")
    $("#ProdCatThumb a img").mouseover(function () {
        $(this).stop().fadeTo("fast", "1")
    })
    $("#ProdCatThumb a img").mouseout(function () {
        $(this).stop().fadeTo("fast", ".7")
    })
    //--------------------

    BasketAnimflag = true;
    $("#BasketContents").animate({ height: "1px" })
    $("#BasketKey").click(expandBasket);

    TopBarflag = true;
    $("#UserContentBar").animate({ height: "1px" })
    $("#UserTopBarArrow").click(expandTopBar);
})

function expandBasket(e, flag) 
{
    if (flag != null)
        BasketAnimflag = !!flag;

    if (BasketAnimflag)
        $("#BasketContent").animate({ height: "200px" });
    else
        $("#BasketContent").animate({ height: "1px" });

    BasketAnimflag = !BasketAnimflag;
}

function expandTopBar() {

    if (TopBarflag) {
        $("#UserContentBar").css("display","");
        $("#UserContentBar").animate({ height: "100px" });
    } 
    else
        $("#UserContentBar").animate({ height: "1px" }, function () { $(this).css("display", "none"); });
    
    TopBarflag = !TopBarflag;
}